บทที่ 4 ผลการปฏิบัติงานตามโครงงาน การจัดทาโครงงานคอมพิวเตอร์การพัฒนาเว็บไซต์ นี ้มีวัตถุประสงค์มีวัตถุประสงค์เพื่อ ค้นคว้าเรื่องที่น่าสนใจเกี่ยวกับความหมายของอินเตอร์เน็ต เพื่อให้จัดทาโครงงานสามารถนามา ประยุกต์ใช้ให้เข้ากับการเรียนรู้ของตัวเองให้มากขึ ้น และผู ้ที่สนใจทั่วไปซึ ่งมีผลต่อการดาเนิน โครงงานครั ้งนี ้ ดังนี ้ 1.1 ขั ้นตอนการทาเว็บไซต์ 1. เริ่มออกแบบเว็บไซต์จากการล่างในกระดาษ 2. ออกแบบเว็บไซต์และโครงสร้างของเว็บ 3. จัดเตรียมข้อมูล เนื ้อหา ทั ้งหมดให้พอดีกับหน้าเว็บที่ออกแบบ 4. ขึ ้นโครงสร้างเว็บไซต์จากโปรแกรม Dreamweaver 5. เริ่มลงรายละเอียดการตกแต่งในส่วนของ Header 6. ตกแต่ง Logo ของบริษัทจากโปรแกรม Photoshop 7. นา Logo ที่ตกแต่งเสร็จแล้วมาใส่ใน Header ในโปรแกรม Dreamweaver 8. หา Code ชุดเมนูสาหรับทาเว็บไซต์ และนามาใส่ ดัดแปลงเป็นเมนูที่ ออกแบบไว้ 9. ค้นหา Footer จากเว็บไซต์ เพื่อนามาเป็นแนวทาง 10. ทา Footer จากโปรแกรม Photoshop และนาไปใส่ใน Dreamweaver 11. ดาวโหลดชุด Code สไลด์ภาพ และทาการแก้ไขโดยการนาภาพของ บริษัทเข้า ไปใส่แทน 12. นาสไลด์ภาพมาใส่ในโปรแกรม Dreamweaver 13. Copy Code โครงสร้างทั ้งหมด เพื่อนาไปสร้างแบบเว็บไซต์ของทุกๆ หน้าให้ มีหน้าตาเหมือนกัน 14. เตรียมข้อมูลเนื ้อหาของแต่ละส่วน เพื่อนามาใส ่ในหน้าเว็บของแต่ละหน้า ประกอบด้วย หน้าแรก ข้อมูลบริษัท การให้บริการ แกลอรี่ ติดต่อเรา 15. นาข้อมูลเนื ้อหาทั ้งหมดมาตกแต่งในโปรแกรม Photoshop 16. จากนั ้น Save ข้อมูลทั ้งหมดให้เป็นรูปภาพ 17. นาเนื ้อหาที่เป็นรูปภาพของแต่ละหน้า แต่ละส่วนมาใส่ในโปรแกรม Dreamweaver 18. ตกแต่งและจัดตาแหน่งให้ตรงเหมือนกันของทุกหน้า