จุดประสงค์การเรียนรู้
เมื่อนักเรียนเรียนเรื่อง การสร้างผลงานและจัดการกับไฟล์แล้ว นักเรียนสามารถ
1. สามารถสร้างไซต์ได้อย่างถูกต้อง
2. จัดการเว็บเพจได้
3. เพิ่มและแก้ไของค์ประกอบบนหน้าเว็บเพจได้
สาระการเรียนรู้
1. การสร้างไซต์
2. จัดการเว็บเพจ
3. เพิ่มและแก้ไของค์ประกอบบนหน้าเว็บเพจ
การเริ่มต้นสร้างเว็บไซต์ และเว็บเพจ
นั้นจำเป็นจะต้องวางแผนการสร้างงานให้รอบคอบ ทั้งในส่วนของการวางผังเว็บไซต์ ว่าจะประกอบด้วยเว็บเพจหลัก กี่หน้า เว็บเพจรองจำนวนกี่หน้าและการเตรียมเนื้อหาพร้อมภาพประกอบ แล้วจึงนำมาสร้างเว็บไซต์ด้วยโปรแกรม Dreamweaver cs4 โดยในเบื้องต้นมีขั้นตอนการกำหนดโครงสร้างหรือแผนผังเว็บไซต์
โครงสร้างหรือแผนผังเว็บไซต์
ควรได้รับการออกแบบหรือจัดทำขึ้นมากีอนที่จะลงมือสร้างเว็บไซต์จริง โดยในโครงสร้างดังกล่าวจะต้องกำหนดไว้ให้ละเอียดว่ามีส่วนประกอบอะไรบ้าง ซึ่งสามารถสังเกตได้จากเว็บไซต์ทั่วไป โดยปกติแล้วจะประกอบด้วย
1. ส่วนหน้าหรือหน้าแรกที่เรียกว่าโฮมเพจ (Homepage)
2. หน้าผู้จัดทำ (About) หรือข้อมูลเกี่ยวกับผู้จัดทำเว็บไซต์
3. หน้าติดต่อกับผูจัดทำ (Contact)
ผู้ออกแบบเว็บไซต์สามารถเขียนแผนผังเว็บไซต์บนกระดาษไว้ ดังตัวอย่างเว็บไซต์ของร้านขายคอมพิวเตอร์ ดังนี้
จากโครงสร้างดังกล่าวจะเห็นว่าไฟล์ index.html จะอยู่แยกออกมาต่างหาก ไม่รวมอยู่ในโฟลเดอร์ใดๆ เพราะเป็นหน้าโฮมเพจที่เมื่อมีผู้เข้ามาเยี่ยมชมเว็บไซต์ จะต้องเข้ามาที่หน้านี้เป็นอันดับแรก ก่อนที่จะลิงก์ไปยังหน้าเว็บเพจ อื่นๆ