รวมบทความทั้งหมดในหมวดการพัฒนาเว็บไซท์ สอนสร้างเว็บไซต์

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

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

การแทรกฟิลด์ในแบบฟอร์ม Dreamweaver CS3

1. คลิกช่องหรือตำแหน่งที่ต้องการ
2. คลิกเลือก Forms คลิกภายในเส้นประสีแดงหลังคำว่า ชื่อ นามสกุล
3. คลิก Form แล้วคลิกเลือก Field ที่ต้องการ
4. คลิกปุ่ม OK
5. ผลที่ได้
6. หน้าจอ Input Tag Accessibility Attributes ถ้าไม่ต้องการให้ปรากฏทุกครั้งที่แทรกฟิลด์ ก็คลิกที่ Change the Accessibility preferences

7. หน้าตัวเลือก Form Objects คลิกให้เครื่องหมายถูกหายไป แล้วคลิกปุ่ม OK
8. คลิกฟิลด์ที่ได้แทรกเข้ามา
9. ในเครื่องมือ Properties ให้กำหนดค่าของฟิลด์นั้นๆ
10. การลบฟิลด์ใดๆ ก็คลิกที่ฟิลด์นั้น
11. กด Delete ที่แป้นพิมพ์ เพื่อลบฟิลด์นั้นๆ

Details: Category: แจกฟรีเว็บไซต์ใช้งาน Dreamweaver CS3; Hits: 1331

เพื่อให้ผู้ใช้กรอกข้อความสั้นๆ ลงในแบบฟอร์ม เช่น ชื่อ นามสกุล
1. คลิกด้านในฟอร์มหรือเส้นประสีแดง พิมพ์ข้อความแล้วกดปุ่ม Enter เพื่อตัดลงไปบรรทัดใหม่
2. คลิกช่องที่ต้องการวางฟิลด์ เช่น หลังคำว่า ชื่อ-สกุล แล้วคลิกปุ่ม Text Field
3. พิมพ์ชื่อเท็กซ์ฟิลด์ที่แทรกเข้ามา เช่น name
4. คลิกและพิมพ์ค่าความยาวของฟิลด์ เช่น 50 เป็นจำนวนตัวอักษรที่เก็บรายชื่อเช่น มานิตย์ กริ่งรัมย์ แบบนี้มี 17 ตัวอักษร ที่ตั้งไว้ 50 จะเผื่อว่า อาจมีสักคนที่ชื่อและนามสกุลรวมกันหลายตัวอักษร
5. คลิกเลือกชนิดของข้อความแบบ Single line มีบรรทัดเดียว
- multi line ตัวเลือกที่ยอมให้กรอกได้มากกว่าหนึ่งบรรทัดในฟิลด์นั้นๆ
- Password ถ้าเป็นฟิลด์สำหรับการพิมพ์รหัสผ่านก็คลิกตัวเลือกนี้เพื่อไม่ให้ปรากฏ เวลาพิมพ์รหัสผ่าน โดยจะแสดงเป็น ****
6. ช่องอื่นๆ ที่เหลือ เช่น เบอร์โทรศัพท์ ก็ปฏิบัติคล้ายกัน

Details: Category: แจกฟรีเว็บไซต์ใช้งาน Dreamweaver CS3; Hits: 2815

Textarea สร้างฟิลด์สำหรับการป้อนข้อมูลจำนวนมากใน Dreamweaver CS3

1. คลิกตำแหน่งที่ต้องการวางฟิลด์ เช่น หลังคำว่า รายละเอียดเพิ่มเติม
2. คลิกเลือกฟิลด์ Textarea
3. คลิกตัวเลือก Multi line เพื่อให้สามารถป้อนข้อมูลลงไปได้หลายบรรทัด
4. คลิกและพิมพ์ชื่อฟิลด์ moredetail และจำนวนบรรทัด เช่น 3
5. คลิกเลือก Virtual ในช่อง Wrap เพื่อให้ตัดคำขึ้นบรรทัดใหม่ ถ้ามีข้อความจำนวนมาก

Details: Category: แจกฟรีเว็บไซต์ใช้งาน Dreamweaver CS3; Hits: 1665

ในแบบฟอร์มจะมีปุ่มกด เพื่อส่งข้อมูลที่ป้อนในแบบฟอร์มไปประมวลผล ปุ่มที่นิยมใช้ก็คือ
- Submit ส่งข้อมูล อาจตั้งชื่ออื่นตามแต่ผู้จัดทำ เช่น OK ตกลง Send ฯลฯ
- Reset ล้างข้อมูลที่ป้อนลงไปในฟอร์ม
1. คลิกตำแหน่งที่ต้องการวางปุ่ม แล้วสร้างปุ่มโดยคลิกเลือก Button
2. ตั้งชื่อปุ่มในช่อง Button Name เช่น Submit
3. ในช่อง Value ให้พิมพ์ชื่อที่ต้องการให้ปรากฏบนจอภาพ เช่น Send
4. ในส่วน Action คลิกเลือก Submit form
5. การสร้างปุ่ม Reset ก็ปฏิบัติคล้ายกัน โดยกำหนดค่าในส่วน Properties ตามตัวอย่าง