การสร้างบทเรียนออนไลน์GoogleSite

โครงการอบรมเชิงปฏิบัติการ

สร้างบทเรียนออนไลน์ดว้ ย
Google Site

วันที่ 9-10 กรกฎาคม 2565

วทิ ยากร

นางสาวพีรญา สขุ ขวี รรณ

ครูชานาญการพเิ ศษ วิทยาลยั เทคนคิ จันทบรุ ี

ClassPoint.app

เชา้ น้ีรสู้ ึกอย่างไรกันบ้างคะ่ ?

AA. C.

B. D.

คณุ ครสู อนสาขาวิชาอะไรกันบา้ ง

โปรแรมที่ใชส้ อนออนไลนบ์ อ่ ยที่สดุ คอื ?

แนะนา New Google Site

การสร้างบทเรียนออนไลน์ด้วย Google Site

Google Sites น้นั เป็นบริการฟรที ใี่ ช้งานงา่ ย หากคุณมองหาเครอื่ งมอื สรา้ งเว็บไซตท์ ไ่ี มซ่ บั ซอ้ น

หากคุณมบี ญั ชี Gmail สามารถลงชอื่ เขา้ ใชบ้ ญั ชี Google ของคุณและเริ่มสร้างเวบ็ ไซต์ของคุณได้ทนั ที
Google Sites มี 2 เวอร์ช่ัน นัน่ ก็คือ

● Google Sites Classic
● New Google Sites

การสรา้ งบทเรียนออนไลนด์ ว้ ย Google Site

การใชเ้ ทมเพลตในเวอร์ช่ันคลาสสิกหรอื
ธมี ใน Google Sites เวอร์ชนั่ ใหม่

Google Sites เวอร์ชน่ั คลาสสิก (มีเทมเพลต 30 กว่าแบบ)
แต่ไม่มีการรองรบั การตอบสนองทางมอื ถอื ดงั นนั้ เวบ็ ไซตข์ องคุณอาจแสดงผลได้ไม่ดี

บนสมาร์ทโฟนและแทบ็ เล็ต

เน่ืองจาก Google Sites เวอร์ช่นั ใหม่ ไมไ่ ดน้ าเสนอเทมเพลตอีกต่อไป แต่ Google
Sites เวอรช์ น่ั ใหม่ นาเสนอตัวเลอื กธีม 6 แบบท่มี ีสไตล์การออกแบบที่แตกต่างกนั

การสรา้ งบทเรียนออนไลนด์ ้วย Google Site

การใช้ธมี ใน New Google Sites

Google Sites มีธีม 6 ธีม ดงั นี้

การสร้างบทเรยี นออนไลน์ด้วย Google Site

ธีมใน Google Sites เวอรช์ ั่นใหม่น้นั เรยี บงา่ ยเหมาะ
กบั ใชง้ านเวบ็ ไซต์ทุกหน้าจอ
คณุ สามารถควบคมุ ลกั ษณะทีป่ รากฏของธีมได้มากขน้ึ
คุณสามารถปรับแต่งสีของธีมโดยใชจ้ านสีที่กาหนดไว้
ลว่ งหนา้ หรอื ใช้เครอื่ งมอื ตัวเลือกสีเพอ่ื ใช้สที ่กี าหนดเอง

การสร้างบทเรยี นออนไลนด์ ้วย Google Site

New Google Sites
งา่ ยแค่ลากและวาง

มคี วามสามารถในการเพิ่มขอ้ ความ รปู ภาพ โค้ด
และไฟลจ์ าก Google Drive ของคุณ แนน่ อนคุณ
สามารถเพม่ิ เนือ้ หาจากผลิตภณั ฑข์ อง Google
รวมถึงเอกสาร สไลด์ ชที ฟอร์มและแผนภูมิ

การสรา้ งบทเรยี นออนไลนด์ ้วย Google Site

ตวั เลอื กเลยเ์ อาท์

New Google Sites
มตี ัวเลอื กเลย์เอาท์ทแ่ี ตกตา่ งกนั 6 ตัวเลือก
ซ่งึ คณุ สามารถทาได้ง่ายๆ ดว้ ยการลากไปยังหนา้
เวบ็ ของคณุ ซง่ึ หมายความว่าคุณสามารถมีสว่ น
เลยเ์ อาต์ได้หลายส่วนในหนา้ เดยี ว

การสร้างบทเรยี นออนไลนด์ ว้ ย Google Site

การคน้ หารปู ภาพใน Google Sites แบบใหม่

เมือ่ คณุ คลกิ ทห่ี น่งึ ในไอคอน + ในสว่ นเลย์เอาตร์ ูปภาพและ
คลกิ เลือกรูปภาพ คณุ จะสามารถทาการค้นหาบน Google
images ได้ ส่งิ ที่ทาใหเ้ ครอื่ งมอื นม้ี ีประโยชนม์ ากย่งิ ขึน้ คอื
Google จะแสดงเฉพาะรปู ภาพทม่ี ีการอนญุ าตให้ใชซ้ า้ ได้
เทา่ นน้ั ซงึ่ หมายความว่าคณุ สามารถใช้รปู ภาพเหล่าน้ไี ด้
อย่างปลอดภัยบนเวบ็ ไซตข์ องคณุ โดยไมต่ ้องกังวลเกย่ี วกับ
การละเมดิ ลิขสิทธิ์

การสรา้ งบทเรยี นออนไลน์ด้วย Google Site

เครอ่ื งมอื สรา้ งเวบ็ ไซตท์ ใี่ ชง้ านง่ายและ
เขา้ ถึงไดง้ ่าย

เวอร์ชน่ั ใหม่นนั้ มเี ครอื่ งมอื สร้างเว็บไซตท์ น่ี าเสนอเฉพาะ
ฟีเจอรท์ สี่ าคญั ๆ เทา่ นน้ั หากคณุ คนุ้ เคยกบั ผลติ ภณั ฑอ์ ื่น ๆ
ของ Google เชน่ Docs และ Sheets แล้วคณุ จะไม่มี
ปัญหาในการสร้างเวบ็ ไซตด์ ว้ ย Google Sites

การสรา้ งบทเรยี นออนไลน์ด้วย Google Site

รองรบั Responsive Web Design

New Google Site มีการออกแบบเว็บไซต์เพื่อให้
รองรับกบั ขนาดของหนา้ จออปุ กรณ์ทกุ ชนิด ไม่วา่ จะ
เป็นคอมพิวเตอร์ โนต๊ บคุ๊ สมารท์ โฟนและแท็บเล็ต

การสร้างบทเรียนออนไลนด์ ้วย Google Site

การแชรไ์ ซต์เพ่อื ให้ผ้อู ่ืนสามารถแก้ไขรว่ มกนั ได้

อนิ เทอร์เฟซก็เหมือนกับผลิตภณั ฑอ์ ื่น ๆ ทัง้ หมดของ
Google เช่น Docs ทมี่ ตี ัวเลือกการแบง่ ปันแบบเดยี วกนั กับ
ทพ่ี บในโซลูชันชุดสานักงานของ Google ทาใหง้ า่ ยต่อการ
ทางานรว่ มกับผูอ้ น่ื ในการออกแบบเว็บไซตข์ องคณุ

การสร้างบทเรยี นออนไลน์ด้วย Google Site

การเผยแพร่เว็บไซต์

เมอ่ื แก้ไขเสร็จแล้วใหค้ ลิกเผยแพรท่ ี่มมุ บนขวาของ
อนิ เทอร์เฟซ เลอื กทอ่ี ยู่เวบ็ สาหรับเว็บไซตข์ องคุณ โดย
ใช้ตวั เลอื กโดเมนยอ่ ยฟรีหรือชอ่ื โดเมนท่ีซอ้ื (URL ที่
กาหนดเอง)

นางสาวพีรญา สุขขวี รรณ (ครมู ะเหม่ยี ว)
ครชู านาญการพเิ ศษ
สาขาวชิ าคอมพิวเตอร์ธุรกิจ
วทิ ยาลัยเทคนคิ จันทบรุ ี

ขอบคณุ คะ่-------------------------------------------

http://bit.ly/eportmameaw