เรื่อง
:: สร้างปุ่ม Submit ด้วยรูปภาพ
เห็นตามเว็บบอร์ดต่าง
ๆ มักมีผู้สนใจอยากจะทำปุ่ม Submit โดยการใช้รูปภาพแทนปุ่มกดที่ Browser
มีมาให้ ก็เห็นว่าน่าสนใจและตัว DW เองก็สามารถทำได้ง่าย ๆ อยู่แล้ว
ไม่ต้องเขียน CODE อะไรเองเลย ก็เลยขอนำมาเสนอให้ท่านที่ยังไม่รู้..ได้อ่านกันครับ
................................................................................................................................................................................
::
ขั้นตอนการสร้าง ::
1. ให้คุณเตรียมรูปภาพที่จะนำมาทำเป็นปุ่มกด
เช่นรูป
เป็นต้น
2. จากนั้นให้คุณทำการสร้าง Form ที่คุณต้องการให้เสร็จสิ้น
3. เมื่อทำการสร้าง Form ต่าง ๆ เสร็จสิ้นแล้ว ให้คุณไปที่ Panel ที่ชื่อว่า
Insert แล้วเลือกไปที่ TAB ที่ชื่อว่า Forms
จากนั้น Click เลือกไปที่ Icon ที่ชื่อว่า Image
Field ดัง Pic.1
Pic.1
4. เมื่อเลือกที่ไอคอนดังกล่าวแล้ว
จะมีหน้าต่างเปิดใหม่ออกมา ให้เราทำการเลือกไฟล์รูปภาพที่เราเตรียมไว้
5.เมื่อเราเลือกไฟล์รูปภาพที่เราต้องการได้เป็นที่เรียบร้อยแล้วก็
OK เป็นอันเสร็จสิ้นการนำไฟล์รูปมาทำเป็นปุ่ม Submit นะครับ
::
การปรับแต่ง ::
หากคุณต้องการทำการปรับแต่งคุณสมบัติของรูปภาพที่นำมาวางนั้นเพิ่มเติม
ให้คุณทำการ Click ที่รูปภาพนั้น จากนั้นให้ไปที่ Panel ของ Properties
ดังรูป Pic.2
Pic.2

ที่ Properties นี้
เราสามารถปรับแต่งคุณสมบัติต่าง ๆ ได้ดังนี้
- W
คือ ค่าความกว้างของรูปภาพ
- H คือ ค่าความสูงของรูปภาพ
- Src คือ ตำแหน่งที่อยู่ของไฟล์รูปภาพ
- Alt คือ ข้อความอธิบายรูปภาพ
จะปรากฏเมื่อผู้ใช้นำเมาท์มาวางเนื้อรูป
- Align คือ ตำแหน่งการจัดวางของรูป
- Edit Image
หากท่านต้องการแก้ไขรูปภาพ ให้คลิ๊กได้ที่ปุ่มนี้
................................................................................................................................................................................
---
จบการสร้างปุ่ม Submit ด้วยรูปภาพ --