การสร้างเว็บเก็บผลงานออนไลน์ E-Portfolio ด้วย Google Site
ข้อดีของ E-Portfolio อัพเดตข้อมูลง่ายผ่านเว็บไซต์ เก็บงานได้หลายรูปแบบ อาทิภาพ เสียง วีดีโอ เข้าถึงได้ง่ายผ่านระบบออนไลน์ น าเสนอได้ตรงจ ุ ดท ี่ต้องการ ลดการใช้ทรัพยากร เช่น กระดาษ หมึกพิมพ์
ข้อจ ากัดของ E-Portfolio ผ ู ้ ชมท ี่ไม ่ ม ี อินเตอร์เน ็ ต ไม่สามารถเข้าชมได้ ต้องมีความรู้ด้านการท าเว็บไซต์ หากไม ่ ม ี พ ื ้ นฐานท าเว ็ บ อาจจะท าได้ยาก การแก้ไขข้อมูลต้องมีอินเตอร์เน็ต
ท ำไมต้องใช้Google Site ข้อดีของ Google site สมัครใช้งานฟรี แก้ไขง่าย ไม่ต้องเขียนโค้ด โหลดเร็ว รองรับทุกอุปกรณ์ รองรับผู้เข้าชมได้จ านวนมาก 01
03 เริ่มต้นสร้ำง Google Site
กำรสร้ำงเว็บไซต์Google Site E-Portfolio ต้องเตรียมอะไรบ้าง? อีเมล Gmail หรืออีเมล องค์กร เนื้อหา แต่ละหน้า รูปภาพ กิจกรรม ไฟล์เอกสาร (ค าสั่ง,เกียรติบัตร ออนไลน์,แผนการ สอน)
06 ตัวอย่ำงแนวทำงเว็บไซต์E-Portfolio ประกอบด้วย เว็บไซต์ 01 02 03 04 05 หน้าหลัก ผลกำร ปฏิบัติงำน - ด้านที่1 - ด้านที่ 2 - ด้านที่ 3 - ประเด็นท้าทาย รำงวัล/ ผลงำน เด่น - เกียรติบัตร - ภาพโล่ เอกสำร - ค าสั่ง - แผนการสอน คลิปกำร สอน - ภาพกิจกรรม - คลิปสอน ข้อมูล ผู้ประเมิน - ประวัติส่วนตัว - ประวัติการศึกษา - ประวัติการท างาน - ข้อมูลการสอน
หลักกำรสร้ำง Google Site แบบง่ำย STEP A STEPB STEP C STEPD ออกแบบ หน้าปกด้วยเว็บ Canva.com สร้ำงเว็บไซต์ ตามโครงสร้าง ใส่เนื้อหำ แต่ละหน้า ให้สมบูรณ์ ตกแต่งเว็บให้ เรียบร้อย กด “เผยแพร่”
ข ั ้ นตอนการสร ้ างเว ็ บไซต ์ ด ้ วย New Google Site ส าหรับเก็บผลงาน
● คลิกขวา ● ท าส าเนา 2 1
เข ้ าสู่หน ้ าเวบ ็ Google Site ท าการแก้ไขชื่อเป็ นของตัวเอง
เว็บช่วยออกแบบแบนเนอร์เว็บไซต์ให้สวยปัง แนะน าเว็บส าหรับ ตกแต่งแบนเนอร์เว็บไซต์ ฟรี!! www.canva.com
แม่แบบ : ส่วนหัวของ Google Classroom
แม่แบบ : ส่วนหัวของ Google Classroom
คลิก องค์ประกอบ เพื่อเพิ่มเติมรูปภาพกราฟิกสวยๆ
คลิก ข้อความ เพื่อเพิ่มเอฟเฟค เคลื่อนไหวให้กับข้อความ ก าหนดเวลา ในการแสดง 2.0 วินาที
คลิก แชร์ เพื่อท าการ download หัวเว็บ
คลิก ดาวน์โหลด และเลือกไฟล์ แบบ GiF ถ้าเป็นภาพเคลื่อนไหว หรือเลือก แบบ PNG ถ้าเป็นภาพนิ่ง
คลิก เปลี่ยนรูปภาพ เลือก อัปโหลด
1.คลิกเลือก ธีม เพื่อท า การเปลี่ยนหัวเว็บ 2.เลือก ส่วนหัว เพื่อท า การอัพโหลด ภาพหัว เว็บที่ได้สร้างไว้
1.คลิกเลือก หน้าเว็บ เพื่อ ท าการเปลี่ยนหัวเว็บทุก หน้า 2.เลือก รีเซ็ต เพื่อท าการ เปลี่ยนรูปภาพหัวเว็บ
แม่แบบ : โพสต์instragram
สร้าง E-Book แบบง่าย แค่มีไฟล์ PDF https://anyflip.com
04 ออกแบบเว็บไซต์ยังไงให้น่ำสนใจ
https://sites.google.com/view/gegapacthailand
กำรจัดวำงเลเอำต์ส ำหรับองค์ประกอบภำพและข้อควำม หัวข้อ เน้นตัวเด่นชัด click to add your text here click to add your text here click to add your text here click to add your text here. add your text here. click to add your text here click to add your text here click to add your text here click to add your text here. add your text here.
05 เครื่องมือดีๆ ที่ช่วยตกแต่งเว็บไซต์
เว็บไซต์ช่วยเลือกโทนสี แนะน าเว็บส าหรับเลือกโทนสี ฟรี!! ● https://coolors.co ● https://www.colorcombos.co m
ไอคอนต่ำงๆช่วยให้ดูง่ำยขึ้น เว็บดาวน์โหลดไอคอน ฟรี!! ● https://www.flaticon.com ● https://www.freepik.com
ย่อลิงค์สั้นจ าง่าย thlink.info
ขอบคุณค่ะ