> กำหนดที่ตั้งของเว็บไซต์
> การเช็ดไทยใน 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

การทำ Rollover Image

หากว่าเว็บของเรามีแต่ข้อความก็ทำให้ไม่เป็นที่น่าสนใจเท่าไหร่ เมื่อนำภาพมาใส่ลงในเว็บก็ทำให้ เกิดความสวยงามขึ้นอีกในระดับหนึ่ง แต่ว่าเวลาที่เรานั้นต้องการที่จะทำ link จากภาพ แล้วเมื่อเอา mouse ไปวางไว้บนภาพแล้วจะทำให้ภาพเปลี่ยนไปเป็นภาพใหม่นั้น ก็ต้องทำให้เว็บของเรามีจุดเด่นเพิ่มขึ้น ซึ่งขั้นตอนการทำนั้นมี ดังต่อไปนี้ครับ

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

Image Name : ชื่อของภาพ
Original Image : ภาพแรกที่จะแสดงบนเว็บเพจเมื่อยังไม่มีเมาส์มากระทำ
Rollover Image : เปลี่ยนเป็นภาพอื่นเมื่อนำเมาส์เหนือรูปภาพ
Alternate Text : ข้อความบรรยายภาพเมื่อเราเอา mouse วางเหนือภาพ
When Clicked To URL : URL หรือว่า Link ที่เรานั้นต้องการ

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

<< Back :: ^ top ^