การทำโฆษณาแบบพับเก็บได้ จัดทำโดย : Mr.GuruZ พิมพ์
 Un title page

การทำโฆษณาแบบพับเก็บได้ หลายคนอาจจะสงสัยว่าเว็บดังๆ เขาทำโฆษณากันอย่างไรแบบที่วิ่งอยู่บนหน้าจอ แล้วยังสามารถพับเก็บได้ การทำก็มีด้วยกันหลายแบบเช่นรูปภาพ หรือไม่ก็ Flash ปัจจุบันก็ยังเป็นที่นิยมกันอยู่ มาดูการทำดีกว่าเดี๋ยวจะไม่เสร็จ

ขั้นตอนการทำ

1. เตรียมรูปภาพ โดยอาจจะวาด หรือเขียนปุ่มปิดไว้ในรูปด้วยโปรแกรมให้เรียบร้อย ดังภาพตัวอย่าง

2. จากนั้นวาด Layer ลงในเว็บเพจ 1 Layer พร้อมตั้งชื่อ "ads" ดังภาพ

3. จากนั้นนำรูปภาพที่เตรียมไว้วางใส่ลงไปใน Layer ใช้ Hotspot สร้างส่วนที่จะให้ผู้ใช้กดปุ่มปิดหน้าต่าง ดังภาพ

4. เลือกเครื่องมือ Behaviors (Shift+F3) ใช้ Action เครื่องมือ Show-Hide Layers สั่งให้ซ่อน Layer "ads" ดังภาพ
* ถ้า Show-Hide Layers ไม่ขึ้นให้เลือกที่จุด Hotspot ที่เราสร้างไว้ตอนแรกก่อน

5. จากนั้นให้สังเกตุที่เครื่องมือ Behaviors สถานะของ Mouse อยู่ที่ onMouseOver ให้เราทำการเปลี่ยนเป็น onClick ดังภาพ
* ถ้าไม่มีให้เลือกให้ไปแก้ที่โค้ดแทนก็ได้

<== ก่อนที่ยังไม่ได้แก้

<== หลังที่ได้ทำการแก้ไขโค้ดแล้ว

6. จากนั้นก็ทำการใส่ Link ให้กับรุปภาพตามปกติ (จะลิงค์มาที่ http://www.webthaidd.com/ ก็ได้นะครับ)

7. จากนั้นก็ลองทดสอบการทำงานดูครับ (รับรองว่าโปรแกรมอะไรก็มา Block ไม่อยู่)

 

คุณอาจสนใจ
กำหนดขนาดพื้นฐานของตัวอักษร
สายลม (40,631 - 25 ก.พ. 50)
อยากซ่อนไฟล์ MSConfig
เว็บไทยดีดี (14,794 - 26 ม.ค. 51)
ตัวอักษรแสงกระจาย (Explosion)
อ.เล็ก (136,840 - 04 มิ.ย. 49)
ภาษาซีสำหรับผู้เริ่มต้น
จักรกฤษณ์ แสงแก้ว (32,984 - 26 พ.ย. 50)
แนะนำการใช้งาน Filter -> Texture
first (81,544 - 28 ม.ค. 51)
การเน้นตัวอักษรในรูปแบบต่าง ๆ
อ้อม (19,801 - 13 ม.ค. 50)
เครื่องมือใช้งานหลัก ๆ บนแถบเครื่องมือ Menu Bar
first (26,647 - 02 เม.ย. 51)
สร้างข้อความโดนลมพัดจาก Photoshop
langjuko (105,933 - 24 ก.ย. 51)