ดาวนโหลดแผนการสอนวิชา  การสร้างเว็บไซต์ รหัสวิชา 20204-2008 (ช-น)    (4-3) 
หลักสูตรประกาศนียบัตรวิชาชีพ ปวช. 2562
ระดับชั้น ปวช. สาขาวิชา/กลุ่มวิชา/แผนกวิชา คอมพิวเตอร์ธุรกิจ
หน่วยกิต 3 จำนวนคาบรวม 72 คาบ/ทฤษฏี 2 คาบ/สัปดาห์ ปฏิบัติ 2 คาบ/สัปดาห์
ภาคเรียนที่ 2 ปีการศึกษา 2562
จุดประสงค์รายวิชา เพื่อให้
- 1. เข้าใจเกี่ยวกับกระบวนการและโครงสร้างการทำงานของเว็บไซต์
- 2. เข้าใจโครงสร้างและไวยากรณ์ของโปรแกรมภาษาหรือกระบวนการใช้เครื่องมือการสร้างเว็บไซต์
- 3. เข้าใจหลักการออกแบบและกําหนดส่วนประกอบที่จำเป็นของเว็บเพจ
- 4. สามารถติดตั้งโปรแกรมจำลอง Web Server หรืออัพโหลด (Upload) เว็บไซต์
- 5. สามารถใช้โปรแกรมภาษาหรือโปรแกรมสำเร็จรูปหรือโปรแกรมระบบ CMS สำหรับการออกแบบและ 
 สร้างเว็บไซต์
- 6. มีเจตคติและกิจนิสัยที่ดีในการปฏิบัติงานคอมพิวเตอร์ด้วยความละเอียดรอบคอบ และถูกต้อง
สมรรถนะรายวิชา
- 1. แสดงความรู้เกี่ยวกับกระบวนการโครงสร้างการทำงานและไวยากรณ์ของโปรแกรมภาษา
ในการสร้างเว็บไซต์
- 2. ประยุกต์ใช้โปรแกรมภาษาหรือโปรแกรมสำเร็จรูปหรือโปรแกรมระบบ CMS สำหรับการออกแบบและสร้างเว็บไซต์
- 3. ติดตั้งโปรแกรมจำลอง Web Server หรืออัพโหลด (Upload) เว็บไซต์
- 4. ประยุกต์ใช้โปรแกรมกราฟิกเพื่อเสริมในการออกแบบและการสร้างเว็บไซต์
คำอธิบายรายวิชา
ศึกษาและปฏิบัติเกี่ยวกับกระบวนการและโครงสร้างการทำงานของเว็บไซต์ การออกแบบเว็บไซต์การสร้างเว็บไซต์ด้วยโปรแกรมภาษา โปรแกรมสำเร็จรูปหรือโปรแกรมระบบ CMS (Content Management System) การใช้โปรแกรมกราฟิกเสริมในการออกแบบสร้างเว็บไซต์ และการติดตั้งโปรแกรมจำลอง Web Server หรืออัพโหลด (Upload) เว็บไซต์
หน่วยการเรียนรู้
ดาวน์โหลดปกแผนการสอน วิชาการสร้างเว็บไซต์ คลิก
| หน่วยที่ | ชื่อหน่วยการเรียน | เนื้อหาสาระ | คลิกดาวน์โหลดแผน | 
| 1 
 
 
 | ความรู้เบื้องต้นเกี่ยวกับเว็บไซต์ | 1.1  ความหมายและความสำคัญของเว็บไซต์ 1.3  ประเภทของเว็บไซต์                      | |
| 2 
 
 
 
 | กระบวนการและโครงสร้างการทำงานของเว็บไซต์ | 2.1 กระบวนการเตรียมข้อมูลในการสร้างเว็บไซต์ 2.2 กระบวนการออกแบบและการเลือกใช้สีในเว็บไซต์ 2.4 โครงสร้างการทำงานของเว็บไซต์ 2.5 การออกแบบโครงสร้างการทำงานของเว็บไซต์ | |
| 3 
 
 | โครงสร้างและไวยากรณ์ของโปรแกรมภาษาในการสร้างเว็บไซต์ | 3.1 โครงสร้างและไวยากรณ์ของโปรแกรมภาษาในการสร้างเว็บไซต์ 3.2 คำสั่งภาษา HTML พื้นฐานในการสร้างเว็บไซต์ 3.3 โปรแกรมภาษาที่นิยมใช้ในการพัฒนาเว็บไซต์ | |
| 4 
 | การออกแบบและใช้โปรแกรมกราฟิกเสริมในการสร้างเว็บไซต์ | 4.1  การออกแบบส่วนประกอบของเว็บไซต์ 4.3 การใช้โปรแกรม Adobe Photoshop CC 2018 ในการออกแบบเว็บไซต์ 4.4  การบันทึกไฟล์ภาพกราฟิกสำหรับเว็บไซต์ | |
| 5 | การติดตั้งและใช้งานโปรแกรม Adobe Dreamweaver CC 2018 | 5.1 รู้จักกับโปรแกรม Adobe Dreamweaver CC 2018 5.2 การติดตั้งโปรแกรม Adobe Dreamweaver CC 2018 5.3 ส่วนประกอบต่าง ๆ ของโปรแกรม Adobe Dreamweaver CC 2018 | คลิกดาวน์โหลดแผนการสอนหน่วยที่ 5 | 
| 6 | การสร้างเว็บไซต์ด้วยโปรแกรม Adobe Dreamweaver CC 2018 | 6.1  การใช้งานโปรแกรม Adobe Dreamweaver CC 2018           6.4 การตั้งค่าการแสดงผลเว็บไซต์                     | 
| หน่วยที่ | ชื่อหน่วยการเรียน | เนื้อหาสาระ | จำนวนชั่วโมง | 
| 7 | การจัดการไฟล์ภาพกราฟิก ภาพเคลื่อนไหวและข้อความในเว็บไซต์ | 7.1  การจัดการไฟล์ภาพกราฟิกในเว็บไซต์   7.3 การจัดการข้อความในเว็บไซต์ | คลิกดาวน์โหลดแผนการสอนหน่วย 7 | 
| 8 | การเพิ่มเทคนิคพิเศษให้กับเว็บไซต์ | 8.1  การเพิ่มเทคนิคพิเศษให้กับเว็บไซต์       | |
| 9 | การเชื่อมโยงและการทดสอบการทำงานของเว็บไซต์ | 9.1 รู้จักกับการเชื่อมโยงเว็บไซต์ 9.2 การเชื่อมโยงเว็บไซต์ 9.3 การตรวจสอบการเชื่อมโยงเว็บไซต์ | |
| 10 | การขอพื้นที่และการอัพโหลดเว็บไซต์ | 10.1  การขอพื้นที่ในการอัพโหลดเว็บไซต์    
 | |
| รวม | 72 | ||
 
											 
										 
										 
										 
										 
										
 
					






