Google site -doc

การออกแบบสือ่ การเรยี นการ สอนโดยใช้ Google site ยุคหลัง Covid-19

การสร้างเว็บไซตด์ ว้ ย Google Site 4 Step Google Site Google Sites คือโปรแกรมหน่ึงของ บริษัท Google ท่ีเปิดให้ 1 สมัครเข้าใชง้ าน Google สมาชิกของ Google สามารถสร้างเว็บไซต์ของตนเองได้ฟรี โดย การ สร้างเว็บไซต์ด้วย Google Site น้ันทาได้ง่าย เหมือนกับ 2 เลือกใชบ้ ริการ Google Site การแก้ไขเอกสารธรรมดาๆ ชิ้นหนึ่งผู้ใช้สามารถปรับแต่ง รูปลักษณ์ของเว็บไซต์ได้อย่างอิสระ และมีข้อมูลท่ีหลากหลาย 3 สร้างเว็บไซต์ ใสข่ ้อมูลในเวบ็ ไซต์ รูปแบบ เชน่ ขอ้ ความ วดิ ีโอ ปฏิทนิ เอกสาร ไฟลง์ าน ฯลฯ อีกทงั้ 4 เผยแพร่เว็บไซต์ ยังสามารถกาหนดให้ผู้อื่น เข้ามาร่วมจัดการเว็บไซต์ร่วมกัน รวมไปถึง สามารถกาหนดให้เว็บไซต์ เป็นส่วนตัวหรือ สาธารณะ ก็ไดอ้ กี ดว้ ย

ข้นั ตอนการสรา้ งเวบ็ ไซตด้ ว้ ย Google site กอ่ นที่จะใช้งาน Google Site จะตอ้ งมอี ีเมล์ของ Google หรือ gmail น่นั เอง เมื่อไดอ้ เี มล์แลว้ ก็ให้ login หรอื ลงชอื่ เข้าใชใ้ ห้เรียบร้อย

ขั้นตอนการสรา้ งเวบ็ ไซตด์ ้วย Google site 1. เขา้ ไปท่ี Google Drive (เข้าสรู่ ะบบ ดว้ ยบัญชี Google ให้เรียบร้อยกอ่ น) 2. คลิกขวา (เลอื กพืน้ ที่ว่างๆ) เลือก “เพ่มิ เติม” แล้วเลือก “Google Site”

3. เพยี งเทา่ นี้กไ็ ดเ้ วบ็ ไซตท์ ่พี รอ้ มให้ปรบั แต่งแลว้

การจดั การหวั เว็บ (Banner) หัวของเว็บไซต์ (Banner) เราสามารถจัดการได้ 2 ส่วน ส่วนแรก คอื การแทรกรปู ภาพ และสว่ นที่สอง คือ จัดการรปู แบบของหวั เว็บ ดังตอ่ ไปน้ี

การจดั การหัวเว็บ (Banner) เมอ่ื คลกิ เปล่ยี นรปู ภาพ จะมหี น้าตา่ ง Gallery รปู ภาพมาใหเ้ ลอื กซึ่งโปรแกรม กาหนดมาให้ แตถ่ ้าเราต้องการใชภ้ าพของเราเองที่มีอยู่ในเคร่อื ง Computer เราจะต้อง Upload ภาพขน้ึ ไปในระบบก่อน โดยคลกิ ทแ่ี ถบ “อปั โหลด”

เลอื กโหมดรปู ภาพตามต้องการ

การจดั การหวั เว็บ (Banner) 12 34 ถา้ คลิกที่ “Header type” จะปรากฏตัวเลือกขึ้นมาตามภาพ 1 แสดงภาพแบนเนอร์ขนาดใหญ่มาก 2 แสดงภาพแบนเนอร์ขนาดใหญ่ 3 แสดงภาพแบนเนอร์ขนาดเลก็ 4 แสดงแต่ขอ้ ความ

เมอื่ เปลยี่ นรูปแลว้ ใหเ้ ปล่ยี นขอ้ ความด้านบน จากคาวา่ “ช่อื ของหนา้ ” เปน็ คาอื่น ๆ ตามชอ่ื เวบ็ ของเรา โดยเม่อื คลกิ ท่ขี ้อความ เราสามารถพิมพข์ ้อความ ใหม่ลงไปแทนที่ได้เลย แล้วเลอื ก Font ขนาดตวั อักษร และจัดรปู แบบข้อความ ชิดซา้ ย ชดิ ขวา ฯลฯ คลิกเพิ่มช่อื Site

หรอื จะเปล่ยี นรปู แบบข้อความให้เป็นแบบ ชื่อเร่ือง สว่ นหัว สว่ นหวั ยอ่ ย เล็ก คลิกเปลีย่ นรปู แบบเพม่ิ ข้อความ

หรอื ถา้ ต้องการใส่ Link ให้คลิก ไอคอน Link จากนัน้ กรอก link website ลงไป ในชอ่ ง link ลากคลมุ ข้อความกดปมุ่ Link ใส่ Link เพอ่ื เชือ่ มโยงไปยังเวบ็ ไซตท์ ่ีต้องการ

กดปุ่ม Preview ด้านบน

จะแสดงตวั อยา่ งใหเ้ ราดู ซึง่ มี 3 รปู แบบในการแสดงผล 1 แสดงตวั อยา่ งในรปู แบบของมอื ถอื 123 2 แสดงตัวอย่างในรูปแบบของแท็บเล็ต 3 แสดงตัวอยา่ งในรูปแบบของหน้าจอคอมพิวเตอร์

ขน้ั ตอนการใส่ข้อความลงในเว็บไซต์ ใสข่ ้อความ หรอื คาอธิบายตา่ ง ๆ ในเว็บไซต์ ให้คลกิ ทีป่ มุ่ กลอ่ งขอ้ ความ 1 คร้ัง จะปรากฏกล่องข้อความขึ้นมา แลว้ พิมพข์ อ้ ความลงไปและสามารถ ปรบั ขนาด กล่องข้อความได้ ปรับรปู แบบข้อความตามตอ้ งการ คลิกเคร่ืองมอื กลอ่ งข้อความ พมิ พข์ อ้ ความลงไปในกลอ่ งข้อความ

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

ขั้นตอนการแทรกวดิ โี อประกอบในเวบ็ ไซต์ การ Insert คลปิ Video มาแสดงบนเวบ็ เพจ เชน่ คลิปวดิ โี อทีน่ า่ สนใจ จากเวบ็ ไซต์ Youtube ทาไดโ้ ดยการคลิกทป่ี ุม่ ฝัง (Embedded) แลว้ วาง Link ลงไป วาง Link วิดโิ อลงไป แลว้ กด แทรก แทรก VDO กดปุ่ม ฝงั

การเพ่ิมหน้าเพจเวบ็ ไซต์ ให้มีเมนู หรือหน้าเวบ็ ไซตม์ ากข้นึ ใหเ้ ลือกแถบเครอื่ งมือ หน้าเวบ็ แลว้ ตั้งช่ือ หน้าเพจ แล้วสรา้ งหน้าไดต้ ามต้องการ คลกิ แท็บหนา้ เว็บ ต้ังช่ือเมนู ตัง้ ชื่อเสน้ ทาง (เป็นภาษาองั กฤษหรอื ตวั เลข)

การเพิ่มเมนูย่อย คลกิ แทบ็ จุด 3 จดุ เลอื กเพิม่ หนา้ ยอ่ ย

การเพิม่ เมนยู ่อย จะปรากฎเมนยู อ่ ย ตง้ั ชือ่ เมนูยอ่ ย ตง้ั ช่ือเส้นทาง (เป็นภาษาอังกฤษหรอื ตวั เลข)

ข้นั ตอนการเผยแพรเ่ วบ็ ไซต์ กดปุ่มเผยแพร่ (Publish) ตั้งช่อื Link เวบ็ ไซต์ ของเราเอง (เปน็ ภาษาอังกฤษหรอื ตวั เลข) กดปมุ่ บนั ทึก

ข้นั ตอนการเผยแพร่เวบ็ ไซต์ กดปุ่ม ดูเว็บไซต์ที่เผยแพร่

ขนั้ ตอนการเผยแพรเ่ ว็บไซต์ การสรา้ งเวบ็ ไซตด์ ว้ ย Google site มขี ัน้ ตอนท่ีไมย่ ุง่ ยาก ใคร ๆ ก็สามารถมีเวบ็ ไซต์ ของตนเองได้ มีผลสรปุ ว่ามีขอ้ ดี จดุ เดน่ มากมาย ดังน 1. สามารถทาหนา้ เวบ็ เพจของตวั เองไดง้ ่าย ใชง้ านสะดวกโดยไมจ่ าเปน็ ตอ้ งมคี วามรู้เร่ือง html 2. สามารถเผยแพร่ข้อมลู ทเี่ ป็นประโยชน์ และเปน็ ความรู้ หรือบทเรียนอะไรก็ได้ 3. มีพื้นท่ีฟรถี งึ 100 เมกะไบต์ ต่อ site 4. สามารถเลอื กรูปแบบ Theme สาเรจ็ รูปไดม้ ากมาย 5. รปู แบบไซตเ์ ปน็ แบบมาตรฐานของเวบ็ ไซตท์ ว่ั ไป 6. พฒั นาได้งา่ ย ปรบั ปรุงรูปแบบง่าย ปรบั แต่งข้อมลู แบบออนไลน์ 7. สามารถทีจ่ ะเกบ็ ไฟล์ภาพ หรือไฟลช์ นดิ ตา่ งๆ ไวใ้ นไซต์ของเราได้ 8. สรา้ ง link ภายในและภายนอกของไซต์ได้ 9. การต้ังค่าสาหรับการเขา้ ถึงและใช้ขอ้ มูลรว่ มกัน 10. เปน็ ทรี่ วมเขา้ กบั เครือ่ งมืออืน่ ๆ ของ Google เพอื่ ให้คณุ สามารถแบ่งปันวิดโี อภาพถา่ ยงานนาเสนอและปฏทิ นิ

ขอบคุณครบั …