Sponsored Ads

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

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

 

การจัดการกับไลบรารีใน Dreamweaver CS3


การนำไลบรารีไปใช้งาน

1. เปิดเว็บเพจใดๆ ขึ้นมา แล้วคลิกตำแหน่งที่ต้องการจะวางไลบรารี
2. คลิกแท็ป Assets
3. คลิกชื่อ Library เช่น Banner1.lbi
4. คลิก Insert
5. เสร็จแล้วคลิก File>>Save บันทึกงานเก็บไว้

 

การแก้ไขไลบรารีใน Dreamweaver CS3


1. ดับเบิ้ลคลิกเปิดชื่อไลบรารี เช่น banner1.lbi
2. เนื้อหาถูกเปิดขึ้นมา
3. จัดการแก้ไขตามต้องการ
4. เสร็จแล้วคลิก File>>Save
5. คลิก Update เพื่อปรับให้ทุกเว็บเพจที่มีการเรียกใช้งานไฟล์ไลบรารีนี้ ถูกปรับข้อมูลภายในให้ เหมือนกัน

6. คลิกปุ่ม Close เพื่อออก
7. ปิดไฟล์นั้นๆ
8. ในโฟลเดอร์ images ถ้ามีการแก้ไขไฟล์ภาพแบนเนอร์ เว็บเพจใดๆ ที่มีการนำภาพไปใช้ก็จะ เปลี่ยนแปลง ไปด้วยอัตโนมัติ

 

การแยกเว็บเพจออกจากไลบรารี
เป็นการตัดความสัมพันธ์ระหว่างไลบรารีออกจากเว็บเพจ ไม่ต้องเกี่ยวข้องกันแล้ว ต่อไปถ้าใน ไลบรารีมีการเปลี่ยนแปลง ในเว็บเพจนี้ก็จะไม่มีผลเกี่ยวข้องกัน
1. เปิดไฟล์เว็บเพจที่ต้องการแยกไลบรารีออกจากเว็บเพจ
2. ชี้ลูกศรที่ไลบรารีที่จะแยกออกจากเว็บเพจ แล้วคลิกปุ่มขวาของเมาส์
3. คลิกปุ่มซ้ายที่คำสั่ง Detach from original
4. คลิกปุ่ม OK

 

อัพโหลดเว็บเพจเข้าเว็บไซต์จริง
เว็บเพจที่มีการใช้ไลบรารี ในการอัพโหลดเข้าเว็บไซต์จริง นอกจากไฟล์เว็บเพจแบบ PHP แล้วก็ ต้องอัพโหลดไฟล์ไลบรารีไปด้วยกัน
1. จัดการอัพโหลดไฟล์เว็บเพจแบบ PHP ตามปกติ
2. ไฟล์ไลบรารีอยู่ในโฟลเดอร์ library จะอัพโหลดไปทั้งโฟลเดอร์เลยก็ได้ หรือจะเลือกเอาเฉพาะ ไฟล์ที่ต้องการก็ได้ ในกรณีที่มีการสร้างไว้จำนวนมาก

 

CSS หรือ Cascading Style Sheet เป็นรูปแบบของตัวหนังสือ กรอบข้อความ ย่อหน้า เส้น ขอบภาพ เครื่องหมายหน้าหัวข้อ การจัดตำแหน่งวัตถุ ที่ใช้ในเว็บเพจมากกว่าหนึ่งเว็บเพจ ช่วยให้การ แก้ไขส่วนต่างๆ ดังกล่าว สามารถทำได้ที่ไฟล์ CSS ไฟล์เดียว
เว็บไซต์ขนาดใหญ่ที่มีข้อมูลจำนวนมากๆ จำเป็นต้องอาศัยรูปแบบการจัดการกับเนื้อหาในเว็บเพจ อย่างมีประสิทธิภาพ การออกแบบรูปแบบของหัวข้อ รูปแบบการตกแต่งเนื้อหา เป็นเรื่องสำคัญที่ต้องวาง แผนไว้อย่างดี เพราะจะง่ายในการปรับแต่งภายหลัง
ประเภทของ CSS สไตล์ ใน Dreamweaver CS3


มีทั้งหมด 8 ประเภทตามออปเจ็คที่มีอยู่บนเว็บเพจ คือ
1. Type ไว้กำหนดเกี่ยวกับตัวหนังสือ
2. Background พื้นหลัง สีพื้นของเว็บเพจ
3. Block เป็นรูปแบบการจัดย่อหน้าของข้อความในเนื้อหา
4. Box เป็นกรอบต่างๆ ทั้งกรอบภาพและกรอบข้อความ
5. Border เป็นเส้นขอบภาพ เส้นขอบของตัวหนังสือ
6. List เครื่องหมายหน้าหัวข้อ หรือลิสต์ของเนื้อหาบนเวบเพจ
7. Positioning การจัดตำแหน่ง ภาพหรือข้อความบนเว็บเพจ จัดซ้ายกลางขวาของหน้าเว็บเพจ
8. Extension คุณสมบัติอื่นๆ นอกเหนือจากนั้น เช่น การแบ่งหน้าเว็บเพจ เอฟเฟ็คการทำงาน ของเมาส์และภาพ

ใช้งานพาแน่ล CSS Style ใน Dreamweaver CS3

 


1. คลิกชื่อ CSS Style เพื่อแสดงหรือซ่อนพาแน่ล