หลังจากที่คุณได้ดาวน์โหลดไฟล์ชื่อ mapedit243.zip มาแล้วให้ unzip > Extract เก็บใน โฟลเดอร์ C:\Temp จากนั้นให้ดับเบิ้ลไฟล์ชื่อ map32dst.exe เพื่อติดตั้งโปรแกรมใช้งาน จากนั้น ให้เปิดไฟล์ชื่อ mapedit324.txt ด้วยโปรแกรม Notepad ให้ก๊อบปี้เอา register code ไว้ แล้วให้ ดับเบิ้ลคลิกเรียกใช้งานโปรแกรม MapEdit ลองดู คลิกที่ Register จะมีกรอบโต้ตอบให้จัดการ วางหมายเลข register ที่เราก๊อบปี้ไว้แล้วลงไป คลิก OK จะพบหน้าตาของโปรแกรมแบบนี้
เราจะทดลองใช้งานโปรแกรมกันเลย โดยเริ่มจาก
- สร้าง/เตรียมไฟล์รูปภาพที่จะนำมาเป็นภาพเชื่อมโยง ตัวอย่างนี้สร้างแถบรายชื่อ ไฟล์ที่ต้องการทำจุดเชื่อมจากโปรแกรม Ulead PhotoImpact 3.10 แล้ว Save as เป็นไฟล์ชื่อ linkbar.jpg
- นำไฟล์รูปภาพที่ต้องการทำเป็นจุดเชื่อมโยงนี้ไปวางในเว็บเพจที่ต้องการใช้งาน โดยการเขียนระบุตำแหน่ง ภาพในไฟล์ HTML ให้เรียบร้อย ว่าอยู่ส่วนใดของหน้า (คุณสามารถคลิกเมาท์ขวาเพื่อ View Frame source ของหน้านี้ดูได้จะอยู่ที่ส่วนล่างสุด ) Save file ไว้ก่อน
- จากนั้นเปิดโปรแกรม Mapedit จะมีกรอบ Open HTML Document ขึ้นมาให้เลือก ไฟล์ HTML ที่ต้องการจะทำจุดเชื่อมโยงขึ้น ตัวอย่างนี้คือไฟล์ชื่อ howto.htm
- คลิก Open จะเห็นกรอบแสดงรายชื่อภาพที่มีในไฟล์ HTML นี้ คลิกเลือกไฟล์ภาพ ที่ต้องการ (linkbar.jpg) คลิก OK
- จะปรากฏไฟล์ภาพที่ต้องการในโปรแกรม Mapedit คลิกเลือกเครื่องมือ (รูปสี่เหลี่ยม วงกลม สามเหลี่ยม) สำหรับกำหนดขอบเขตภาพที่จะใช้เชื่อมโยง ใช้เมาท์คลิกแดรก ออกเป็นรูปสี่เหลี่ยม (วงกลม หรือสามเหลี่ยม)
บริเวณที่ต้องการ ในตัวอย่างนี้จะคลุม บริเวณคำว่า Font Colorizer
- เมื่อได้ขนาดที่ต้องการแล้วดับเบิ้ลคลิกลงไป จะมีกรอบโต้ตอบ Object URL ให้เติม ชื่อไฟล์ที่ต้องการ link ลงในช่อง URL for clicks on this object และอาจเติมชื่อภาพ (จุดเชื่อม) ลงในช่อง Alternate text
เพื่อแสดงชื่อภาพในกรณีที่ผู้ชมโหลดภาพช้า จะได้ทราบว่าจุดนั้นเชื่อมไปที่ใด
- ทำเช่นนี้จนครบจุดเชื่อมโยงทั้งหมดในภาพ จากนั้นคลิกที่เมนู Files เลือกหัวข้อ Save HTML Document ก็เป็นอันว่าเสร็จสิ้น ปิดโปรแกรม Map Edit
- จากนั้นไปเปิดไฟล์ HTML ที่เราจัดเก็บไว้แล้วขึ้นมาดู จะพบว่ามีการเปลี่ยนแปลงเกิดขึ้นสองส่วนคือ
- ที่ Tag รูปภาพ จะเพิ่มข้อความดังนี้หลังรูปภาพ usemap="#linkbar" border="0" เป็นการระบุให้ไฟล์ชื่อ linkbar เป็นแผนที่อ้างอิง
- มี Tag ของ map เกิดขึ้นซึ่งจะอ้างอิงถึงจุดเชื่อมโยงให้เสร็จเรียบร้อย (ดูจาก source ของหน้านี้ โดยคลิกเมาท์ขวาในเฟรมนี้ เลือก View Frame Source
จะดูไฟล์ HTML Source ได้ต่อจาก tag body) คุณสามารถ copy ไปใช้กับ หน้าอื่น ๆ ที่ต้องการ link ด้วยภาพเดียวกันได้ โดยในแต่ละหน้าที่นำไปใช้
ควรลบบรรทัดที่อ้างอิงถึงหน้าปัจจุบันออก เช่นในหน้านี้จะลบบรรทัดที่อ้างถึงไฟล์ mapedit.htm ออก
ทดลองใช้งานดูนะครับ คุณจะประทับใจในความง่ายของการสร้างจุดเชื่อมโยงครับ คุณสามารถใช้ภาพอื่น ๆ ได้นะครับไม่ว่าจะเป็นแผนที่ ภาพถ่ายของคน อาคาร สถานที่อื่น ๆ ที่คุณต้องการจะนำมาใช้ในโฮมเพจ ง่ายจริง ๆ ครับ
|