Sponsored Ads

การพัฒนาเว็บไซท์

รวมบทความและหนังสืออธิบายเกี่ยวกับการพัฒนาเว็บไซท์ โดยนำเสนอวิธีใช้งานโปรแกรมต่างๆ ที่เกี่ยวข้องกับการสร้างโฮมเพจ เช่น การใช้งาน Dreamweaver ใช้งาน Joomla รวมเรื่องน่ารู้เกี่ยวกับการสร้างเว็บไซต์ ฯลฯ

 

สร้างแบบฟอร์มเพื่อรับข้อมูลใน Dreamweaver CS3

 

ในเว็บเพจจะมีการใช้แบบฟอร์มเพื่อให้ผู้ใช้ป้อนข้อมูล ข้อมูลเหล่านั้นทางผู้จัดทำเว็บไซท์อาจเก็บ รวบรวมไว้ หรือทางเว็บไซท์อาจจัดทำข้อมูลไว้เพื่อให้ผู้ใช้ค้นหาข้อมูลที่ต้องการ

ส่วนประกอบของแบบฟอร์ม
ในแบบฟอร์มจะมีส่วนประกอบต่างๆ เช่น
1. Text Field
2. Textarea Field
3. Check box
4. Radio Button
5. List/Menu
6. Jump Menu
7. Image Field
8. File Field
9. Button
10. Label
11. Fieldset
12. Radio Group

การแทรกฟอร์มใน Dreamweaver CS3


1. สร้างไฟล์ใหม่ชื่อ form1.php แล้วดับเบิ้ลคลิกเปิดไฟล์
2. พิมพ์หัวข้อเช่น แบบฟอร์มข้อมูลสมาชิก แล้วกดปุ่ม Enter
3. คลิกเลือก Form แล้วคลิกปุ่ม แทรก Form หรือ Insert>>Form>>Form

 

4. จะปรากฏเส้นประสีแดง แสดงขอบเขตของฟอร์ม
5. ในเครื่องมือ Properties คลิกช่อง Form name แล้วพิมพ์ชื่อฟอร์มลงไปเช่น member
6. ช่อง Method คลิกเลือกชนิดของการส่งข้อมูลแบบ Post
7. คลิกที่ฟอร์มภายในเส้นประสีแดง แล้วพิมพ์ ชื่อ นามสกุล อายุ พิมพ์แต่ละบรรทัดแล้วกด ปุ่ม Enter เพื่อตัดลงบรรทัดใหม่
8. การลบข้อมูลในฟอร์มก็สร้างแถบดำข้อความที่จะลบ แล้วกดปุ่ม Delete ที่แป้นพิมพ์

ใช้ตารางช่วยพิมพ์ฟอร์มใน Dreamweaver CS3


1. เพื่อความง่ายในการจัดตำแหน่งข้อความ แนะนำให้แทรกตารางเข้ามา โดยคลิกในฟอร์ม ที่ ตำแหน่งที่ต้องการแทรกตาราง
2. กำหนดจำนวนคอลัมน์ = 2 แถว = 2 แล้วคลิกปุ่ม OK
3. คลิกช่องที่ต้องการแล้วพิมพ์ข้อความลงไป

 

การลบฟอร์มใน Dreamweaver CS3


1. การลบฟอร์ม ก็คลิกที่เส้นประสีแดง เพื่อเลือกฟอร์มนั้นๆ ก่อน
2. กดปุ่ม Delete ที่แป้นพิมพ์เพื่อลบ