เอฟเฟกต์การเปลี่ยนแปลงที่ใช้กันทั่วไปสำหรับการสร้างหน้าเว็บด้วย Dreamweaver8
ผู้เขียน:Eve Cole
เวลาอัปเดต:2009-06-01 01:02:47
การเปลี่ยนหน้าเว็บหมายถึงเอฟเฟกต์การรีเฟรชต่างๆ ที่หน้าเว็บนำเสนอเมื่อผู้ดูเข้าหรือออกจากหน้าเว็บ เช่น การเลื่อน การบังตา ฯลฯ
หมายเหตุ: ไม่สามารถเพิ่มเอฟเฟกต์การเปลี่ยนเว็บเพจให้กับเว็บเพจที่สร้างผ่านเทมเพลตได้!
ขั้นตอนการผลิต:
1. เปิดหน้า ขั้นตอนนี้สำคัญมาก ทำไมต้องเปิดเพจแทนที่จะตั้งค่าระหว่างการแก้ไข? เนื่องจากโค้ดสำหรับการเปลี่ยนหน้าเว็บจะต้องแสดงในพื้นที่เฉพาะของหน้าต่างโค้ดจึงจะสามารถทำงานได้ ในหน้าต่างที่เพิ่งเปิดใหม่ เคอร์เซอร์จะอยู่ที่ด้านหน้าของบรรทัดบนสุดของหน้าต่างโค้ดซึ่งเป็นหนึ่งในตำแหน่งที่เหมาะสม สำหรับผู้ที่ไม่คุ้นเคยกับโค้ด ก็ใช้งานง่ายและสะดวก อย่างไรก็ตาม เมื่อเปิดหน้าเว็บบางหน้าเป็นครั้งแรก เคอร์เซอร์จะไม่อยู่ที่ด้านหน้าของบรรทัดบนสุดของหน้าต่างโค้ด จากนั้นคุณจะต้องค้นหาโค้ดบรรทัดแรกผ่านแถบเลื่อนของเส้นขอบ จากนั้นคลิกเมาส์ที่ และวางเคอร์เซอร์ไว้ที่ด้านบนสุดของบรรทัดบนสุดของหน้าต่างโค้ด
2. คลิก Insert-HTML-File Header Tag-Meta ในแถบเมนู จากนั้นกล่องโต้ตอบ Meta จะปรากฏขึ้น
3. เลือกตัวเลือกที่เทียบเท่า HTTP ในรายการแบบเลื่อนลงของตัวเลือกคุณสมบัติในกล่องโต้ตอบ และพิมพ์ Page-Enter ในกล่องค่าเพื่อระบุว่าจะมีผลกระทบต่อการเปลี่ยนหน้าเว็บเมื่อเข้าสู่หน้าเว็บ พิมพ์ Revealtrans(Duration=4,Transition=2) ในช่องเนื้อหา Duration=4 หมายความว่าระยะเวลาของเอฟเฟกต์การเปลี่ยนหน้าเว็บคือ 4 วินาที การเปลี่ยนหมายถึงโหมดเอฟเฟกต์การเปลี่ยนแปลง เมื่อค่าเป็น 2 หมายถึงการหดตัวแบบวงกลม เลขเอฟเฟกต์ต่างๆ รหัสมีดังนี้
4. หลังจากเข้าไปแล้วให้คลิกตกลงเพื่อบันทึก วิธีนี้เราจะเห็นผลเมื่อเราเข้าสู่หน้านี้ คุณเห็นผลเมื่อสักครู่นี้หรือไม่? หรือกลับไปที่หน้าแรกแล้วดูที่หน้านี้
5. มีเอฟเฟ็กต์ให้เลือกมากกว่า 20 ชนิด เพียงเปลี่ยนค่าของ Transition เป็นชื่อโค้ดของเอฟเฟกต์ที่เกี่ยวข้องตามที่แสดงในตารางด้านล่าง:
การเปลี่ยนเอฟเฟกต์ การเปลี่ยนเอฟเฟกต์
กล่องหด 0 ละลาย 12
การขยายตัวคล้ายกล่อง 1 หดไปทางซ้ายและขวาตรงกลาง 13
วงกลมย่อ 2 และตรงกลางขยายไปทางซ้ายและขวา 14
ขยายวงกลม 3 และย่อขึ้นลงตรงกลาง 15
ลบขึ้น 4 ขยายตรงกลางขึ้นและลง 16
ลบลง 5 ขยายลงและไปทางซ้ายในขั้นตอนที่ 17
ลบ 6 ไปทางซ้าย ขยาย 18 ไปทางซ้ายบนตามขั้นตอน
ลบไปทางขวา 7 ขยายไปทางขวาล่างในขั้นตอนที่ 19
มู่ลี่แนวตั้ง 8 ขั้นคล้ายบันไดขยายไปทางขวาบน 20
มู่ลี่แนวนอน 9 เส้นแนวนอนแบบสุ่ม 21
กระดานหมากรุกแนวนอน 10 เส้นแนวตั้งสุ่ม 22
ตารางหมากรุกแนวตั้ง 11 สุ่ม 23