คู่มือการใช้งานGOOGle ไซด์

ค่มู อื การใชง้ าน Google Site 0 ค่มู ือการใช้งาน Google Site โดย ครูเทวญั ภูพานทอง โรงเรียนนามนพิทยาคม อาเภอนามน จงั หวดั กาฬสนิ ธ์ุ สานักงานเขตพื้นที่การศึกษามธั ยมศึกษา เขต 24 โดย นายเทวญั ภูพานทอง ครโู รงเรียนนามนพิทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คมู่ อื การใชง้ าน Google Site 1 คมู่ ือการใชง้ าน Google Site การสรา้ งไซต์ การทจ่ี ะใช้งาน Google Site ไดน้ ้ัน จะต้องมี Email ของ Google หรอื Gmail หรือ อีเมลข์ อง GoogleApp for Education แลว้ เข้าไปที่ https://sites.google.com โดยผ่านการล็อกอิน กจ็ ะเขา้ มายงั หน้า Google Site จากน้ันกรอก ชอื่ ผใู้ ช้ และ รหสั ผ่าน แล้วคลิกปุม่ ลงช่ือเข้าใช้ เม่ือลงชื่อเขา้ ใช้เรยี บรอ้ ย จะมาที่หนา้ Google site โดย นายเทวญั ภูพานทอง ครโู รงเรยี นนามนพทิ ยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คูม่ ือการใช้งาน Google Site 2 การสร้างไซต์ขึ้นใหม่ ในหนา้ Google Site คลกิ ท่ีปุ่ม สร้าง เลอื กแมแ่ บบว่างเปล่า ใสช่ ือ่ ไซต์ คลิกปุ่ม สรา้ ง จะได้หนา้ เวบ็ ไซตห์ น้าแรกตามภาพ โดย นายเทวญั ภูพานทอง ครูโรงเรียนนามนพทิ ยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คมู่ อื การใชง้ าน Google Site 3 เวบ็ ไซตจ์ ะมีทอี่ ยู่ขึ้นต้นด้วย sites.google.com/a แล้วตามด้วยช่ือไซตท์ ่ีเรากาหนด ดังตัวอย่างเชน่ https://sites.google.com/a/namonpit.ac.th/comkt/ แต่ยังไมใ่ ชท่ ่ีอยู่เวบ็ ที่คนอื่นจะใช้ในการเขา้ การเปล่ียนธมี ของเว็บไซต์ เพือ่ เปล่ียนรปู แบบใหเ้ ว็บไซต์มรี ูปแบบตา่ ง ๆ เลือก (การทางานอื่น ๆ ) เลือก จัดการไซต์ เลือก ธีม สี และแบบอกั ษร อยใู่ นเมนูด้านซา้ ยล่างสดุ คลิกที่ ธมี พนื้ ฐาน เพื่อเลือกใช้ธมี ทม่ี ีอยู่และทาการปรบั แตง่ โดย นายเทวัญ ภูพานทอง ครโู รงเรยี นนามนพทิ ยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คู่มือการใช้งาน Google Site 4 จะเหน็ รายชือ่ ธมี พ้ืนฐานท่มี ีอยใู่ นระบบ ในตวั อยา่ งเลือกแบบ ภูเขาน้าแข็ง หนา้ จอจะแสดงผล หนา้ เว็บท่ใี ช้ธมี ทเ่ี ลือก หากพอใจ กดปุ่ม บนั ทกึ แล้วกดช่ือไซตท์ ่อี ยู่ในรายการ เมนู ดา้ นซ้ายมือ ในตัวอย่างคือ <เรยี นคอม..กบั ครเู ตค้ รบั เพื่อไปปรับแตง่ สว่ นอื่น ๆ การแกไ้ ขข้อมูลหน้าเว็บไซต์ การใส่ข้อมูลต่าง ๆ เชน่ ข้อความ รูปภาพ คลกิ ที่เครื่องมอื รปู ดนิ สอเพ่ือแก้ไขข้อมูลหนา้ เว็บไซต์ โดย นายเทวัญ ภูพานทอง ครโู รงเรยี นนามนพิทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คมู่ อื การใชง้ าน Google Site 5 ใสข่ อ้ มูลในหน้าแรกตามต้องการ จากนั้นกดปมุ่ บนั ทึก การเพ่มิ หน้าเว็บ คลกิ ปุ่มสร้างหนา้ ใส่ชือ่ หน้าเวบ็ แลว้ กดปุม่ สร้าง จะได้หนา้ เวบ็ ใหมพ่ ร้อมรายการเมนดู า้ นซ้ายเพือ่ เขา้ ส่หู นา้ เวบ็ นั้น หนา้ เว็บทส่ี ร้างขน้ึ สามารถใส่ข้อมูล ตา่ ง ๆ เชน่ ข้อความ รูปภาพ และ ลิงค์ต่าง ๆ โดย นายเทวญั ภูพานทอง ครูโรงเรยี นนามนพทิ ยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คู่มอื การใช้งาน Google Site 6 การลบหนา้ เวบ็ กรณสี รา้ งหนา้ มาผิด หรือเกนิ แล้วตอ้ งการจะลบสามารถทาไดด้ ังน้ี คลิกเปิดเข้าไปยงั หน้าที่ต้องการจะลบ เลอื ก การทางานอ่ืน ๆ เลอื ก นาออกหน้าเว็บ แลว้ จะปรากฏหน้าจอสอบถามเพื่อยนื ยันพร้อมระบชุ ื่อหนา้ ท่ีเราต้องการจะลบ กดท่ีปุ่ม ลบ เพ่ือยืนยันการลบ โดย นายเทวญั ภพู านทอง ครูโรงเรยี นนามนพทิ ยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คมู่ ือการใชง้ าน Google Site 7 จากน้ันหนา้ ทีเ่ ลือก กจ็ ะหายไปจากรายการดา้ นซา้ ยมือของหนา้ จอ การเพม่ิ ภาพ การเพิ่มภาพหนา้ เว็บเพจในเวบ็ ไซตข์ องเรา ในตัวอยา่ งนี้ได้สรา้ งหน้าสาหรบั ใสภ่ าพชอ่ื หนา้ กจิ กรรม ทนี่ ่าสนใจ เลือก แทรก เลือก รปู ภาพ จะปรากฏหนา้ จอการเพม่ิ ภาพ ซึ่งมีอยู่ 2 ลกั ษณะ คือ ภาพทีอ่ ัปโหลด และ ทอ่ี ยู่เวบ็ (URL) โดย นายเทวญั ภูพานทอง ครโู รงเรียนนามนพิทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คมู่ อื การใช้งาน Google Site 8 การเพิม่ ภาพทอี่ ัปโหลด คลิกท่ีหน้า ภาพที่อปั โหลด จากน้นั เลอื ก อัพโหลดภาพ เลอื กภาพจากคอมพิวเตอร์ของเรา เลือก เสร็จ กด Open เม่ืออัปโหลดเสร็จจะแสดงภาพ คลิกที่รปู ภาพ แล้วกด ตกลง ภาพจะปรากฏในหน้าเว็บของเรา เสร็จแล้วกด บนั ทกึ โดย นายเทวัญ ภพู านทอง ครโู รงเรยี นนามนพิทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คมู่ ือการใชง้ าน Google Site 9 การเพิ่มภาพจาก URL เปน็ การเพ่ิมภาพท่ีมอี ยู่แล้วบนอินเทอรเ์ นต็ ควรเป็นภาพของเราเอง หรือภาพทไ่ี มม่ ลี ขิ สิทธิ์ ใน ตัวอย่างน้จี ะขอเพ่ิมภาพ ท่ไี ด้อัปโหลดไว้บน Google+ เข้าไปท่ี Google+ แลว้ เลอื กภาพท่ีตอ้ งการจะนามา คลิกขวาทีภ่ าพ และทาการคดั ลอกท่ีต้ังภาพ จากน้ันมาที่หน้าเวบ็ ในไซต์ของเราท่ีต้องการเพ่ิมภาพ คลิกท่ปี มุ่ แทรก เลือก รปู ภาพ ท่เี พิม่ ภาพ เลอื กทอ่ี ย่เู ว็บ (URL) แลว้ วางทอี่ ยู่ภาพที่คดั ลอกมาลงในชอ่ ง URL ภาพ หากถกู ต้องจะ แสดงภาพเสร็จแลว้ กดปุม่ ตกลง โดย นายเทวัญ ภพู านทอง ครโู รงเรยี นนามนพิทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คู่มือการใชง้ าน Google Site 10 ภาพท่เี พ่ิมกจ็ ะมาปรากฏในหน้าเวบ็ ของเรา เมอื่ เรยี บร้อย กด บนั ทึก การปรบั ขนาดภาพ ในกรณีทภี่ าพท่แี รกมาขนาดไมเ่ หมาะสมกบั หนา้ จอ หรอื ขนากของส่วนทจ่ี ะแสดงสามารถปรบั ขนาด ของภาพไดด้ ังนี้ เขา้ ไปยงั หนา้ ทม่ี รี ูปภาพทต่ี ้องการปรับ คลกิ เครือ่ งมือรปู ดินสอ(เครอ่ื งมือแก้ไข) คลิกที่รูปภาพที่ ต้องการปรบั ขนาด 1 ครงั้ จะปรากฏเคร่ืองมือปรับขนาดและกาหนดคา่ รูปภาพที่ด้านล่างของรูปภาพ หากตอ้ งการให้พอดกี ับชอ่ งแสดงภาพ คลิกทปี่ ุ่ม 100% ภาพจะพอดกี บั พ้ืนที่แสดง หรือตอ้ งการขนาดอื่นก็ คลกิ ตามต้องการ จดั ตาแหน่งชิดซา้ ย กงึ่ กลาง หรือชดิ ขวา เสร็จแล้วกดปุม่ บันทึก โดย นายเทวัญ ภูพานทอง ครูโรงเรียนนามนพทิ ยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คู่มือการใชง้ าน Google Site 11 การสรา้ งลิงก์ (Link) กรณที ีเ่ ราต้องการกสรา้ งลงิ ก์ เพอ่ื เช่ือมโยงไปยังหนา้ เว็บเพจในเวบ็ ไซต์ของเราสามารถทาได้ โดยใน ตัวอยา่ งทาการสรา้ งหนา้ เว็บมาชือ่ หน้า เวบ็ ที่นา่ สนใจ แล้วคลิกเครอ่ื งมือแก้ไขเข้าไป เลือก แทรก เลือก ลงิ ก์ จะปรากฏตามภาพ เลือกหน้าเวบ็ ของไซต์ เลือกหน้าเวบ็ ต้องการลงิ ก์ ไป กด ตกลง ในตัวอยา่ งจะลงิ ก์ไปยังหนา้ กจิ กรรมทนี่ ่าสนใจ เมื่อคลิกแลว้ จะปรากฏตามภาพ โดย นายเทวัญ ภพู านทอง ครโู รงเรยี นนามนพทิ ยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คูม่ ือการใช้งาน Google Site 12 การสรา้ งลงิ กเ์ พือ่ เช่ือมโยงไปยงั เว็บไซต์ภายนอก เลอื กการแทรกลิงก์แล้วเลอื กที่อยเู่ ว็บ ทาการใส่ข้อความท่ีตอ้ งการแสดงเปน็ link แลว้ ใสเ่ ว็บไซต์ที่ ต้องการให้ ลงิ กไ์ ป เลอื ก แทรก เลอื ก ลงิ ก์ ในหนา้ สร้างลิงก์ ใสข่ ้อความทีจ่ ะแสดง ใสล่ งิ ก์ทีจ่ ะเชอ่ื มโยง คลิกเลอื ก เปิดลงิ ก์นใ้ี นหนา้ ต่างใหม่ แล้วกด ตกลง จะปรากฏตามภาพ โดย นายเทวัญ ภพู านทอง ครูโรงเรยี นนามนพิทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คมู่ อื การใช้งาน Google Site 13 การแก้ไขลิงก์ กรณที ี่พิมพ์ URL หรอื ท่อี ยู่ของเว็บไซต์ทีจ่ ะเชื่อมโยงผดิ สามารถทาการแกไ้ ขได้ โดยเปิดไปยงั หน้าท่ี ตอ้ งการแก้ไขลิงก์ คลกิ เครื่องมอื แกไ้ ข แลว้ คลกิ ที่ข้อความลิงก์ 1 ครั้ง จะปรากฏเมนูขึ้นมาใต้ลงิ ก์ ตามภาพ หากต้องการแก้ไขคลกิ ทีค่ าว่าเปลี่ยน ระบบจะเปดิ หน้าต่างแก้ไขมาให้ เหมือนกบั ตอนสรา้ งลิงก์ ทา การแก้ไขลิงก์ให้ถูกต้อง แลว้ กด ตกลง เปน็ อันเรียบรอ้ ยครบั โดย นายเทวัญ ภพู านทอง ครโู รงเรยี นนามนพทิ ยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คมู่ ือการใชง้ าน Google Site 14 การแทรกปฏิทิน ไปท่เี มนแู ทรก เลือก ปฏิทิน เลือกปฏทิ นิ แล้วกด เลือก จากนนั้ ปรับคา่ ต่าง ๆ ตามต้องการ หรือใชค้ า่ ท่ีตั้งมาแล้วก็ได้ ใส่ชือ่ ตรงช่องสุดท้าย (รวมชอื่ ) แล้วกดบันทกึ โดย นายเทวัญ ภพู านทอง ครโู รงเรยี นนามนพิทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คูม่ อื การใช้งาน Google Site 15 จะได้ กด บนั ทกึ หน้าเว็บ ดูผลลพั ธท์ ่จี ะแสดงบนเว็บ โดย นายเทวัญ ภูพานทอง ครโู รงเรียนนามนพิทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คู่มอื การใช้งาน Google Site 16 การเปลย่ี นหรือเลือกใชเ้ ทมเพลต ในปัจจบุ นั มผี ู้มคี วามรู้ความสามารถหลายทา่ นไดท้ าการออกแบบเทมเพลตไว้สาหรับใชง้ านและ เผยแพรไ่ วแ้ ล้ว เหมาะสาหรบั มอื ใหม่หรือผทู้ ย่ี งั ไม่มีความชานาญในการปรับแตง่ เทมเพลตครบั การเปลีย่ นหรอื เลือกใชเ้ ทมเพลต ไปที่ เครือ่ งมือ การทางานอนื่ ๆ เลอื ก จัดการไซต์ จะมาหน้าจัดการไซต์ คลิก ธีม สี และแบบอกั ษร โดย นายเทวัญ ภพู านทอง ครโู รงเรียนนามนพทิ ยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คมู่ อื การใช้งาน Google Site 17 ที่หน้าจดั การธมี เลือก เรยี กดเู พิม่ เติม จะปรากฏหน้าจอใหเ้ ลือกแม่แบบของไซต์ หรือเทมเพลต เลือกหมวดเทมเพลตที่ต้องการ ในตัวอย่างนี้จะขอเลือกแบบโรงเรยี นและสถานศึกษา และใชค้ าคน้ วา่ dlit เสรจ็ แล้วกดค้นหา จะไดต้ ามภาพ โดย นายเทวญั ภพู านทอง ครโู รงเรยี นนามนพิทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คมู่ อื การใช้งาน Google Site 18 ในทนี ีข้ อใช้เทมเพลต dlit แม่แบบเวบ็ การพฒั นาคุณภาพการศกึ ษาดว้ ยเทคโนโลยสี ารสนเทศ (DLIT) โดย คุณครูอภวิ ัฒน์ วงศก์ ัณหา ครับ ซงึ่ เป็นแม่แบบที่นา่ ใชอ้ ีกแบบหนึง่ คลกิ เลอื กทแ่ี มแ่ บบ dlit จะปรากฏคาอธิบายผู้ออกแบบ และหน้าจอตวั อย่าง นาไปใชง้ าน โดยคลิก กดทค่ี าวา่ Gadget from template directory จากนน้ั จะปรากฏเป็นหนา้ จอตวั อยา่ งขนาดใหญ่ ให้คลกิ ที่ป่มุ ใชเ้ ทมเพลต ท่ีอยู่มุมด้านบนขวา แลว้ จะมาหนา้ จอให้ต้งั ชอ่ื Site เมื่อใสช่ อื่ ไซตแ์ ล้ว กดป่มุ สร้าง โดย นายเทวญั ภพู านทอง ครโู รงเรียนนามนพิทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]

คมู่ อื การใชง้ าน Google Site 19 จะไดต้ ามภาพ ไซตท์ ี่ใช้เทมเพลต จะมีข้อมูลของเจ้าของเทมเพลตตดิ มาด้วย ผู้ใชง้ านตอ้ งทาการแก้ไข ปรับแต่ง หรือเพ่ิมขอ้ มลู ของตนลงไปตามเนื้อหาในคู่มือเลม่ นี้ท่ีได้อธิบายไวต้ ้งั แต่ตน้ ครับ ตวั อย่างหลงั ปรบั ข้อมลู บางส่วนครับ โดย นายเทวญั ภพู านทอง ครโู รงเรยี นนามนพิทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]