สวัสดีค่ะ สมาชิก ReadyPlanet ทุกท่าน วันนี้เรามีเทคนิคการสร้าง Shortcut Menu ด้วยรูปภาพ มาแนะนำกันค่ะ ซึ่งเทคนิคนี้เป็นเทคนิค สำหรับตกแต่งเว็บไซต์ ให้มีความหลากหลายในการใช้งานมากขึ้น โดยมีขั้นตอนดังนี้ค่ะ

1. login เข้าสู่ส่วนสมาชิก จากนั้นคลิกเลือกเมนู "รายละเอียดบทนำ" ดังรูป





2. คลิกเลือกคำสั่ง Upload Image เพื่อทำการเพิ่มรูปภาพ ดังรูป





3. ในหน้าต่าง Image Properties --Webpage Dialog คลิกที่คำสั่ง Browse Server ดังรูป





4. ส่วนหน้า FCKeditor - Resources Browser  - Windows Internet Explorer คลิกที่คำสั่ง Browse เพื่อเลือกรูปภาพที่ต้องการ ดังรูป





5. ระบบจะปรากฎหน้าต่าง Choose file ให้ท่านคลิกเลือกรูปภาพที่ต้องการ จากนั้นคลิก Open ดังรูป





6. เมื่อคลิกคำสั่ง Open จะปรากฎที่อยู่ของไฟล์รูปภาพที่เลือก จากนั้นคลิกคำสั่ง Upload ดังรูป





7. หลังจากคลิก Upload จะปรากฏรูปภาพที่ท่านเลือก ให้คลิกที่รูปภาพ ดังรูป





8. รูปภาพที่ Upload มาจะปรากฎในช่อง Preview ก่อนทำการ Upload ให้ท่านตรวจสอบความถูกต้องของรูปภาพ จากนั้นคลิกคำสั่ง OK ดังรูป





9. รูปภาพที่ได้จากการ Upload จะปรากฏ ดังรูป





10. ให้ท่านทำการ Copy Url ของปลายทางที่จะลิงค์ไป เช่น ต้องการให้ลิงค์ไปหน้าแรกของเว็บไซต์ ให้ท่านเปิดหน้าแรกของเว็บไซต์ หลังจากนั้นทำการ Copy Url  ดังรูป





11. หลังจาก Copy URL ให้กลับมาคลิกที่รูป เลือกคำสั่ง Hyperlink in Text เพื่อสร้างลิงค์ ดังรูป





12. วางลิงค์ Url ที่ Copy มาในช่อง URL จากนั้นคลิก OK ดังรูป





13. เมื่อสร้างลิงค์เสร็จแล้ว จากนั้นคลิกคำสั่งตกลง ในส่วนสมาชิกเพื่อบันทึกข้อมูล ดังรูป





14. ผลลัพธ์ที่ได้จากการ สร้าง Shortcut Menu ด้วยรูปภาพ ซึ่งท่านสามารถสร้างเมนูต่างๆ ที่ต้องการกี่เมนูก็ได้ ด้วยวิธีดังกล่าวที่แนะนำข้างต้นค่ะ

28 May 2008
Khanthong Senanok
www.ReadyPlanet.com