เรื่อง :: สร้างปุ่ม 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 ด้วยรูปภาพ --