Nov 21, 2011

สร้างลิ้งค์บนรูปภาพง่ายนิดเดียว

https://lh5.googleusercontent.com/-K6c77k7Dqi8/Tso3tG4uOCI/AAAAAAAAAs4/EQcgY3ZnfDY/s559/Test-Map.png

การสร้างรูปภาพออกมาให้คลิกได้นั้นดูเหมือนเป็นงานที่ยาก เนื่องจากต้องมานั่งเขียนการเชื่อมโยงลิ้งค์ในแต่ละส่วนของภาพ

4dots Imagemapper เป็นโปรแกรมที่จะสามารถทำให้การสร้าง การคลิกลิ้งค์ที่รูปภาพเป็นไปได้ง่ายยิ่งขึ้น เพียงการหารูปภาพมาจากนั้นก็กำหนดพื้นที่ขอบเขตของลิ้งค์ที่ต้องการก็เป็น อันเสร็จ

เริ่มแรกคลิกที่ New Map และเลือก image map type จากนั้นก็กำหนดค่าต่างๆ เลือกรูปจากไดร์ฟ, กำหนดชื่อของรูปภาพ, URL เริ่มต้น และการเปิดเริ่มต้น

https://lh4.googleusercontent.com/-IXeohjsZIEA/Tso3rByh1xI/AAAAAAAAAss/mXhv2ljikGw/s660/Image-mapper.png

เมื่อกำหนดค่าต่างๆ แล้ว ก็ให้เลือกรูปเรขาคณิตจากแถบเครื่องมือด้านบน และไฮไลท์พื้นที่บนรูปภาพเพื่อที่จะให้พื้นที่นั้นสามารถคลิกได้นั่นเอง

https://lh3.googleusercontent.com/-9ctE30pYip0/Tso4zENA2iI/AAAAAAAAAtA/PFCi0cCbVp0/s660/Select-Area.png

จากนั้นก็จะมีหน้าต่างเด้งขึ้นมา ให้คุณใส่ลิ้งค์, ข้อความ, ข้อความเมื่อนำเม้าส์เลื่อนไปวาง, ข้อความเมื่อนำเม้าส์เลื่อนออกไป, เฟรมต่างๆ

https://lh3.googleusercontent.com/-beD1myUmfhI/Tso3qiJGscI/AAAAAAAAAso/n-ma-u1dOFg/s600/Settings6.png

เมื่อคุณสร้างเสร็จเรียบร้อย สามารถคลิกที่ Test Map เพื่อทดสอบก่อนใช้งานจริงได้ครับ

https://lh5.googleusercontent.com/-K6c77k7Dqi8/Tso3tG4uOCI/AAAAAAAAAs4/EQcgY3ZnfDY/s559/Test-Map.png

0 ความคิดเห็น:

Post a Comment

Total Pageviews

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Maximum Hitech