ขั้นตอนที่ 3: หลังจากเลือกรูปภาพแล้ว ให้เปิดใช้งานแผงลักษณะการทำงานผ่านคำสั่ง "Windows → Behaviors" คลิกปุ่ม "+" และเลือกรายการ "แสดง-ซ่อนเลเยอร์" เลือกเลเยอร์ที่ต้องการแสดงในหน้าต่างป๊อปอัป จากนั้นคลิกปุ่ม "แสดง" ที่ด้านล่าง หลังจากการยืนยัน เหตุการณ์เพิ่มเติมชื่อ onMouseOver จะปรากฏในแผงลักษณะการทำงาน ในขณะนี้ ให้คลิกปุ่ม "+" แล้วคลิกเพื่อเลือกรายการ "OnMouseOver" เพื่อให้เมื่อวางเมาส์บนภาพ เลเยอร์จะสามารถแสดงได้ นั่นคือ คำอธิบายข้อความแบบลอยตัวสามารถปรากฏขึ้นได้
ขั้นตอนที่ 4: ทำตามขั้นตอนที่ 3 เพื่อเพิ่มเหตุการณ์ "ซ่อน" ให้กับเลเยอร์ทันที และตั้งค่าลักษณะการทำงานเป็น "OnMouseOut" เพื่อให้สามารถซ่อนเลเยอร์ได้เมื่อนำเมาส์ออก
หลังจากดำเนินการข้างต้นเสร็จแล้ว ให้กดปุ่ม "F12" เพื่อเปิดเบราว์เซอร์ IE เพื่อดูตัวอย่าง เมื่อเลื่อนเมาส์ไปเหนือรูปภาพ คำที่พรอมต์ไว้ล่วงหน้าจะปรากฏขึ้น และเมื่อเมาส์เคลื่อนออกจากรูปภาพ คำต่างๆ จะถูกแสดงโดยอัตโนมัติ ที่ซ่อนอยู่.
ปรับขนาดหน้าต่างโดยอัตโนมัติ หน้าเว็บบางหน้าจะปรับขนาดหน้าเว็บด้วยเมื่อเปลี่ยนขนาดหน้าต่าง ดังนั้น หากหน้าต่างใหญ่เกินไปจะไม่มีพื้นที่ว่าง และหากหน้าต่างเล็กเกินไป แถบที่เคลื่อนไหวจะไม่หมดขอบ สำหรับฟังก์ชันการปรับขนาดหน้าอัตโนมัตินี้ ใน Dreamweaver MX 2004 คุณสามารถอ้างอิงถึงขั้นตอนต่อไปนี้เพื่อให้บรรลุผลได้อย่างง่ายดาย
ขั้นตอนแรกคือการสร้างหน้าใหม่ จากนั้นแทรกตารางที่มีหนึ่งแถวและสามคอลัมน์โดยใช้คำสั่ง "Insert→Table" ในขณะนี้ คุณสามารถละเว้นความกว้างของตารางและปล่อยให้ตารางขยายโดยอัตโนมัติเพื่อให้พอดีกับหน้าต่างเบราว์เซอร์ได้ การตั้งค่าต่อไปนี้
ในขั้นตอนที่สอง คุณจะเห็นว่าความกว้างของแต่ละเซลล์ถูกทำเครื่องหมายไว้ และมีสามเหลี่ยมเล็กๆ ที่ด้านล่าง (รูปที่ 3) ในแบบฟอร์มนี้ คุณสามารถกำหนดได้ว่าส่วนใดที่ต้องแก้ไข แต่สามารถขยายได้เพียงคอลัมน์เดียวเท่านั้น ตัวอย่างเช่น ที่นี่เราตั้งค่าคอลัมน์สุดท้ายให้ขยายโดยอัตโนมัติเมื่อขนาดหน้าต่างเปลี่ยนแปลง
รูปที่ 03 ขั้นตอนที่สามคือการเลือกคอลัมน์สุดท้าย รันคำสั่ง "View→Table Mode→Layout Mode" และเลือกรายการ "Make Column Autostrach" ในเมนูป๊อปอัป (รูปที่ 4)
รูปที่ 04 ในขั้นตอนที่สี่ กล่องโต้ตอบจะปรากฏขึ้น และจะแจ้งว่าในการยืดแถว Dreamweaver จำเป็นต้องวางรูปภาพตัวเว้นวรรคในคอลัมน์อื่น เลือกตัวเลือก "สร้างไฟล์รูปภาพตัวเว้นวรรค" ที่นี่ เพื่อให้รูปภาพ จะไม่ปรากฏในหน้าต่างเบราว์เซอร์ มันจะปรากฏขึ้น แต่มีบทบาทเป็นตารางคงที่
หลังจากยืนยันในขั้นตอนที่ 5 แล้ว ให้กลับไปที่หน้าต่างแก้ไขเดิม คุณจะเห็นว่าคอลัมน์สุดท้ายขยายออกจนเต็มหน้าต่างเบราว์เซอร์โดยอัตโนมัติ ในขณะที่อีกสองคอลัมน์ยังคงความกว้างคงที่
เคล็ดลับ: หากคุณตั้งค่าคอลัมน์ให้ยืดโดยอัตโนมัติ คุณจะเห็นเส้นหยักที่ด้านบนของคอลัมน์
หลังจากเสร็จสิ้นการดำเนินการข้างต้น เมื่อดูตัวอย่างเอฟเฟกต์หน้าในเบราว์เซอร์ IE หากคุณเปลี่ยนขนาดของหน้าต่าง ความกว้างของคอลัมน์สุดท้ายก็จะเปลี่ยนไปเช่นกัน ในขณะที่ความกว้างของสองคอลัมน์แรกจะยังคงไม่เปลี่ยนแปลง ดังนั้น สามารถปรับหน้าต่างใหญ่หรือเล็กได้โดยอัตโนมัติ
ข้างต้นแนะนำเฉพาะวิธีการบางอย่างของฟังก์ชันการทำงานใน Dreamweaver MX 2004 การผสมผสานระหว่างพฤติกรรมและเลเยอร์ที่ยืดหยุ่นยังทำให้สามารถใช้งานฟังก์ชันต่างๆ เช่น รูปภาพไดนามิก เลเยอร์ที่ลากได้ ฯลฯ ทำให้หน้าแรกของคุณดูมีสีสันยิ่งขึ้น
