> กำหนดที่ตั้งของเว็บไซต์
> การเช็ดไทยใน Dream4
> การเช็ดไทยใน DreamMX
+ บันทึก-เรียกดูเว็บเพจ
- การบันทึก
- การเรียกดู
+ อุปกรณ์เบื้องต้น
- ตอนที่ 1
- ตอนที่ 2
+ ตัวอักษร
- เริ่มใช้งาน
- Tip & Trick
- การจัดรูปแบบอักษร
+ พื้นหลัง (ฺBackground)
- Text & Link
- Margin
+ การนำภาพลงเว็บเพจ
- วิธีทำ
- สาเหตุภาพไม่ปรากฏ 1
- สาเหตุภาพไม่ปรากฎ 2
- Rollover Image
- Navigation bar
+ ตาราง
- สร้างตาราง
- การเลือกตาราง
- คุณสมบัติตาราง
- cell colum row
- การรวม Cell
- การแบ่ง Cell
+ Layer
- การใช้เลเยอร์
- เลเยอร์ที่สร้างแล้ว
- ปัญหา layer ซ้อนทับกัน
- Layer Perference
+ การทำจุดเชื่อมโยง (Link)
- link ให้ตัวอักษร
- link ด้วยภาพ
- link hotspot
+ Flash
- การแทรก Flash
- ทำให้พื้นหลังโปร่งใส่
- Flash button
+ เฟรม (frame)
- ตอนที่ 1
- ตอนที่ 2
- ตอนที่ 3
- ตอนที่ 4

+ JumpMenu
- ตอนที่ 1
- ตอนที่ 2
+ css
- การสร้าง css
- กำหนดตัวอักษร
+ Behaviors
- ข้อความที่ Status bar
- เรียก Pop up

การทำ Navigation Bar

หากว่าใครที่เคยอ่านเรื่องของ Rollover Image ไปนั้นตัวนี้ก็คล้าาย ๆ กัน แต่ว่าไม่เหมือนกันทั้งหมด(เพราะว่าผมบอกว่าคล้าย..พูดกวนหรือปล่าเรานี่) มันจะต่างตรงที่เมื่อเวลาเรานั้นคลิกที่ภาพ รูปภาพก็เปลี่ยนไปด้วยเรามาดูขั้นตอนเลยครับ

วิธีทำ
1. คลิกที่ Insert > Interactive Images > Navigation bar หรือคลิกที่ ซึ่งอยู่บนแท็บ Common ของ Object Panel (Ctrl+F2 = เรียก Object Panel) แล้วก๋จะปรากฏภาพ ดังนี้ครับ

Element Name : ชื่อของ
Up Image : ภาพแรกที่จะแสดงบนเว็บเพจเมื่อยังไม่มีเมาส์มากระทำ
Over Image : เปลี่ยนเป็นภาพอื่นเมื่อนำเมาส์เหนือรูปภาพ
Down Image : เปลี่ยนเป็นภาพอื่นเมื่อทำการคลิกที่ภาพ
Over While Down Image : ข้อความบรรยายภาพเมื่อเราเอา mouse วางเหนือภาพ
Alternate Image : ข้อความบรรยายภาพเมื่อเราเอา mouse วางเหนือภาพ ในที่นี่เป็น pyayam.com
When Clicked Go To URL : URL หรือว่า Link ที่เรานั้นต้องการ ในที่นี้เป็น http://www.pyayam.com
User Tables : หากว่าต้องการให้มีรูปภาพในตารางก็คลิกที่นี่ให้มีเครื่องหมายถูก

2. เมื่อใส่ค่าต่าง ๆ เสร็จแล้วก็ คลิก OK เป็นอันสิ้นสุด ครับ

คลิกดูตัวอย่างที่นี่

<< Back :: ^ top ^