ง20246 การสร้างเว็บไซต์

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

ปฎิบัติการใช้งานโปรแกรม Dreamweaver  CS6 การเรียกใช้โปรแกรม Adobe   Dreamweaver CS6ความรู้เบื้องต้นเกี่ยวกับเว็บไซต์การเริ่มต้นสร้างเว็บไซต์การสร้างSiteทำความรู้จักกับโปรแกรมAdobeDreamweaverCS6   การสร้างข้อความ การตกแต่งเว็บเพจด้วยรูปภาพการตกแต่ง การแทรกสื่อแบบมัลติมีเดีย (Multimedia) และเพิ่มลูกเล่นในหน้าเว็บเพจการสร้างลิงค์ (Link)  ในเว็บไซต์ การสร้างชองค้นหาข้อมูลจาก Google การยกเลิก (Link) การตกแต่งเว็บไซต์ด้วยเทมเพลต (Template) การส่งเว็บไซต์ไปไว้บนอินเทอร์เน็ต

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

รู้คุณค่า มีความมุ่งมั่นในการทำงานและสามารถจัดทำโฮมเพจ เว็บเพจ และเว็บไซต์ของ ตนเองได้อย่างมีประสิทธิภาพ

ผลการเรียนรู้

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

2. อธิบายความหมายและส่วนประกอบของโปรแกรม Adobe Dreamweaver CS6 ได้

3.  สามารถเตรียมความพร้อมก่อนเว็บไซต์และการสร้าง Site ได้

4. สามารถสร้างตารางและการปรับแต่งตารางได้

5.  รู้ เข้าใจและสามารถสร้างข้อความและใส่ลูกเล่นข้อความบนเว็บเพจได้

6.  รู้ เข้าใจและสามารถแทรกรูปภาพและการจัดการรูปภาพได้

7. สามารถเปลี่ยนพื้นหลังเว็บเพจและการใส่กรอบให้รูปภาพได้

8.  รู้  เข้าใจและสามารถสร้างปุ่มในโปรแกรม Adobe Dreamweaver CS6 ได้

9. สามารถแทรกสื่อแบบมัลติมีเดียในเว็บไซต์ได้

10. สามารถสร้างลิงค์จากข้อความ, รูปภาพ และลิงค์ไปยังเว็บไซต์อื่นได้

11. รู้  เข้าใจและสามารถตกแต่งและแก้ไขเว็บไซต์ด้วยเทมเพลต (Template) ได้

รวม  11 ผลการเรียนรู้

---------------------------------------------------------------------------------------------------------

หน่วยที่ 1 ความรู้เบื้องต้นเกี่ยวกับเว็บไซต์

--แบบทดสอบก่อนเรียน

- สื่อวีดีทัศน์

-ใบความรู้

-แบบฝึกปฏิบัติ

-แบบทดสอบหลังเรียน

--------------------------------------------------------------------------------------------------------

หน่วยที่ 2 ความรู้ทั่วไปเกี่ยวกับโปรแกรม Adobe Dreamweaver CS6

- แบบทดสอบก่อนเรียน

- สื่อวีดีทัศน์

- ใบความรู้

- แบบฝึกปฎิบัติ

- แบบทดสอบหลังเรียน

--------------------------------------------------------------------------------------------------------

หน่วยที่ 3 การสร้างตารางในหน้าเพจ

- สื่อวีดีทัศน์

- แบบทดสอบก่อนเรียน 

-ใบความรู้

- แบบฝึกปฎิบัติ

- แบบทดสอบหลังเรียน 

--------------------------------------------------------------------------------------------------------

หน่วยที่ 4 การสร้างข้อความในเพจ

- แบบทดสอบก่อนเรียน 

- สื่อวีดีทัศน์

-ใบความรู้

- แบบฝึกปฎิบัติ

- แบบทดสอบหลังเรียน 

--------------------------------------------------------------------------------------------------------

หน่วยที่ 5 การตกแต่งเว็บเพจด้วยรูปภาพ

- แบบทดสอบก่อนเรียน

- สื่อวีดีทัศน์

-ใบความรู้

- แบบฝึกปฎิบัติ 

- แบบทดสอบหลังเรียน

--------------------------------------------------------------------------------------------------------

หน่วยที่ 6 การตกแต่งและเพิ่มลูกเล่นในหน้าเพจ

- แบบทดสอบก่อนเรียน 

- สื่อวีดีทัศน์

-ใบความรู้

- แบบฝึกปฎิบัติ

- แบบทดสอบหลังเรียน 

--------------------------------------------------------------------------------------------------------

หน่วยที่ 7 การสร้างลิงค์ในเว็บไซต์

- แบบทดสอบก่อนเรียน 

- สื่อวีดีทัศน์

-ใบความรู้

- แบบฝึกปฎิบัติ

- แบบทดสอบหลังเรียน 

--------------------------------------------------------------------------------------------------------

หน่วยที่ 8 การตกแต่งเว็บไซต์ด้วยเทมเพลต (Template)

- แบบทดสอบก่อนเรียน 

- สื่อวีดีทัศน์

-ใบความรู้

- แบบฝึกปฎิบัติ

- แบบทดสอบหลังเรียน 

--------------------------------------------------------------------------------------------------------

> เช็คชื่อ / คะแนน

แผนการสอน