Sponsored Ads

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

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

 

การแก้ไขไฟล์ Template
1. เปิดไฟล์เทมเพลทขึ้นมา
2. แก้ไขได้ตามต้องการ
3. แก้ไขเสร็จแล้ว คลิก File>>Save
4. ถ้าแม่แบบนั้น ได้มีการนำไปใช้สร้างเป็นเว็บเพจแล้ว ก็จะปรากฏกรอบข้อความ Update Template File ก็คลิกปุ่ม Update เพื่อปรับให้ทุกเว็บเพจที่มีการเรียกใช้แม่แบบนั้นๆ จะถูกแก้ไขโดยอัตโนมัติ
5. คลิก Show log ถ้าต้องการดูรายชื่อไฟล์ที่มีการเรียกใช้แม่แบบนั้นๆ ที่ได้ถูกอัพเดท
6. คลิกปุ่ม Close เพื่อออก


ถ้าเรามีเว็บเพจที่เคยสร้างไปก่อนหน้านี้ แล้วต้องการนำเทมเพลทที่สร้างภายหลังไปปรับใช้กับ เว็บเพจที่เคยสร้างไว้ ก็สามารถทำได้
1. เปิดเว็บเพจที่เคยสร้างไว้แล้ว เช่น contact.php
2. เนื้อหาเดิมภายในเว็บเพจนั้นๆ
3. คลิก Windows>>Assets
4. คลิกปุ่ม Template
5. คลิกชื่อ Template ที่จะนำไปปรับใช้
6. คลิก Apply

7. คลิกเลือกชื่อ Editable Region ที่จะนำเนื้อหาเดิมในเว็บเพจไปเก็บไว้ เช่น details แล้วคลิก ปุ่ม OK

 

8. เว็บเพจและเนื้อหาภายในไฟล์ contact.php จะไปอยู่ในส่วน Detail ซึ่งเป็นส่วน Editable Region นั่นเอง
9. จัดการแก้ไขข้อความบางส่วน เช่น ลิงค์จะซ้ำกัน ก็ลบออกไป หรือเพิ่มหัวข้อเข้าไป


เป็นการตัดแยกเทมเพลทกับเว็บเพจออกจากกัน ซึ่งจะทำให้ความสัมพันธ์ระหว่างกันถูกยกเลิก เมื่อมีการแก้ไขเทมเพลทตัวเว็บเพจที่ถูกตัดแยกไป ก็จะไม่มีผลกระทบ จะยังคงเหมือนเดิม
1. aboutus2.php เป็นเว็บเพจที่ต้องการตัดแยกออกจากเทมเพลท
2. คลิก Modify>>Templates>>Detach From Template

การอัพโหลดไฟล์เว็บเพจเข้าเว็บไซต์จริง
ในการอัพโหลดไฟล์เว็บเพจเข้าเว็บไซต์จริง ต้องอัพโหลดโฟลเดอร์ Template ขึ้นไปด้วย ไม่เช่น นั้นจะเรียกใช้งานไม่ได้


 

 

ไลบรารี เป็นส่วนไว้จัดเก็บเนื้อหาที่ต้องใช้ร่วมกันเช่น รูปภาพ โลโก้ หัวข้อที่ต้องใช้ในทุกๆ เว็บเพจ
1. เว็บเพจแต่ละหน้า
2. สิ่งที่เหมือนกันก็คือ Logo หัวข้อ ชื่อเว็บ แบนเนอร์ ส่วนที่เหมือนกันเราจะนำมาสร้างเป็นไลบรารี
3. ข้อดีก็คือ เมื่อเปลี่ยนหรือแก้ไข Log หัวข้อ ฯลฯ ส่วนที่เป็นไลบรารีในแต่ละเว็บเพจก็จะถูก เปลี่ยนแปลงแก้ไขอัตโนมัติ ไม่ต้องเสียเวลาไปตามแก้ทุกเว็บเพจ

การสร้างไลบรารีใน Dreamweaver CS3

 


1. คลิกเลือกภาพ โลโก้ หรือเนื้อหาที่ต้องการนำไปสร้างไลบรารี
2. คลิกแท็ป Assets
3. คลิกปุ่ม Library
4. คลิกปุ่ม New Library Item
5. พิมพ์ชื่อ banner1 แล้วกด Enter
6. คลิกแท็ป Files
7. โฟลเดอร์ Library จะถูกสร้างขึ้นมาอัตโนมัติ
8. รายชื่อไลบรารีภายใน