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

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

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

ตัวอย่างการสร้างเว็บอัลบัมใน Dreamweaver CS3

1. สร้างไฟล์ชื่อ walbum.php แล้วดับเบิ้ลคลิกเปิดไฟล์ขึ้นมา
2. คลิกและพิมพ์ รวมอัลบัมภาพ แล้วกด Enter ลงบรรทัดใหม่
3. แทรกตารางเข้ามา ด้วยคำสั่ง Insert>>Table
4. ตารางที่แทรกเฃ้ามาจะกำหนดจำนวน Row = 4 และ Column = 3
5. คลิกช่องแรกสุด เพื่อเลือกว่าจะวางภาพในช่องนี้
6. แทรกภาพเข้ามาด้วยคำสั่ง Insert>>Image
7. ภาพที่ใช้จะเป็นภาพขนาดเล็ก
8. เมื่อแทรกภาพเข้ามาแล้ว ให้คลิกที่ภาพเพื่อเลือก
9. ช่อง Link คลิกปุ่ม Browse ไปเลือกไฟล์ภาพขนาดใหญ่ เช่น album01_1.jpg ซึ่งเป็นภาพขนาด 640 X 480 Pixels
10. ทุกภาพปฏิบัติคล้ายๆ กัน
11. ผลงานงานที่เสร็จสมบูรณ์ แล้ว

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

การถ่ายภาพด้วยกล้องดิจิตอลหลายๆ คนเลือกโหมดการถ่ายภาพที่ความละเอียดค่อนข้างสูง เพราะ มักจะคิดว่าเผื่อไว้ก่อน แต่ก็ไม่ได้ใช้งานอยู่ดี จึงควรเลือกโหมดความละเอียดให้เหมาะสม เพราะภาพที่ มีขนาดใหญ่ การนำมาใช้ในเว็บเพจก็ต้องลดขนาดให้เล็กลงเช่นกัน ภาพที่นำมาใช้ในเว็บเพจไม่ควรใหญ่ เกิน 800 x 600 เพราะยังมีคนอีกหลายกลุ่มที่เล่นอินเตอร์เน็ตผ่านโทรศัพท์บ้านหรือผ่านมือถือ การใช้ภาพ ขนาดใหญ่ก็จะทำให้เสียเวลาในการโหลดภาพมาแสดงที่ตัวเครื่องของผู้ข้าชมเว็บไซต์

อัพโหลดไฟล์เว็บเพจเข้าเว็บไซต์จริง

ในการออกแบบเว็บเพจที่ใช้ภาพประกอบ การอัพโหลดไฟล์เข้าเว็บไซต์ ก็ต้องอัพโหลดไปทั้งไฟล์ เว็บเพจแบบ php และไฟล์รูปภาพแบบ Jpg หรือ Gif โดยตำแหน่งต่างๆ ในเครื่องเก็บไฟล์ไว้แบบใด ก็ต้องนำไปเก็บในเว็บไซต์จริงตามนั้น ในกรณีที่สร้างโฟลเดอร์เก็บไฟล์โดยเฉพาะเช่น images ก็อัพโหลด ไปทั้งโฟลเดอร์หรือเลือกเฉพาะบางไฟล์ก็ได้

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

การทำงานกับตารางใน Dreamweaver CS3

ลักษณะการจัดหน้าเว็บเพจ อาจใช้ตารางช่วยในการวางภาพและข้อความเข้าด้วยกัน จะช่วยให้การจัด หน้าเว็บเพจทำได้ง่ายขึ้น

ประโยชน์ของตาราง
1. ช่วยให้การจัดเนื้อหา การวางภาพ มีความเป็นระเบียบ จัดเนื้อหาได้ง่าย
2. หน้าจอขณะออกแบบเว็บเพจใน Dreamweaver
3. หน้าจอเมื่อดูผ่านโปรแกรมเว็บบราวเซอร์

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

วิธีแทรกตารางใน Dreamweaver CS3

1. สร้างไฟล์ใหม่ชื่อ table.php แล้วดับเบิ้ลคลิกเพื่อเปิดไฟล์
2. แทรกตารางโดยคลิกเมนู Insert>>Table
3. กำหนดขนาด Rows และ Columns ตามต้องการ แล้วคลิกปุ่ม OK ส่วนตัวเลือกอื่นๆ
- Text width เป็นขนาดความกว้างของตาราง อาจคลิกเลือก 100 Percent หรือเลือกเป็น Pixel ก็ได้ โดยดูหน้าจอผู้ใช้งานเป็นหลัก
- Border thickness เป็นความหนาของเส้นขอบตารางอาจคลิกและพิมพ์ 0 ไม่ต้องมีเส้นขอบ
- Header กำหนดให้แถวหรือคอลัมน์เป็นหัวข้อ
- Caption ชื่อตาราง
- Align Caption คำสั่งจัดตำแหน่งชื่อตารางหรือ Caption
- Cell Padding กำหนดระยะห่างระหว่างเนื้อหากับเซลล์
- Cell Spacing กำหนดระยะห่างระหว่างเซลล์

4. ตารางก็จะถูกแทรกเข้ามา
5. ในการพิมพ์ข้อความในเซลล์หรือช่องใดๆ ก็คลิกช่องนั้น แล้วพิมพ์ข้อความลงไปได้เลย
6. การเลื่อนไปยังช่องใดๆ สามารถกดปุ่มลูกศรที่แป้นพิมพ์ก็ได้