Tech & Tip

 การทำลิงค์แบบ  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”

ผลลัพธ์เป็นดังนี้














Image Slide Generator:เครื่องมือสร้างสไลด์รูปสำหรับหน้าเว็บ




                ตัวอย่าง Slide ที่สร้าง

ขั้นตอนการใช้งาน Image Slide Generator

1.       สร้าง Folder (ชื่ออะไรก็ได้เป็นภาษาอังกฤษ) ในเครื่อง Computer ของคุณ
2.       นำรูป (ชื่อรูปเป็นภาษาอังกฤษเท่านั้น) ที่ต้องการจะใส่ใน Slide มา             วางใน Folder นี้ (รูปแต่ละรูปควรมีขนาดเท่ากัน ถ้ารูปมีความกว้าง             เกิน 500px รูปจะถูกย่อลงให้มีขนาดความกว้างเหลือ 500px)
3.       สร้าง ZIP (.zip อย่างเดียว .rarไม่ได้) ไฟล์ของ Folder นี้
4.       Click ที่ปุ่ม Browse ด้านล่าง แล้วเลือก Zip ไฟล์ที่เราสร้างในขั้นที่               3
5.       Click ปุ่ม Upload (รอซักครู่ ระบบกำลังทำการสร้าง Slide)
6.       Slide จะปรากฎให้เห็นด้านล่าง
7.       นำ Code ที่เห็นไปใส่ในหน้าเว็บของคุณ

 QR Barcode ลิงค์เชื่อมโยงมายังเว็บไซต์ของคุณ


            ขั้นตอนการทำ  QR Barcode
1.      เข้าไปที่  http://qrcode.kaywa.com/



2.       จะมีเมนูให้เลือกว่าจะทำเป็นข้อมูลแบบไหน 



3.      จากนั้น ใส่ข้อมูลที่เราต้องการให้ QR สื่อถึง 


4        แล้วกดคำว่า Generate เพื่อสร้าง ภาพ QR  หรือ QR Code


5.       จะมีรูปขึ้นมา 


6.       ให้สังเกต โค้ด ด้านล่าง สามารถ Copy เพื่อไปใส่ในเว็บไซต์ของเราได้ 


ตัวอย่างเว็บไซต์









Bobblehead Bunny

ไม่มีความคิดเห็น:

แสดงความคิดเห็น