ปรับปรุง : 2568-04-08 (สร้างไซต์)

กูเกิลไซต์ (google sites)

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

Google sites คืออะไร Google Sites คือ เครื่องมือสร้างเว็บไซต์แบบลากและวาง (drag-and-drop website builder) ที่ให้บริการฟรีโดย Google ซึ่งเป็นส่วนหนึ่งของชุดโปรแกรม Google Workspace (เดิมคือ G Suite)
รายละเอียด Google Sites มีดังนี้
* แพลตฟอร์มสร้างเว็บไซต์ที่ใช้งานง่าย: ออกแบบมาให้ผู้ใช้งานทั่วไปสามารถสร้างและจัดการเว็บไซต์ได้โดยไม่ต้องมีความรู้ด้านการเขียนโค้ด (เช่น HTML, CSS, JavaScript)
* ระบบลากและวาง: ผู้ใช้สามารถเพิ่มและจัดเรียงองค์ประกอบต่างๆ บนหน้าเว็บไซต์ได้อย่างง่ายดาย เพียงแค่ลาก (drag) องค์ประกอบที่ต้องการ เช่น กล่องข้อความ รูปภาพ วิดีโอ ปฏิทิน แผนที่ หรือไฟล์จาก Google Drive มาวาง (drop) ในตำแหน่งที่ต้องการ
* ผสานรวมกับ Google Workspace: ทำงานร่วมกับแอปพลิเคชันอื่นๆ ของ Google Workspace ได้อย่างราบรื่น เช่น
* Google Docs, Sheets, Slides: สามารถนำเอกสาร สเปรดชีต และงานนำเสนอมาแสดงบนเว็บไซต์ได้โดยตรง
* Google Forms: สามารถแทรกแบบฟอร์มเพื่อให้ผู้เข้าชมกรอกข้อมูลได้
* Google Calendar: สามารถแสดงปฏิทินกิจกรรมต่างๆ ได้
* Google Maps: สามารถฝังแผนที่เพื่อแสดงที่ตั้งได้
* YouTube: สามารถฝังวิดีโอจาก YouTube ได้ง่ายดาย
* Google Drive: สามารถอัปโหลดและแสดงไฟล์ต่างๆ ที่เก็บไว้ใน Google Drive ได้
* เทมเพลตสำเร็จรูป: มีเทมเพลตหลากหลายให้เลือกใช้เป็นจุดเริ่มต้น ช่วยให้การสร้างเว็บไซต์เป็นไปอย่างรวดเร็ว
* ปรับแต่งธีม: สามารถปรับเปลี่ยนสี ฟอนต์ และลักษณะอื่นๆ ของเว็บไซต์ให้เข้ากับแบรนด์หรือความต้องการได้
* การจัดการหน้า: สามารถเพิ่ม ลบ และจัดเรียงหน้าต่างๆ ของเว็บไซต์ได้อย่างง่ายดาย รวมถึงการสร้างหน้าย่อย (subpages)
* การทำงานร่วมกัน: สามารถเชิญผู้อื่นมาแก้ไขและจัดการเว็บไซต์ร่วมกันได้แบบเรียลไทม์ เหมือนกับการทำงานร่วมกันใน Google Docs
* การเผยแพร่ฟรี: Google ให้พื้นที่โฮสต์เว็บไซต์ฟรี ทำให้ผู้ใช้สามารถเผยแพร่เว็บไซต์สู่สาธารณะหรือจำกัดการเข้าถึงเฉพาะกลุ่มได้
* การรองรับบนอุปกรณ์ต่างๆ (Responsive Design): เว็บไซต์ที่สร้างด้วย Google Sites จะปรับขนาดให้เข้ากับหน้าจอของอุปกรณ์ต่างๆ ได้โดยอัตโนมัติ ไม่ว่าจะเป็นคอมพิวเตอร์ แท็บเล็ต หรือโทรศัพท์มือถือ
* การรักษาความปลอดภัย: เว็บไซต์ที่สร้างบน Google Sites มีความปลอดภัยและเสถียรภาพบนโครงสร้างพื้นฐานของ Google
ข้อดีหลักของ Google Sites มีดังนี้
* ใช้งานง่ายมาก: เหมาะสำหรับผู้ที่ไม่มีความรู้ด้านเทคนิคในการสร้างเว็บไซต์
* ฟรี: ไม่มีค่าใช้จ่ายในการใช้งานและโฮสต์เว็บไซต์ (สำหรับฟีเจอร์พื้นฐาน)
* ผสานรวมกับ Google Ecosystem: สะดวกสำหรับผู้ที่ใช้งาน Google Workspace อยู่แล้ว
* ทำงานร่วมกันได้ง่าย: เหมาะสำหรับการสร้างเว็บไซต์ของทีมหรือองค์กร
* ไม่ต้องกังวลเรื่องโฮสติ้งและการจัดการเซิร์ฟเวอร์: Google ดูแลเรื่องเหล่านี้ให้ทั้งหมด
ข้อจำกัดบางประการของ Google Sites มีดังนี้
* ความยืดหยุ่นในการปรับแต่งมีจำกัด: อาจไม่เหมาะสำหรับผู้ที่ต้องการการออกแบบเว็บไซต์ที่ซับซ้อนและเป็นเอกลักษณ์สูง
* ฟีเจอร์ขั้นสูงมีไม่มากเท่าแพลตฟอร์มอื่นๆ: อาจไม่มีฟังก์ชันบางอย่างที่พบในระบบจัดการเนื้อหา (CMS) หรือเว็บไซต์ builder อื่นๆ
* SEO (Search Engine Optimization) อาจทำได้จำกัด: แม้ว่า Google จะดูแลเรื่องพื้นฐานให้ แต่การปรับแต่ง SEO ในเชิงลึกอาจมีข้อจำกัด
Google Sites มีความเหมาะสำหรับอะไร
* เว็บไซต์ส่วนตัว: เช่น พอร์ตโฟลิโอส่วนตัว บล็อกส่วนตัว หรือเว็บไซต์สำหรับงานอดิเรก
* เว็บไซต์สำหรับทีมหรือโครงการ: เช่น เว็บไซต์สำหรับทีมในองค์กร เว็บไซต์สำหรับจัดการโครงการ หรือเว็บไซต์สำหรับกิจกรรมต่างๆ
* เว็บไซต์สำหรับธุรกิจขนาดเล็ก: เช่น เว็บไซต์แนะนำธุรกิจ เว็บไซต์ให้ข้อมูลติดต่อ หรือเว็บไซต์สำหรับแสดงสินค้าและบริการแบบง่าย
* เว็บไซต์เพื่อการศึกษา: เช่น เว็บไซต์สำหรับชั้นเรียน เว็บไซต์สำหรับครูผู้สอน หรือเว็บไซต์สำหรับนำเสนอโครงงาน
โดยรวมแล้ว Google Sites เป็นเครื่องมือที่ยอดเยี่ยมสำหรับผู้ที่ต้องการสร้างเว็บไซต์อย่างรวดเร็ว ง่ายดาย และฟรี โดยเฉพาะอย่างยิ่งผู้ที่คุ้นเคยกับการใช้งานผลิตภัณฑ์อื่นๆ ของ Google อยู่แล้ว
☸ https://sites.google.com/view/gsites01/home

ออกแบบการสอน สร้างเว็บไซต์ ด้วย google sites ChatGPT : ออกแบบการสอน สร้างเว็บไซต์ ด้วย google sites คำตอบที่ได้ คือ แผนการออกแบบการสอนหัวข้อ “การสร้างเว็บไซต์ด้วย Google Sites” ที่สามารถปรับใช้ได้ทั้งในห้องเรียนหรือเวิร์กช็อป มีกลุ่มเป้าหมาย คือ นักเรียน ม.ต้น / ม.ปลาย หรือบุคคลทั่วไป มีระยะเวลา 2-3 คาบเรียน หรือ 2-3 ชั่วโมง
วัตถุประสงค์การเรียนรู้ (Learning Objectives)
1. อธิบายคุณสมบัติพื้นฐานของ Google Sites ได้
2. สร้างเว็บไซต์ด้วย Google Sites ได้อย่างถูกต้อง
3. ออกแบบโครงสร้างเว็บไซต์อย่างเหมาะสม
4. แทรกองค์ประกอบต่างๆ เช่น ข้อความ รูปภาพ ลิงก์ วิดีโอ ได้
5. เผยแพร่เว็บไซต์ให้ผู้อื่นเข้าชมได้
เครื่องมือที่ใช้ (Tools)
- คอมพิวเตอร์ / แท็บเล็ต พร้อมอินเทอร์เน็ต
- บัญชี Google
- Google Sites
- รูปภาพ/เนื้อหาที่เตรียมไว้ล่วงหน้า
ขั้นตอนการสอน (Lesson)
คาบที่ 1: รู้จักกับ Google Sites
1. เริ่มต้นด้วยการตั้งคำถาม
- “เคยทำเว็บไซต์ไหม?” / “เว็บไซต์มีไว้ทำอะไร?”
2. อธิบายความรู้เบื้องต้น
- Google Sites คืออะไร?
- จุดเด่น (ใช้งานฟรี สร้างง่าย ไม่ต้องเขียนโค้ด)
3. สาธิต
- วิธีเข้าสู่ Google Sites (sites.google.com)
- ส่วนประกอบของหน้าเว็บ
คาบที่ 2: การสร้างเว็บไซต์
1. ให้นักเรียนสมัครเข้าใช้งาน Google Sites
2. เริ่มสร้างเว็บไซต์
- เลือกเทมเพลต / สร้างจากศูนย์
- แก้ไขชื่อหัวเว็บไซต์
- เพิ่มหน้าเว็บ (เช่น หน้าหลัก, เกี่ยวกับ, ติดต่อ)
3. สอนการแทรกองค์ประกอบ
- ข้อความ, รูปภาพ, ลิงก์, วิดีโอจาก YouTube, Google Maps, ปฏิทิน
4. กิจกรรม
- นักเรียนสร้างเว็บไซต์ตามหัวข้อที่กำหนด เช่น “แนะนำตัวเอง”, “รีวิวหนัง/เกม/อาหาร”
คาบที่ 3: การตกแต่งและเผยแพร่
1. แนะนำการจัด Layout
- เลือกธีม สี ฟอนต์
- การจัดวางเนื้อหาให้อ่านง่าย
2. สอนการ Preview และการเผยแพร่เว็บไซต์
3. ให้ผู้เรียนแชร์ลิงก์เว็บไซต์
4. สะท้อนผล / นำเสนอผลงาน
- นักเรียนแต่ละคนหรือแต่ละกลุ่มนำเสนอเว็บไซต์ของตน
การประเมินผล (Evaluation)
- การสังเกตระหว่างกิจกรรม (ความตั้งใจ, การมีส่วนร่วม)
- ผลงานเว็บไซต์ที่สร้างขึ้น
[ ] โครงสร้างครบถ้วน
[ ] การใช้เนื้อหาและสื่ออย่างเหมาะสม
[ ] ความสวยงามในการจัดวาง
- การนำเสนอเว็บไซต์
กิจกรรมเสริม : ค้นข้อมูลเกี่ยวกับ google sites ต้องการผลการค้นใน 3 รูปแบบสื่อ มีดังนี้ 1) อีบุ๊คแบบ pdf 2) คลิปวิดีโอ 3) บทความในฐาน thaijo

บทเรียนที่ 1 : สร้าง Home แล้ว Publish บทเรียนแรก การสร้างไซต์เบื้องต้น ด้วย กูเกิลไซต์ มี 10 ขั้นตอน ดังนี้ 1) ถ้ามีบัญชีกูเกิลแล้ว ก็เข้าไซต์ได้เลย พบว่า มีรายการไซต์ที่เคยสร้างไว้ ถ้าไม่พบก็สร้างไซต์ใหม่ได้ ด้วยการคลิก blank site 2) ช่องบนสุดด้านซ้าย มีคำว่า Untitled site ก็ให้ตั้งชื่อที่เราชอบ หรือคลิกสำรวจส่วนต่าง ๆ ที่เราสนใจ 3) กรอกข้อมูลหัวข้อของไซต์ เปลี่ยนรูปแบบอักษร หรือเพิ่มฟอนต์ใหม่ได้ เช่น itim หรือ kanit ซึ่งเป็นฟอนต์ที่สวย 4) ช่อง content blocks มีต้นแบบให้เลือกเพิ่มเข้าเพจ ตัวอย่างนี้ กล่องซ้ายเป็นภาพ กล่องขวาเป็นข้อความ แล้วลองอัพโหลดภาพได้ 5) ในแท็บ pages พบว่ามีเพจชื่อ Home ซึ่งระบบตั้งชื่อเพจแรกมาเป็นชื่อนี้ 6) กด publish เพื่อเผยแพร่ เราตั้งชื่อลิงก์ไซต์ของเราได้ที่นี่ 7) ในหน้าหลักของกูเกิลไซต์ จะพบผลงานที่เราได้สร้างไว้ทั้งหมด 8) ถ้าคลิกเข้าแก้ไขไซต์ใด แล้วอยากชมผลงานบนเบราเซอร์ หรือส่งลิงก์ของไซต์ให้เพื่อนได้ชม คลิกที่ view published site 9) นี่คือผลงานไซต์ และผลการคลิกลิงก์จากในไซต์ 10) ไซต์ที่สร้างขึ้นรองรับ responsive web design ทำให้แสดงผลบนอุปกรณ์ต่าง ๆ ได้อย่างสวยงาม

บทเรียนที่ 2 : สร้างเพจใหม่ และเพิ่มลิงก์เชื่อมโยง บทเรียนที่ 2 สร้างเพจใหม่ และเพิ่มลิงก์เชื่อมโยง ด้วย กูเกิลไซต์ มี 10 ขั้นตอน ดังนี้ 1) ในแท็บ pages สามารถเพิ่มเพจ หรือลิงก์ ซึ่งจะไปปรากฎใน Navigation menu โดยอัตโนมัติ 2) สร้าง page ใหม่ ควรกำหนดชื่อเพจที่เข้าใจได้ง่าย 3) สามารถย้ายตำแหน่งของ page หรือ link ด้วยการลากขึ้นลง รวมถึงการ Hide from navigation ด้วย 4) การพิมพ์ข้อความเพิ่มเติม ใน block ต่าง ๆ สามารถเพิ่ม emoji เช่น smile ได้ 5) การเพิ่มลิงก์ ต้องเริ่มจากการเลือกคลุมข้อความ ที่ต้องการเปลี่ยนให้เป็นลิงก์ 6) รายการเพจที่เคยเพิ่มเข้าไป จะมีให้เลือก เมื่อมีการเพิ่มลิงก์ 7) การเพิ่มลิงก์ สามารถกำหนด url ได้ เช่น ไซต์ที่เราสนใจ 8) ระหว่างพัฒนาไซต์ เพจที่เพิ่มใหม่จะใช้ไม่ได้ จนกว่าจะมีการ publish 9) ผลงานไซต์ที่ปรากฎบนเบราเซอร์จะเป็นรุ่นล่าสุด 10) Navigation menu จะแสดงด้านซ้าย หรือด้านบน ซึ่งเปลี่ยนอัตโนมัติตามขนาดจอภาพ

"ไม่เริ่มต้นในวันนี้ จะไม่มีทางสำเร็จในวันพรุ่ง" โดย โยฮัน ว็อล์ฟกัง ฟ็อน เกอเทอ

Thaiall.com