คู่มือการใช้ Google site

MCUIT คมู อื การใชงาน Google Site นายนพดล เพญ็ ประชุม | นักวชิ าการคอมพวิ เตอร์

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

  คมู่ ือการใช้งาน Google Site  3  สารบัญ หนา้ คาํ นาํ 2 รูจ้ กั Google Site 4 การเข้าใชง้ าน Google Site 5 การเปล่ยี นช่อื ไซต์ การเพม่ิ และแก้ไข หนา้ เว็บ 8 การแทรกตาราง และ การแทรกรูป การแทรกชอ่ งขอ้ ความ การแทรกคอลมั น์ 20 การแทรกวัตถุ และสือ่ ตา่ งๆ ลงไปใน sites 20 การแทรก Google Docs, Spreadsheets Presentations, and Forms ลงใน sites 22 การ Insert ปฏทิ ินของ Google Calendars 23 การ Insert Google Maps 24 การ Insert gadget 25 การใช้ code html 26 การต้ังคา่ หนา้ เวบ็ 27 สรา้ งเพจเอกสารดาวน์โหลด 28 สร้างหน้าเพจประกาศขา่ วสาร                         กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  4    ร้จู กั กเู ก้ิลไซต์ (Google Sites)  Google Sites ให้บรกิ ารครั้งแรกเม่ือเดือนพฤษภาคม 2551  สรา้ งเว็บไซตไ์ ด้สดุ แสนจะงา่ ยดาย ใช้เวลาก่นี าทกี โ็ ชว์ผลงาน  ไม่จาํ เป็นต้องรู้ภาษาเขียนเว็บ (HTML) ให้ปวดหวั แคใ่ ช้เวิรด์ พิมพ์งานเป็นก็เริ่มได้เลย แถมเมนูเป็น ภาษาไทยอกี ต่างหาก  มีแบบเทมเพลตสาเรจ็ รูปให้เลอื กมากมาย คลา้ ยๆ กับแบบสาเรจ็ เพาเวอร์พอยต์  สามารถแชรเ์ วบ็ ให้เพือ่ นๆ รว่ มสร้างสรรค์ได้  เป็นระบบที่ครอบคลมุ เอามาใชด้ ้วยกันได้เลย เชน่ อเี มล์ (Gmail) ปฏิทิน (Calendar) เอกสาร (Documents) ยทู ูบ (YouTube) อัลบม้ั ภาพ (Picasa) แผนที่ (Map) ฯลฯ นี่คือสิ่งท่ีคณุ สามารถดําเนนิ การไดก้ บั Google Sites:  กําหนดรูปลกั ษณ์ของเวบ็ ไซตข์ องคณุ  สร้างเพจย่อยเพอ่ื ให้เนอ้ื หาของคุณน่าสนใจ  เลือกประเภทเพจ, เวบ็ เพจประกาศ, ตเู้ ก็บเอกสาร  ให้เน้อื หาในเวบ็ ของคณุ เช่น วิดีโอ, เอกสารออนไลน,์ Picasa แสดงสไลดภ์ าพถ่าย, gadgets iGoogle และไฟลแ์ บบออฟไลน์ในตาํ แหนง่ กลางหนง่ึ  ใหเ้ วบ็ ไซต์ของคณุ เปน็ ส่วนตัวหรือสาธารณะตามทค่ี ุณตอ้ งการ  คน้ หาใน Google เนือ้ หาของเว็บไซต์ท่มี เี ทคโนโลยีการคน้ หา Google  เรียนรูพ้ ้ืนฐานของ Google เว็บไซต์และเริ่มต้นสรา้ งเว็บไซตข์ องคุณเองการใชง้ าน Google site  Google Sites เปน็ แอปพลิเคชันออนไลน์ท่ีทาใหก้ ารสรา้ งเว็บไซต์ของทีมกลายเป็นเร่อื งงา่ ย  แก้ไขเอกสาร เมอื่ ใช้ Google Sites ผู้คนสามารถรวบรวมขอ้ มูลทีห่ ลากหลายไว้ในทีเ่ ดียวไดอ้ ย่าง รวดเร็ว ได้แก่ วดิ ีโอ ปฏทิ ิน งานนําเสนอ ไฟลแ์ นบ และข้อความ และสามารถใชง้ านรว่ มกับกล่มุ เล็กๆ ทั้งองค์กรหรอื ท้ังโลก เพอื่ ดหู รอื แก้ไขไดอ้ ย่างง่ายดาย  Free Accountไวท้ ี่100 MB o พน้ื ท่ีจัดเกบ็ 10 Gb* (GB=กิกะไบต์) o ขนาดไฟลส์ ูงสุด 10 MB (MB=เมกกะไบต)์ o จํานวนหน้าเว็บเพจไมจ่ ากัดการใชง้ าน Google site  * เฉพาะพ้ืนทเี่ ว็บไซตไ์ มเ่ กิน 100 MB แต่หากรวมเป็นสมาชิกบริการอืน่ ๆ ของกูเกิล้ ตัวอื่นๆ เชน่ ยูทูบ ( YouTube), ไดรฟ (Drive), ปฏทิ ิน (Calendar), อลั บัม้ ภาพ (Picasa) แลว้ ไม่เกิน 10 GB   กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  5   การเขา้ ใชง้ าน google site สามารถล็อคอนิ เข้าใช้งานได้ที่ URL mail.mcu.ac.th หรือ accounts.google.com กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  6 เร่มิ ตน้ ใช้โดยไปที่ แลว้ เลือก “ไซต์” การเลอื กเทมเพลต(แม่แบบ)ของเว็บไซต์ กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

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

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

  คมู่ ือการใช้งาน Google Site  9 หากต้องการแก้ไข้หน้าให้คลกิ รูปดนิ สอ และ ถ้าต้องการเพิ่มหน้าเพจให้คลกิ รูปกระดาษ การเปล่ียนฟรอ้ นตวั อักษรและขนาด กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  10  คณุ สามารถเลอื กประเภทของตัวอักษร Front และขนาดท่ใี ชเ้ มนแู บบเล่ือนลง และ พมิ พต์ วั หนาและตัวเอียง ขีดเส้นใตข้ ้อความและเปล่ยี นสขี องขอ้ ความหรือพน้ื หลัง ดงั จะเห็นคาส่งั ตอ่ ไปนี้ B การพิมพ์ตัวหนา I ตวั เอียง U ขดี เส้นใตข้ อ้ ความท่ี U A สขี องข้อความการเปลี่ยนแปลง กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  11  สามารถท่ีจะเน้นข้อความท่ีคณุ ต้องการและจะเปลี่ยนเป็ นลงิ ก์และ คลกิ ท่ีป่ มุ เช่ือมโยงส ู่ link ท่ีคณุ ต้องการได้ เชน่  URL , Email  ,Bookmark ซง่ึ จะปรากฏ หน้าตา่ งขนึ ้ มาพร้อมกบั ตวั เลือกเหลา่ นี ้ หลงั จากนนั้  ก็คลกิ ้ ท่ีป่ มุ  OK เพ่ือยืนยนั การทํางาน กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  12  การแก้ไขการออกแบบ เปน็ การแก้ไขในส่วนรายละเอียด ในส่วนหวั การนําทางในแนวนอนแถวด้านขา้ ง ส่วนทา้ ยทกี่ ําหนด เองได้ ดงั ตอ่ ไปน้ี กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  13  กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  14  การนําทางแนวนอน –ในส่วนนเ้ี ปน็ คาํ สงั่ ทเี่ ราสามารถเลอื กได้ว่า ต้องการท่เี ลอื กปุ่มการนําทางของเพจของ เราในบรเิ วณด้านซ้าย เป็นลกั ษณะแนวนอนได้ และสามารถปรบั แต่งแกไ้ ขได้ โดยคลกิ ที่ ปุ่มคาํ สั่ง เครือ่ งหมายอกั ษร + แถบดา้ นข้าง – เป็นส่วนที่มคี วามสามารถคล้ายๆกับคาสงั่ ทง้ั 2 ขอ้ ที่กล่าวมาสามารถเลือกไดว้ า่ ต้องการแสดง หรือไมก่ ไ็ ด้ โดยคลิกท่ี ปมุ่ คําสั่ง เครื่องหมายอักษร + และสามารถเลือกองค์ประกอบใหม่ๆ ได้จากคาํ สั่งนี้ โดย คล้กิ ท่ปี ุ่ม เพิ่ม ตัวอยา่ งการเพ่มิ คําส่งั ในรูปแบบตา่ งๆจะปรากฏขึ้นในรูป และสามารถแกไ้ ขให้ปุม่ อยูท่ างด้านซา้ ยหรือขวากไ็ ด้ พรอ้ มปรับขนาดความกวา้ งไดต้ ามความเหมาะสม โดย คลกิ ทีเ่ ครือ่ งหมายดินสอ กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  15  ตั้งคา่ Sidebar แลว้ คลิกปมุ่ “ตกลง” กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  16  การแก้ไขโครงสรา้ งหนา้ เว็บ กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

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

  คมู่ ือการใช้งาน Google Site  18  กาํ หนดค่าสว่ นหัวของไซตใ์ ห้ตรงกบั ท่เี ราออกแบบ กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  19  กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  20  การแทรกวัตถุ และสอ่ื ตา่ งๆ ลงไปใน sites การ Insert เพ่อื เริ่มตน้ การใสว่ ัตถุและสอื่ ต่างๆ ลงไปใน sites ของคณุ เพยี งคลิก แก้ไขหน้า เลอื ก Insert และเลอื กวัตถหุ รอื app ท่ีคุณตอ้ งการแทรกเช่น Presentation Google Docs เป็นต้น การจดั รปู แบบ ตารางและการออกแบบสามารถทําไดโ้ ดยการคลกิ แทบ็ ตา่ งๆ กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  21  กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  22  การ Insert ปฏทิ ินของ Google Calendars กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  23  การ Insert Google Maps กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  24  การ Insert gadget คลิกทีแ่ ทรก และคลิกเลอื กแกตเจ็คอ่นื ๆ กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  25  ผลการแสดงหน้าเวบ็ ไซต์ การใช้ code html เราสามารถใส่ html (โค้ด iframe) สาํ หรับตดิ เวบ็ ไซต์ เพื่อแสดง ราคาน้าํ มนั ราคาห้นุ ราคาทอง อัตราแลกเปลย่ี น ราคาดัชนหี ุ้น พยากรณอ์ ากาศ และอืนๆ จากนัน้ copy code ที่อยใู่ นคาํ สง่ั Copy this HTML code ทัง้ หมด กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  26  คลกิ ท่ีรูปฟันเฟื่ อง แล้วคลกิ การตงั้ คา่ หน้า การต้งั คา่ หน้าเว็บ กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  27  สร้างเพจเอกสารดาวน์โหลด(ตู้เกบ็ เอกสาร) ตู้เก็บเอกสาร ใช้สาหรับอพั โหลดไฟลต์ า่ งๆ เชน่ รูปภาพ , เพลง และอ่นื ๆ ซงึ่ สามารถแชรใ์ หค้ นอน่ื ดาวน์โหลดได้ - คลกิ ที่กระดาษ   กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร   

  คมู่ ือการใช้งาน Google Site  28  สร้ างหน้ าเพจประกาศข่ าวสาร ประกาศ ใชใ้ นการประกาศข้อความ หรือ แสดงบทความต่างๆ - คลกิ ท่ีกระดาษ กล่มุ งานเทคโนโลยีการศึกษา ส่วนเทคโนโลยีสารสนเทศ สํานกั หอสมดุ และเทคโนโลยีสารสนเทศ มจร