ดาวนโหลดแผนการสอนวิชา การสร้างเว็บไซต์ รหัสวิชา 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 |