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

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

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

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

เว็บไซต์ขนาดเล็ก มือใหม่ฝึกสร้างเว็บไซต์
ข้อมูลต่างๆ ยังมีไม่มากนัก อาจสร้างโฟลเดอร์เก็บภาพตามนี้
1. Site-pasakresort เป็นรูทหรือตำแหน่งเก็บไฟล์หลักของเว็บไซต์ในเครื่องของเรา
2. ไฟล์แบบ php เป็นไฟล์เว็บเพจ
3. โฟลเดอร์หรือไดเรคทอรีชื่อ images เป็นที่เก็บไฟล์ภาพที่จะนำไปประกอบในเว็บเพจ
4. เว็บไซต์ขนาดเล็กที่เราฝึกสร้าง อาจใช้รูปแบบการเก็บข้อมูลง่ายๆ แบบนี้ไปก่อน

เว็บไซต์ขนาดใหญ่ข้อมูลมีจำนวนมาก
เป็นลักษณะของเว็บไซต์ขนาดใหญ่ข้อมูลมีจำนวนมาก ต้องวางแผนการจัดเก็บข้อมูลให้รอบคอบ เพื่อให้การจัดเก็บไฟล์ต่างๆ มีความเป็นระเบียบมากที่สุด
1. Site-pasakresort เป็นรูทหรือไดเรคทอรีหลักของเว็บไซต์
2. ไฟล์แบบ php เป็นไฟล์เว็บเพจ
3. มีการสร้างโฟลเดอร์ย่อยไว้เก็บข้อมูลอีกมากมาย
4. ในแต่ละโฟลเดอร์ย่อย เช่น album ก็ยังมีไฟล์เว็บเพจหรือมีโฟลเดอร์ images ไว้เก็บไฟล์ภาพ แยกย่อยไว้เช่นกัน เพื่อความเป็นระเบียบ

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

การกำหนดโฟลเดอร์ไว้เก็บไฟล์ภาพเว็บเพจ
เป็นการระบุหรือกำหนดให้โปรแกรมนำไฟล์ภาพไปจัดเก็บไว้ที่เดียวกัน ในโฟลเดอร์ใดที่เราได้ระบุ ไว้ เช่น โฟลเดอร์ images วิธีนี้ช่วยให้การเก็บภาพเป็นระเบียบ เป็นหมวดหมู่
การกำหนดโฟลเดอร์ไว้เก็บไฟล์ภาพ ควรทำก่อนจะเริ่มต้นสร้างเว็บเพจ ไม่อย่างนั้นจะยุ่งยากในการ ตามแก้ในทุกเว็บเพจ
1. คลิก Site>>Manage Sites
2. คลิกชื่อ Site ที่ต้องการ
3. คลิกปุ่ม Edit
4. คลิกปุ่ม Browse ไปเลือกโฟลเดอร์ที่จะใช้เก็บภาพ

5. คลิกเลือกโฟลเดอร์ที่ต้องการ ก็คือ Images แล้วคลิก Open
6. คลิก Select
7. คลิก OK
8. คลิก Done ปิดกรอบข้อความ

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

การแทรกภาพเข้ามาในเว็บเพจ Dreamweaver CS3

1. คลิกตำแหน่งในเว็บเพจที่ต้องการวางภาพ
2. คลิกเมนู Insert>>Image
3. ดับเบิ้ลคลิกโฟลเดอร์ images ซึ่งเป็นโฟลเดอร์ที่เก็บไฟล์ภาพ

4. ให้คลิกปุ่ม View>>Thumbnails เพื่อแสดงเป็นภาพเล็กๆ
5. คลิกเลือกภาพที่ต้องการแล้วคลิกปุ่ม OK
6. ช่อง Alt คลิกและพิมพ์ชื่อภาพ
7. คลิกปุ่ม OK หรือคลิกปุ่ม Cancel ข้ามไปได้เลย
8. ภาพจะถูกแทรกเข้ามา

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

ยกเลิก Accessibility Attributes ใน Dreamweaver CS3
เมื่อนำภาพเข้ามาก็จะปรากฏกรอบข้อความ Accessibility Attributes เพื่อให้กำหนดคุณสมบัติ ของภาพ ก็สามารถยกเลิกไม่ให้แสดงหน้าจอนี้โดย
1. เมื่อแทรกภาพ จะปรากฏกรอบข้อความ Image Tag Accessibility Attributes สำหรับกำหนด คุณสมบัติของภาพ
2. ช่อง Alternate Text พิมพ์คำอธิบายภาพ เช่น บรรยากาศที่พัก กรณีที่โปรแกรมมีปัญหาแสดง ภาพไม่ได้ ก็จะแสดงชื่อไฟล์ภาพออกมาให้รู้ว่าเป็นภาพอะไร
3. Long description สำหรับใส่รายละเอียดของภาพมากกว่านั้น เป็น URL ของภาพ
4. ถ้าไม่ต้องการให้ปรากฏกรอบข้อความนี้ ทุกครั้งที่แทรกภาพ ก็คลิก Change the Accessibility Preference
5. คลิกที่ Image ให้เครื่องหมายถูกหายไป
6. คลิกปุ่ม OK เพื่อออก