สัปดาห์ที่ 13📝

รายละเอียดหน่วยการเรียน

หน่วยการเรียนรู้ที่ 5 การจัดการหน้าเว็บไซต์

แผนการจัดการเรียนรู้ที่ 13 Theme เวลาเรียน 1 ชั่วโมง

1. ผลการเรียนรู้ที่คาดหวัง

1. บอกวิธีใช้งานเครื่องมือที่ใช้ในการออกแบบเว็บไซต์ ของ Google Sites ได้อย่างถูกต้อง

2.สาระสำคัญ/ความคิดรวบยอด

การจัดการธีม (Theme) ของเว็บไซต์ คือ การกำหนดรูปแบบการแสดงผลของเว็บไซต์จากธีมและปรับแต่งสีสันเพิ่มเติมได้ โดยการจัดการธีมบน Google Site มีขั้นตอน ดังนี้

1. ไปที่พาเนลธีม

2. คลิกเลือกธีมและสีที่ต้องการ

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

1. อธิบายวิธีการธีม บน Google Sites ได้ (K)

2. กำหนดรูปแบบธีมบน Google Sites ได้ (P)

3. เห็นความสำคัญของการใช้ Google Sites ในการจัดทำเว็บไซต์ (A)

4. กิจกรรมการเรียนรู้

ให้นักเรียนดำเนินการศึกษาใบความรู้ และ Presentation เรื่อง "Theme " และจดบันทึกย่อความรู้ลงในสมุดของตนเอง
จากนั้นให้นักเรียนทำใบงานลงในสมุดของตนเอง

1. ผู้เรียนเข้าเว็บไซต์ Adobe Color เพื่อกำหนดธีมสีให้กับเว็บไซต์โดยไปที่ลิงค์ https://color.adobe.com/create/image จากนั้นให้ผู้เรียนเข้าเว็บไซต์หาภาพที่ต้องการนำมาเป็นต้นแบบ และอัปโหลดภาพลงในโปรแกรม โปรแกรมจะทำการประมวลผลสีออกมาให้ตามภาพ

2. ไปที่เมนู Color Wheel เพื่อกำหนดสีเอง และโปรแกรมจะช่วยเลือกสีที่เหมาะสมอีก 3 สีที่เหลือให้ โดยที่สามารถปรับแต่งได้ตามต้องการ และสามารถนำโทนสีไปใช้ในการกำหนด ธีมให้กับเว็บไซต์โดยจดรหัสของโค้ดสี เพื่อนำไปใช้ในการกำหนดธีมบน Google Sites ต่อไป