สร้างปุ่มกดให้กลายเป็น Link (Button Link with Dreamweaver) [Article ID : 133]

โดยปรกติถ้าต้องการสร้าง Link บนหน้าเว็บเพจ เราต้องใช้ Text หรือ Images เพื่อสร้างเป็นจุดที่ต้องการให้คลิกลิงค์ไปยังหน้าอื่น แต่ก็จะมีบางครั้งที่เราจำเป็นต้องใช้ปุ่มกด หรือ Button เพื่อสร้างเป็นจุดให้กด เมื่อกดแล้วจะเปิดหน้าอื่นขึ้นมา ซึ่งในบทความนี้จะมาแนะนำกันครับ ว่าทำอย่างไรกับโปรแกรม Dreamweaver

การสร้างให้ปุ่มกดเป็นลิงค์นั้น แน่นอนว่าที่หน้าเว็บเพจต้องมีปุ่มกดเสียก่อน โดยให้ทำการ Insert ปุ่มกดลงไปที่เว็บเพจ ดังนี้

สร้าง Button หรือปุ่มกดขึ้นมาเสียก่อน

ที่หน้าเว็บเพจ นำ Cursor ไปวางไว้ในตำแหน่งที่ต้องการให้แสดงปุ่มกด จากนั้นปฏิบัติตาม ดังนี้

1. ที่ Insert Panel เลือกไปที่ Form จากนั้นเลือกไปที่ Button ดังรูป 2. เมื่อเลือกไปที่ Button แล้ว โปรแกรมจะ Insert ปุ่มกดให้เราที่หน้าเว็บเพจ ดังรูป

จากนั้นสร้าง Action ให้กับ Button โดยใช้ Behaviors

เมื่อหน้าเว็บเพจเรามีปุ่มกดแล้ว ขั้นตอนต่อมา ให้ทำการใส่ Action ให้แก่ปุ่มกดนั้น ดังนี้

3. ให้เลือกไว้ที่ปุ่มกดนั้น
4. จากนั้นเปิดหน้าต่าง Behaviors ขึ้นมา โดยไปที่ Menu -> Window -> Behaviors ดังรูป 5. จากนั้นไปที่หน้าต่าง Behaviors กดไปที่เครื่องหมายบวก (+) แล้วเลือกไปที่เมนู Go To URL ดังรูป 6. โปรแกรมจะทำการเปิดหน้าต่างขึ้นมาให้กำหนดค่า ดังรูป ที่หน้าต่างนี้ให้ทำการกำหนดค่า ดังนี้
- URL : พิมพ์ URL ของเว็บที่จะเชื่อมโยง หรือกดปุ่ม Browse... ด้านข้าง เพื่อเลือกไฟล์กรณีต้องการเชื่อมโยงไปที่ไฟล์อื่นในไซต์เดียวกัน
*ในตัวอย่าง เชื่อมโยงมาที่เว็บ DwThai.Com

7. เมื่อกำหนดค่าในข้อ 6 ได้แล้วกดที่ปุ่ม OK ของหน้าต่าง Go To URL เป็นอันเสร็จการสร้างลิงค์ให้แก่ปุ่มกด
8. ทำการกดปุ่ม F12 เพื่อทดสอบผลลัพธ์กับ Web Browser