ชื่อหน่วยการเรียนรู้ที่ 1 การออกแบบเว็บไชต์

สาระสำคัญ

- การพัฒนาเว็บไซต์ในปัจจุบันนี้มีการพัฒนาหลากหลายรูปแบบและมีการใช้โปรแกรมสำเร็จรูป ในการพัฒนาเว็บไซต์มากขึ้น แต่การพัฒนาเว็บไซต์ขึ้นมาใช้งานเองนั้นจำเป็นต้องศึกษาวิธีการใช้โปรแกรมในการพัฒนาเว็บ โปรแกรม Dreamweaver เป็นโปรแกรมที่มีผู้นิยมนำมาใช้พัฒนาเว็บไซต์เป็นจำนวนมาก ในเวอร์ชันปัจจุบันก็มีความสามารถที่หลากหลายและใช้งานได้ง่ายขึ้น เมื่อพัฒนาแล้วก็สามารถที่จะนำไปใช้ได้หลากหลายรูปแบบ เช่น ใช้ในโทรศัพท์มือถือ คอมพิวเตอร์ แท็บเล็ตและอุปกรณ์อื่นๆ เป็นต้น

สมรรถนะประจำหน่วย

1. แสดงความรู้เกี่ยวกับการออกแบบเว็บไซต์

จุดประสงค์การเรียนรู้

๑. อธิบายเกี่ยวกับคำศัพท์ที่เกี่ยวข้องกับเว็บไซต์ได้

๒. บอกหลักในการออกแบบเว็บไซต์ได้

๓. บอกส่วนประกอบของเว็บไซต์ได้

๔. อธิบายการใช้สีได้

๕. อธิบายการจัดการตัวอักษรสำหรับเว็บไซต์ได้

๖. อธิบายไฟล์รูปภาพที่เหมาะสำหรับการพัฒนาเว็บไซต์ได้

๗. บอกขั้นตอนการพัฒนาเว็บไซต์ได้

๘. เลือกใช้ภาษาในการพัฒนาเว็บไซต์ได้

๙. จำแนกวิธีการพัฒนาเว็บไซต์ได้

เนื้อหาสาระการเรียนรู้

1. คำศัพท์ที่เกี่ยวข้องกับเว็บไซต์

2. หลักการออกแบบเว็บไซต์

3. ส่วนประกอบของเว็บไซต์

4. การใช้สี

5. การจัดการตัวอักษรสำหรับเว็บไซต์

๖. ไฟล์รูปภาพที่เหมาะสำหรับการพัฒนาเว็บไซต์

๗. ขั้นตอนการพัฒนาเว็บไซต์

๘. ภาษาที่ใช้ในการพัฒนาเว็บไซต์

๙. รูปแบบการพัฒนาเว็บไซต์



ความรู้ทั่วไปเกี่ยวกับเว็บเพจ (Web Page).pdf
หลักในการออกแบบเว็บไซต์.pdf
เครื่องมือในการสร้างเว็บเพจ.pdf



โปรแกรม Web Browser คืออะไร.pdf
โปรแกรม Text Editor คืออะไร.pdf



ขั้นตอนในการปฏิบัติการสร้างเว็บเพจด้วยภาษา HTML.pdf