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

จุดเชื่อมโยงหลายจุดโดยใช้ภาพเดียว (Link Hotspot)

การลิงค์ภาพแบบ Hotspot
การลิงค์แบบ Hotspot การใช้ส่วนมากเป็นการลิงค์เพียงบางส่วนของภาพ ภาพส่วนมากจะเป็นภาพที่มีขนาดใหญ่เพียงภาพเดียว

ขั้นตอนการทำ Hotspot
- มาที่หน้า Document พร้อมทำงาน
- Insert รูปภาพที่ได้เตรียมไว้ ( การดึงรูปภาพเหมือนปกติที่ได้กล่าวมาแล้ว )
- ในตัวอย่างนี้เป็นรูปภาพใหญ่และมีส่วนประกอบย่อยที่จะทำเป็นที่ลิงค์

- คลิกที่ภาพให้ทำงาน
- มาที่ Properties inspector
- ให้ทำการขยาย Properties inspector เป็นแบบ Full

- ช่อง Map ให้กำหนดชื่อ
- คลิกรูปสี่เหลี่ยมดังภาพ

- ทำการลากเมาส์ค้างให้เป็นดังรูปตัวอย่าง
- จากนั้นให้คลิกที่ขอบที่ได้ทำการลากไว้ให้ทำงาน
- ในตัวอย่างด้านบนเป็นการใช้ Hotspot หลายรูปแบบทั้ง สี่เหลี่ยม วงกลม และรูปทรงอิสระ
- ให้คลิกขอบให้ Hotspot ทำงานในตัวอย่างดูได้จากรูปวงกลม จะมีปุ่มขึ้นรอบรูป
- ให้มาที่ Properties inspector

- ตรง Link ให้กำหนดลิงค์ตามปกติโดยหากเป็นเว็บภายนอก (ต่าง URL) ให้พิมพ์เข้าไปเลย เช่น http://www.pyayam.com อย่าลืม http:// นำหน้านะครับ

- ทดสอบโดยการกด F12
- ให้เอาเมาส์มาคลิกที่เราได้ทำการลิงค์แบบ Hotspot จะสังเกตได้ว่าบริเวณอื่นที่ไม่ได้ทำ Hotspot ไม่สามารถที่จะลิงค์ได้ ถึงแม้ว่าจะเป็นภาพเดียวกัน

<< Back :: ^ top ^