Rollover Image
Rollover Image คือ การทำเทคนิคภาพบนเว็บเพจให้ดูแปลกตาไป กล่าวคือ รูปจะแสดงผลเปลี่ยนไป เมื่อเราลากเมาส์ผ่าน โดยเราจะต้องมีรูป 2 รูป ที่มีขนาดเท่าๆกัน ให้รูปนึงเป็นรูปปกติและมีอีกรูปถูกเรียกขึ้นมาแทนเมื่อลากเมาส์ผ่าน
ขั้นตอนการทำมีดังนี้
1.วางเคอร์เซอร์ ณ ตำแหน่งที่ต้องการ
2. ไปที่ Insert Bar คลิกปุ่มคำสั่ง Image แล้วเลือก “Rollover Image”
3.จะปรากฏหน้าต่าง Insert Rollover Image ขึ้นมาทำให้เราระบุ
Original Image: ภาพต้นฉบับ สำหรับแสดงเป็นรูปปกติ
Rollover Image: ภาพที่ใช้สลับขึ้นมา
Alternate text: ข้อความที่แสดงขึ้นมาตอนนำเมาส์ไปวาง
When Clicked,Go to URL: กำหนดปลายทางที่จะลิงค์ไป
4.เมื่อกำหนดค่าเรียบร้อยแล้ว ให้คลิกปุ่ม “OK”
ผลลัพธ์เป็นดังนี้
__________________________________________________
การใช้งาน QR code
การใช้งาน QR Code จะประกอบด้วยสองส่วน โดยสวนแรกคือการเข้ารหัสเพื่อแปลงข้อมูลที่ต้องการให้กลายเป็นภาพกราฟิก และสวนที่สองก็คือการถอดรหัสภาพกราฟิกดังกล่าวเพื่อนำข้อมูลไปใช้งานต่อ การเข้ารหัสนั้นสามารถทำได้โดยใช้ ซอฟต์แวร์ "QR Code Generator"เพื่อแปลงข้อมูลที่ต้องการไม่ว่าจะเป็น ที่อยู่เว็บไซต์, ข้อความอักษร,เบอร์โทรศัพท์ ฯลฯ ออกมาเป็นภาพกราฟิกแบบสองมิติ โดยซอฟต์แวร์ที่ใช้มีทั้งเชิงพาณิชย์ ซึ่งจะต้องซื้อลิขสิทธิ์เพื่อใช้งานและแบบที่ให้ใช้ได้ฟรี เช่นที่เว็บไซต์ qrcode.kaywa.com แต่ไม่อนุญาตให้นำไปใช้เชิงพาณิชย์
ปัจจุบัน QR Code เป็นที่นิยมแพร่หลายทั่วโลก เราสามารถพบQR Code ได้ทั่วไปทั้งการใช้งานบนบรรจุภัณฑ์เพื่อระบุข้อมูลของตัวสินค้า, บนโฆษณาในนิตยสาร หรือป้ายบิลบอร์ดเพื่อให้ข้อมูลเพิ่มเติมเกี่ยวกับผลิตภัณฑ์, ตลอดถึงการนำ QR Code มาประยุกต์เป็นงานศิลปะลายกราฟิกสวยงามก็มีให้พบเห็นเช่นกัน
1. จะมีเมนูให้เลือกว่าจะทำเป็นข้อมูลแบบไหน URL,Text,Phone,Number,SMS
2. ผมเองเลือกแบบ Text แบบนี้จะใส่ข้อความได้ 239 ตัว แล้วก็ใส่ข้อความเขาไป ผมใส่คำว่า meetips.com
3. จากนั้นเราก็เลือกขนาด จะมีให้เลือกตั้งแต่ S,M,L,XL ผมเลือกเป็น Mครับ
4. หลังจากนั้น กดที่ Generate ได้เลย
เป็นอันเสร็จสิ้น
__________________________________________________
ทำ ALBUM รูปภาพ แบบมีปุ่มเลือกรูปถัดไปและย้อนกลับ
- นำ CODE ด้านล่างไปไว้ที่ <head>
- ต้องการให้แสดง ALBUM ที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่น <body>
*** ได้ภาพดังตัวอย่าง ***
__________________________________________________
ไม่มีความคิดเห็น:
แสดงความคิดเห็น