การทำโฆษณาแบบพับเก็บได้
การทำโฆษณาแบบพับเก็บได้ บนหน้าเว็บนั้นสามารถทำได้หลายวิธี และหลายแบบด้วยกัน
เช่นรูปภาพ หรือ Flash ซึ่งในปัจจุบันเป็นที่นิยมกันอย่างแพร่หลาย
ขั้นตอนการทำมีดังนี้
1. เตรียมรูปภาพ โดยอาจจะวาด หรือเขียนปุ่มปิดไว้ในรูปด้วยโปรแกรมให้เรียบร้อย ดังภาพตัวอย่าง
2. จากนั้นวาด Layer ลงในเว็บเพจ 1 Layer พร้อมตั้งชื่อ " ads " ดังภาพ
3. จากนั้นนำรูปภาพที่เตรียมไว้วางใส่ลงไปใน Layer โดยใช้ Hotspot สร้างส่วนที่จะให้ผู้ใช้กดปุ่มปิดหน้าต่าง
ดังภาพ และใช้ Hotspot สร้างส่วนที่จะให้ผู้ใช้ click แล้ว link ไปยังเว็บไซต์ที่ต้องการ
4. เลือกเครื่องมือ Behaviors (Shift+F4) ใช้ Action เครื่องมือ Show-Hide Layers สั่งให้ซ่อน Layer " ads "
* ถ้า Show-Hide Layers ไม่ขึ้นให้เลือกที่จุด Hotspot ที่เราสร้างไว้ตอนแรกก่อน
5. จากนั้นให้สังเกตุที่เครื่องมือ Behaviorsสถานะของ Mouse อยู่ที่ onMouseOver ให้เราทำการเปลี่ยนเป็น onClick ดังภาพ
6. กดปุ่ม F12 บนคีบอร์ด เพื่อแสดงผลกับบราวเซอร์ จะได้ผลลัพท์ดังภาพ
การทำลิงค์แบบ Rollover Image
Rollover Image คือ การทำเทคนิคภาพบนเว็บเพจให้ดูแปลกตาไป กล่าว คือ รูปจะแสดงผลเปลี่ยนไป เมื่อเราลากเมาส์ผ่าน โดยเราจะต้องมีรูป 2 รูป ที่มีขนาดเท่าๆกัน ให้รูป 2 รูปมีขนาดเท่าๆกัน ให้รูปนึงเป็นรูปปกติและมีอีกรูปถูกเรียกขึ้นมาแทนเมื่อลากเมาส์ผ่าน
ขั้นตอนการทำมีดังนี้
1. วางเคอร์เซอร์ ณ ตำแหน่งที่ต้องการ
2. ไปที่ Insert Bar คลิกปุ่มคำสั่ง Image แล้วเลือก “Rollover Image”
2. ไปที่ Insert Bar คลิกปุ่มคำสั่ง Image แล้วเลือก “Rollover Image”
3.จะปรากฏหน้าต่าง Insert Rollover Image ขึ้นมาทำให้เราระบุ
Original Image : ภาพต้นฉบับ สำหรับแสดงเป็นรูปปกติ
Original Image : ภาพต้นฉบับ สำหรับแสดงเป็นรูปปกติ
Rollover Image : ภาพที่ใช้สลับขึ้นมา
Alternate text : ข้อความที่แสดงขึ้นมาตอนนำเมาส์ไปวาง
When Clicked,Go to url : กำหนดปลายทางที่จะลิงค์ไป
4.เมื่อกำหนดค่าเรียบร้อยแล้ว ให้คลิกปุ่ม “ OK ”
ผลลัพธ์เป็นดังนี้
Windown Live Chat
1. ไปที่หน้า http://settings.messenger.live.com/Applications/Default.aspx ทำการล็อกอินด้วยอีเมล์และรหัสผ่านของ Hotmail ของท่าน จากนั้นคลิกเมนู " การตั้งค่าเว็บ "
2. ทำเครื่องหมายถูกที่หัวข้อ " อนุญาตให้เว็บไซต์สามารถมองเห็นสถานะของ Messenger ของคุณ และส่งข้อความถึงคุณได้ " และคลิก " บันทึก "
3. คลิกเมนู " สร้าง HTML" (ตำแหน่งหมายเลข 1) จากนั้นทำการปรับแต่งการแสดงผลสี ขนาดของหน้าต่าง Chat Box ตามต้องการ (ตำแหน่งหมายเลข 2 และ 3) และเมื่อปรับแต่งเรียบร้อยแล้ว ให้ท่าน Copy โค้ดที่ปรากฎในหัวข้อ " คัดลอก HTML และวางลงในเว็บเพจของคุณ " (ตำแหน่งหมายเลข 4)
4. นำโค๊ดไปใส่ไว้ในตำแหน่งที่ต้องการ จะได้ผลลัพธ์ดังภาพ
