เอกสารประกอบการสอน เรื่องการสร้าง Google Sites

เอกสารประกอบการสอน GOOGLE SITES ครูผู้ รู สผู้อนนางสาวภูริ ภู ชริญา อินอิต๊ะ ต๊ นัก นั ศึก ศึ ษาฝึก ฝึ ประสบการณ์วิ ณ์ ชวิาชีพ ชี ครู

ภูริชญา อินต๊ะ ผู้จัดทำ คํานํา Google Sites คือเว็บไซต์ของ Google ที่ให้บริการสร้างเว็บไซต์ฟรี ซึ่งเรา สามารถสร้างเว็บไซต์ได้อย่างง่ายดาย โดยผู้ใช้สามารถปรับแต่งลักษณะของเว็บไซต์ได้ ตามความต้องการ สามารถรวบรวมความหลากหลายของข้อมูลไว้ในที่เดียวได้ เช่น วีดิโอ ปฏิทิน การนำเสนอ เอกสาร และข้อความ รวมไปถึงความสามารถในการ กำหนดความเป็นส่วนตัวของเว็บไซต์ด้วย ซึ่งทางผู้จัดทำคาดหวังว่า เอกสารนี้จะเป็นประโยชน์อย่างยิ่งให้แก่นักเรียนไม่ มากก็น้อย หากมีข้อผิดพลาดประการใดทางผู้จัดทำต้องขออภัยมา ณ ที่นี้ด้วย ก

สารบัญ หน้า คํานํา ก สารบัญ ข รู้จักกับ Google Sites 1 เริ่มต้นการสร้างเว็บไซต์ด้วย Google Sites 2 การแทรกลิงค์ไปยังหน้าเว็บย่อย 4 การเพิ่มหน้าเว็บ 6 การแทรกเอกสารจาก Google Drive 7 เทคนิคการปรับแต่งเว็บไซต์ 11 การเผยแพร่เว็บไซต์ 12 กิจกรรมท้ายบทเรียน 14 ข

รู้จักกับ Google Sites Google Sites คือโปรแกรมของ Google ที่ให้บริการสร้างเว็บไซต์ฟรี สามารถ สร้างเว็บไซต์ได้ง่าย ปรับแต่งรูปลักษณ์ได้อย่างอิสระ ประโยชน์ของ Google Sites 1. สามารถสร้างเว็บได้ โดยไม่จำเป็นต้องรู้เรื่อง html 2. สามารถเผยแพร่ข้อมูลที่เป็นประโยชน์ หรือบทเรียนใน Google Sites ได้ 3. มีพื้นที่ให้บริการเยอะเลย 100 เมกะไบต์ ต่อ Sites 4. สร้างหน้าเว็บย่อยเพื่อให้เนื้อหาน่าสนใจ 5. สามารถกำหนดสิทธิ์ให้เว็บไซต์เป็นส่วนตัวหรือสาธารณะได้ การเข้าใช้งาน Google Sites สามารถ Login เข้าใช้งานได้ที่ https://sites.google.com/new 1

เริ่มต้นการสร้างเว็บไซต์ด้วย Google Sites 1. คลิกปุ่ม เพื่อสร้างเว็บไซต์ 2. กรอกชื่อเว็บไซต์ 3. ใส่รูปภาพแบนเนอร์ 1 2 2 คลิกเพื่อเลือกรูปภาพหรือค้นหารูปภาพจาก Google คลิกเพื่อใส่รูปภาพที่ดาวน์โหลดมา 3

4. วิธีการแทรกกล่องข้อความ โดยคลิกที่กล่องข้อความ แล้วเพิ่มข้อมูลที่ต้องการ 5. วิธีการแทรกรูปภาพ โดยคลิกที่รูปภาพ สามารถเลือกอัปโหลดรูปภาพที่ตอง การ หรือภาพที่ Google Sites มีให้ได้ และสามารถปรับขนาดของภาพได้ตาม ต้องการ 4 5 3

การแทรกลิงก์ไปยังหน้าเว็บย่อย การแทรกหน้าเว็บ คือ การกำหนดส่วนของข้อความ หรือรูปภาพที่ได้เลือกไว้ เพื่อ เป็นจุดเชื่อมโยงไปยังเนื้อหาจุดอื่น ๆ ซึ่งเนื้อหาที่เชื่อมโยงไปนั้นจะอยู่คนละหน้า หรือ อาจอยู่คนละเว็บไซต์ก็ได้ขั้นตอนมีดังนี้ 1. คลิกเลือกข้อความหรือรูปภาพที่ต้องการแทรกหน้าเว็บ 2. แทรกลิงก์ 3.คัดลอก URL ของเว็บไซต์ที่ต้องการแทรก 1 2 3 4

4. ใส่ Link URL ลงในช่องลิงก์ 5. คลิก “ใช้ ” 4 5 5

การเพิ่มหน้าเว็บ การเพิ่มหน้าเว็บ เป็นการเพิ่มหน้าเว็บสำหรับเนื้อหาเพิ่มเติม แล้วเก็บข้อมูลที่ เกี่ยวข้องไว้ด้วยกันโดยการวางซ้อนหน้าเว็บ จากนั้นหน้าเว็บที่ซ้อนกันจะปรากฏเป็น หัวข้อย่อยของหน้าเว็บอื่น ขั้นตอนมีดังนี้ 1. คลิกแท็บ “หน้าเว็บ” 2. คลิกปุ่ม “+” เพื่อเพิ่มหน้าเว็บใหม่ 3. หลังจากคลิก + หน้าต่างหน้าเว็บใหม่จะเด้งขึ้นมา ตั้งชื่อเมนูเพื่อเพิ่มหน้าเว็บ 4. คลิก “เสร็จสิ้น” 1 2 6 3 4

การอัปโหลดไฟล์และแทรกเอกสารจาก Google Drive 1. เข้าใช้งาน Google Drive โดยใช้ลิงก์ https://drive.google.com/drive/my-drive 2. คลิก + ใหม่ 3. คลิกอัปโหลดไฟล์ 2 3 7

4. เลือกไฟล์หรือโฟลเดอร์ที่ต้องการอัปโหลด 5. คลิก Open 6. คลิกไฟล์ที่ต้องการกำหนดสิทธิ์เข้าถึง -->> คลิกเมาส์ขวา 5 6 4 8

7. คลิก “แชร์” 8. กำหนดสิทธิ์ให้ผู้ที่มีลิงก์สามารถอ่านได้อย่างเดียว 9. เสร็จสิ้น 7 8 9 9

10. เข้าไปที่หน้า Google Sites -->> คลิก “ไดร์ฟ” 11. เลือกไฟล์ที่ต้องการแทรก 12. คลิก “แทรก” 10 12 11 10

เทคนิคการปรับแต่งเว็บไซต์ 5 เทคนิค การปรับแต่งเว็บไซต์ให้สวยงาม ดังนี้ 1.ออกแบบเว็บไซต์ ให้เรียบง่าย ข้อมูลและรูปภาพควรความโดดเด่นกว่าสิ่งอื่นโดยรอบ ไม่ว่าจะด้วยขนาด สี หรือการจัดตำแหน่ง จะทำให้เว็บไซต์สามารถดึงสายตาของผู้ชมไว้ได้ โดยที่ องค์ประกอบอื่นๆ ในภาพจะไม่ดูขัดแย้งกัน 2. เลือกใช้สีให้เหมาะสมกับเว็บไซต์ แต่ละสีนั้นให้ความรู้สึกที่แตกต่างกันต่อผู้เข้าชม นอกจากเลือกให้เข้ากับ เว็บไซต์แล้วยังต้องเลือกให้มีความสมดุลในการจับคู่สีด้วย 3. ใช้รูปภาพที่ดึงดูดความสนใจ ควรเลือกรูปภาพที่โดดเด่นและมีความคมชัด 4. เลือกฟอนต์ให้อ่านง่าย ควรเลือกใช้ขนาดของฟอนต์สี ความหนา ความเอียง และการจัดช่องไฟ ให้ อ่านง่าย 5. ใช้ภาษาที่เข้าใจง่าย ใช้ภาษาเข้าใจง่าย ชัดเจน ตรงประเด็น เนื้อหาครบถ้วนแต่ไม่ยืดเยื้อ 11

การเผยแพร่เว็บไซต์ 1. คลิกที่ “เผยแพร่” 2. ใส่ชื่อที่อยู่เว็บไซต์ 3. “เผยแพร่” 1 2 3 12

4. คลิกที่ 5. กำหนดเว็บไซต์ที่เผยแพร่ให้เป็น “สาธารณะ” และกำหนดสิทธิ์ให้ผู้ที่มีลิงก์ สามารถอ่านได้อย่างเดียว 6. เสร็จสิ้น 4 5 6 13

กิจกรรมท้ายบทเรียน คำชี้แจง ให้นักเรียนสร้างเว็บไซต์เกี่ยวกับวัดในจังหวัดเชียงใหม่ โดยกำหนดให้มีข้อมูล ดังนี้ 1) ข้อมูลทั่วไป 2) Google Map ระบุสถานที่ตั้งของสถานที่นั้น 3) มีรูปภาพประกอบและตกแต่งให้สวยงาม 4) แทรกเอกสารจาก Google Drive 14