คู่มือการจัดทำสื่อและการเรียนรู้แบบ online ด้วยโปรแกรม Google Sites

คมู่ ือการจดั ทาสอื่ และการเรยี นรูแ้ บบ online ด้วยโปรแกรม Google Sites กลุ่มส่งเสรมิ การศกึ ษาตามอัธยาศัย สานักงานสง่ เสริมการศึกษานอกระบบและการศกึ ษาตามอธั ยาศยั จงั หวดั หนองคาย สานกั งานส่งเสรมิ การศึกษานอกระบบและการศกึ ษาตามอธั ยาศยั สานักงานปลดั กระทรวงศกึ ษาธิการ กระทรวงศึกษาธิการ

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

สารบญั สารบัญ……………………………………………………………………………………………………………………….....… หนา้ Google Site คอื อะไร.................................................................................................................... ก การสร้าง Site........................................................................................................................... ...... 1 การใช้งาน Theme......................................................................................................................... 2 การแก้ไขการออกแบบ Site.............................................................................................................. 4 การเพิ่มหนา้ เพจ ............................................................................................................................. . 6 คณะผู้จดั ทา 16

Google Sites คือ อะไร Google Sites คือ โปรแกรมของ Google ท่ีให้บริการสร้างเว็บไซต์ฟรี ส า ม า ร ถส ร้ า ง เ ว็ บ ไ ซ ต์ ไ ด้ ง่ า ย ป รั บ แต่ ง รูปลักษณ์ได้อย่างอิสระและสามารถรวบรวม ความหลากหลายของขอ้ มลู ไว้ในที่เดียว เช่น วีดิโอ, ปฏิทิน, เอกสารอื่นๆ ทาให้ช่วย อานวยความสะดวกได้เป็นอย่างมากในการ แก้ไขหน้าเว็บ จะเป็นกลุ่ม หรือ ท้ังองค์กรก็ ได้ ข้อดขี อง Google Sites - Google sites สามารถรวมเอกสาร งาน นาเสนอ สเปรดชีต วิดีโอ ภาพสไลด์ เพ่ือ ชว่ ยในทางานอยา่ งเป็นระเบยี บ - มเี ทมเพลตให้เลือกหลากหลาย - สามารถเขา้ ถึงไดท้ ุกทีท่ ีม่ ีอินเตอรเ์ นต็ - ทางานได้หลายระบบปฏิบัติการ เช่น Window, Mac, Linux โดยการทางานผ่านบ ราวเ์ ซอรต์ ่างๆ - ระบบมีความรักษาความปลอดภัยที่ดี โดย ผู้ดู แลร ะ บ บส า ม าร ถจัด กา รสิ ท ธิ ในกา ร แบง่ ปนั ไซต์ได้ - ให้บริการฟรีไม่เสียค่าใช้จ่ายพ้ืนที่จัดเก็บ 10GB -1- - ขนาดไฟล์ทีใ่ ช้ในการจัดเกบ็ สงู สุด 10 MB

Google Sites : การสรา้ ง Site 1. สมคั รเข้าใช้งาน โดยเขา้ ไปที่ URL: www.google.com/sites แลว้ ลงชอ่ื เขา้ ใช้ Gmail โดยกรอก Email และ Password 2. เลือกปมุ่ “สร้าง” -2-

Google Sites : 3. เลือกเทมเพลตที่จะใชห้ ากต้องการเลอื กดูเทมเพลตอ่นื ๆ ให้คลิกที่ “เลือกดเู พิ่มเติมในแกลเลอรี่” ซ่ึงในท่นี ้ีจะเลอื กเป็นแบบแมแ่ บบวา่ งเปล่า 4. ตัง้ ช่ือไซต์ (title) ของคุณสาหรับส่วนของตาแหนง่ ไซต์ Google sites จะทาการต้ังให้โดยอัตโนมัติ 5. เลอื กธีมแสดงในเว็บไซต์ ซึ่งสามารถปรบั เปลี่ยนในภายหลังได้ 6. ตัวเลือกเพ่ิมเติม ส่วนนีจ้ ะใหใ้ ส่คาอธบิ ายเว็บไซต์และมีให้เลอื กวา่ เนื้อหาภายในเวบ็ ไซตเ์ หมาะสาหรบั ผู้ใหญ่เท่านน้ั 7. พิมพร์ หัสตามท่ีปรากฏเพ่ือยนื ยันว่าเปน็ มนษุ ย์ไม่ใช่ Bot ของ Google หรอื Spam จากเวบ็ ตา่ งๆ 8. คลปิ ปุม่ “สรา้ ง” 9. เม่ือสรา้ งไซต์เสรจ็ แลว้ จะ ปรากฏหน้าตาเวบ็ ไซต์ดังภาพ จากนั้น เร่ิมตกแตง่ เว็บไซต์ -3-

Google Sites : การใชง้ าน Theme 10. ตกแตง่ เว็บไซตโ์ ดยการเปลย่ี น T เพือ่ ให้เว็บไซต์มีรปู แบบแสดงที่สวยง โดยคลิกเลอื ก “เพิม่ เตมิ ” 11. เลือกจดั การไซต์ -4-

Google Sites : 12. สงั เกตเมนดู ้านซ้ายเลือก “ธีม” 13. เลือกธมี ได้ตามท่ีต้องการ หากต้องการเลอื กดตู วั อย่างให้คลิก “ดู ตัวอยา่ ง” หรือหากไม่ตอ้ งการดตู ัวอย่างคลกิ “บันทึก” 14. คลกิ ทช่ี ื่อไซตเ์ พื่อกลับไปยังหน้าเวบ็ ไซต์ -5-

Google Sites : การแกไ้ ขการออกแบบไซต์ แถบเคร่ืองมือมุมขวาของหน้่า site ประกอบไปด้วย 1. รายการ แทรก จะประกอบไปด้วยเคร่อื งมือ - ชอ่ งข้อความ สาหรบั เพมิ่ ข้อความลงในเพจ - รปู ภาพ สาหรับการเลอื กภาพ แทรกลงในหน้าเพจ 2. รายการ หน้าเว็บ - ฝงั สาหรับวาง url หรือ แทรก จะประกอบไปดว้ ย รายการ tag html ลงในหน้าเพจ ยอ่ ยของแตล่ ะหน้าเพจที่เราสรา้ ง - อัปโหลด สาหรบั อัปโหลดไฟล์ เพ่อื เลอื กเขา้ ไปแก้ไขตกแต่งหนล้างในหนา้ เพจ เพจ 3. รายการ ธีม เป็นรายการสาหรบั เลอื ก รปู แบบธมี ของหน้าเพจที่ต้องการ -6-

Google Sites : ในรายการแทรก เรายังสามารถเพมิ่ เตมิ ส่ิงต่าง ๆ เหล่าน้ีลงไปเพ่ิมในหนา้ เพจ ได้อีก - จากไดรฟ์ สามารถเพิ่มข้อมูล จาก Google Drive - YouTube สาหรับแทรก วดิ โี อ จาก YouTube ลงในเพจ - ปฏทิ นิ สาหรักปฏิทินลงในหน้า เพจ - แผนที่ สาหรับแทรก แผนท่ี ลงใน หน้าเพจ - เอกสาร สาหรับแทกเอกสารลง ในหนา้ เพจ ส่วนดา้ นลา่ งของภาพหัวข-อสงไเพลดจ์หสลาักหรจบั ะแมที รกสไลดล์ งใน รายการให้เราปรับแกห้ ดนงั ้านเพี้ จ - ซตี สาหรบั แทรก ซีต ลงในหน้า 1. เปล่ียนรูปภาพ เสพาจมารถอัปโหลดรปู ภาพ 2. ประเภทส่วนหวั รายการสาหรบั กาหนดรปู แบบ สว่ นหัวของเพจหลักหลัก -7-

Google Sites : 1. สาหรบั ยกเลิกการทางานล่าสุด 2. แสดงตวั อยา่ ง สาหรบั ดูตัวอยา่ งหน้าเวบ็ 3. แชรก์ บั ผูอ้ ่ืน เป็นการเชญิ ผ้อู น่ื ใหส้ ามารถทางานรว่ มกันได้ 4. เผยแพร่ สาหรบั เผยแพรเ่ วบ็ เมอ่ื เรียบรอ้ ยสมบูรณ์ การเพิม่ หน้าเพจ ให้คลกิ ทีเ่ ครื่องหมายบวกท่ีตาแหน่ง ทา้ ยเวบ็ จะมีกล่องเคร่ืองมือขน้ึ มาให้เราระบุ ชือ่ หน้าเพจ ทีจ่ ะ เพม่ิ คลิก เสรจ็ สน้ิ เราจะไดห้ นา้ เพจใหม่ เพ่ือทาการปรบั แตง่ -8-

คณะผจู้ ัดทา ที่ปรกึ ษา ผู้อานวยการสานักงาน กศน.จังหวดั หนองคาย นายปณุ ณรัตน์ ศรีทาพุฒ รองผ้อู านวยการสานักงาน กศน.จงั หวัดหนองคาย นางสาวปาริชาติ ไชยสถติ ย์ หวั หนา้ กล่มุ ส่งเสริมการศึกษาตามอัธยาศัย คณะผจู้ ัดทา นกั วิชาการศกึ ษา นางเสมอแข เสตฐา บรรณารกั ษ์ชานาญการ นางสาววรกาญจน์ ราศรี นกั เทคโนโลยีสารสนเทศ นางสาววรุณยภุ า นาเกลอื บรรณารักษ์ นายจุมพล ขัมภรัตน์ นางสาวจนั ทิญา ชมภูจันทร์ นกั วชิ าการศกึ ษา จัดพมิ พ/์ รูปเล่ม นางสาววรกาญจน์ ราศรี สอบถามเพมิ่ เตมิ วรกาญจน์ ราศรี E-mail : [email protected] Tel : 0-4241-2000

สานกั งานสง่ เสริมการศึกษานอกระบบและการศกึ ษาตามอธั ยาศยั จงั หวดั หนองคาย สานกั งานส่งเสรมิ การศกึ ษานอกระบบและการศกึ ษาตามอธั ยาศยั สานกั งานปลัดกระทรวงศึกษาธิการ กระทรวงศึกษาธกิ าร