บทช่วยสอนที่กระชับของ Dreamweaver 4 (8. เพิ่มเอฟเฟกต์แบบโต้ตอบให้กับหน้าเว็บ 2)
ผู้เขียน:Eve Cole
เวลาอัปเดต:2009-05-30 18:35:33
8. เพิ่มเอฟเฟกต์แบบโต้ตอบให้กับหน้าเว็บ
สร้างเอฟเฟกต์เชิงโต้ตอบที่ซับซ้อนมากขึ้น
ใน Dreamweaver เอฟเฟกต์ที่ซับซ้อนมากขึ้นเกิดขึ้นได้ผ่านฟังก์ชันที่เรียกว่าพฤติกรรม ความหมายตามตัวอักษรหมายถึง "พฤติกรรม" ซึ่งเราเรียกอีกอย่างว่าการตอบสนองต่อเหตุการณ์ ผ่านการเปลี่ยนแปลงองค์ประกอบของหน้าเว็บ เช่น การเคลื่อนไหวของเมาส์ การคลิก และ "เหตุการณ์" อื่นๆ (เหตุการณ์) การเรียกใช้หน้าต่างป๊อปอัป การปิดหน้า และ "การตอบสนอง" อื่นๆ (การดำเนินการ) ถือเป็นการตอบสนองของเหตุการณ์ และโชคดีที่การสร้าง "The Act" แทบจะเข้าใจผิดได้
กด Shift+F3 เพื่อเปิดแผงลักษณะการทำงาน ดังที่แสดงด้านล่าง:
การเพิ่มลักษณะการทำงานให้กับเว็บเพจจำเป็นต้องมีสามขั้นตอนต่อไปนี้:
1. เลือกองค์ประกอบที่สร้างลักษณะการทำงาน เช่น รูปภาพ ข้อความพร้อมลิงก์ เลเยอร์ ฯลฯ หากคุณต้องการให้เอฟเฟกต์เริ่มปรากฏทันทีที่โหลดหน้า คุณสามารถเลือกป้ายกำกับ 2 บนแถบสถานะแล้วกด ปุ่มจะเลือกการตอบสนอง (องค์ประกอบที่แตกต่างกันมีการตอบสนองที่สอดคล้องกันที่แตกต่างกัน) และตั้งค่าคุณสมบัติของการตอบสนองนี้ในกล่องโต้ตอบที่ตามมา ต่อไปนี้คือคำอธิบายของการตอบสนองที่สามารถเลือกได้:
โทร JavaScript: เรียก JavaScript ส่วนหนึ่ง;
เปลี่ยนคุณสมบัติ: เปลี่ยนสไตล์ CSS ของแท็ก Html;
ตรวจสอบเบราว์เซอร์: ป้อนหน้าต่างๆ ตามเบราว์เซอร์ที่แตกต่างกัน
ตรวจสอบปลั๊กอิน: ตรวจสอบว่าเบราว์เซอร์มีปลั๊กอินที่จำเป็นหรือไม่
ควบคุม Shockwave หรือ Flash: ควบคุมการเล่นภาพเคลื่อนไหว Shockwave หรือ Flash;
ลากเลเยอร์: อนุญาตให้ผู้ดูลากองค์ประกอบในเลเยอร์
ไปที่ URL: ลิงก์ไปยัง URL ที่ระบุ
เมนูข้าม, เมนูข้ามไป: เมนูข้ามและปุ่มไป;
เปิดหน้าต่างเบราว์เซอร์: เปิดหน้าต่างเบราว์เซอร์ใหม่
เล่นเสียง: เล่นเสียง;
ข้อความป๊อปอัป: หน้าต่างป๊อปอัปคำเตือน;
โหลดรูปภาพล่วงหน้า: อ่านรูปภาพล่วงหน้า
ตั้งค่ารูปภาพแถบนำทาง: ตั้งค่ารูปภาพของแถบนำทาง
ตั้งค่าข้อความ: แสดงข้อความในตำแหน่งเฉพาะ
แสดงซ่อนเลเยอร์: แสดงหรือซ่อนเลเยอร์;
สลับรูปภาพ สลับการคืนค่ารูปภาพ: แปลงรูปภาพและกู้คืนรูปภาพต้นฉบับ
ไทม์ไลน์: ควบคุมการเล่นไทม์ไลน์
ตรวจสอบแบบฟอร์ม: ตรวจสอบความถูกต้องของแบบฟอร์ม
รับพฤติกรรมเพิ่มเติม: ดาวน์โหลดเหตุการณ์พฤติกรรมเพิ่มเติม
3. เลือก เหตุการณ์ เพื่อตัดสินใจว่าการตอบสนองจะเกิดขึ้นภายใต้สถานการณ์ใด เหตุการณ์ทั่วไป ได้แก่:
onMouseOver: เมาส์เคลื่อนที่ไปยังเป้าหมาย
onMouseUp: เมื่อกดเมาส์แล้วปล่อยปุ่มซ้าย
onMouseOut: เมื่อเมาส์เคลื่อนออกไป;
onMouseDown: เมื่อกดเมาส์ (ไม่ต้องปล่อยปุ่มซ้าย);
onClink: เมื่อคลิก;
onDblClick: เมื่อดับเบิลคลิก;
onLoad: เมื่อโหลดหน้าเว็บ
onUnload: เมื่อออกจากหน้า;
onResize: เมื่อโปรแกรมดูเปลี่ยนขนาดของหน้าต่างการเรียกดู
onScroll: เมื่อผู้ชมลากแถบเลื่อน