คู่มือการใช้งาน google site ·...

คมอการใชงาน Google Site 0

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

คมอการใชงาน Google Site

โดย ครเทวญ ภพานทอง

โรงเรยนนามนพทยาคม อ าเภอนามน จงหวดกาฬสนธ ส านกงานเขตพนทการศกษามธยมศกษา เขต 24

คมอการใชงาน Google Site 1

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

คมอการใชงาน Google Site

การสรางไซต

การทจะใชงาน Google Site ไดนน จะตองม Email ของ Google หรอ Gmail หรอ อเมลของ GoogleApp for Education แลวเขาไปท https://sites.google.com โดยผานการลอกอน กจะเขามายงหนา Google Site

จากนนกรอก ชอผใช และ รหสผาน แลวคลกปม ลงชอเขาใช

เมอลงชอเขาใชเรยบรอย จะมาทหนา Google site

คมอการใชงาน Google Site 2

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

การสรางไซตขนใหม

ในหนา Google Site คลกทปม สราง

เลอกแมแบบวางเปลา ใสชอไซต คลกปม สราง

จะไดหนาเวบไซตหนาแรกตามภาพ

คมอการใชงาน Google Site 3

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

เวบไซตจะมทอยขนตนดวย sites.google.com/a แลวตามดวยชอไซตทเราก าหนด ดงตวอยางเชน https://sites.google.com/a/namonpit.ac.th/comkt/ แตยงไมใชทอยเวบทคนอนจะใชในการเขา

การเปลยนธมของเวบไซต

เพอเปลยนรปแบบใหเวบไซตมรปแบบตาง ๆ เลอก (การท างานอน ๆ ) เลอก จดการไซต

เลอก ธม ส และแบบอกษร อยในเมนดานซายลางสด

คลกท ธมพนฐาน เพอเลอกใชธมทมอยและท าการปรบแตง

คมอการใชงาน Google Site 4

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

จะเหนรายชอ ธม พนฐานทมอยในระบบ ในตวอยางเลอกแบบ ภเขาน าแขง

หนาจอจะแสดงผล หนาเวบทใชธมทเลอก หากพอใจ กดปม บนทก แลวกดชอไซตทอยในรายการเมน ดานซายมอ ในตวอยางคอ <เรยนคอม..กบครเตครบ เพอไปปรบแตงสวนอน ๆ

การแกไขขอมลหนาเวบไซต

การใสขอมลตาง ๆ เชน ขอความ รปภาพ คลกทเครองมอรปดนสอเพอแกไขขอมลหนาเวบไซต

คมอการใชงาน Google Site 5

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

ใสขอมลในหนาแรกตามตองการ จากนนกดปม บนทก

การเพมหนาเวบ คลกปมสรางหนา

ใสชอหนาเวบ แลวกดปม สราง

จะไดหนาเวบใหมพรอมรายการเมนดานซายเพอเขาสหนาเวบนน หนาเวบทสรางขนสามารถใสขอมลตาง ๆ เชน ขอความ รปภาพ และ ลงคตาง ๆ

คมอการใชงาน Google Site 6

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

การลบหนาเวบ กรณสรางหนามาผด หรอเกนแลวตองการจะลบสามารถท าไดดงน คลกเปดเขาไปยงหนาทตองการจะลบ เลอก การท างานอน ๆ

เลอก น าออกหนาเวบ

แลวจะปรากฏหนาจอสอบถามเพอยนยนพรอมระบชอหนาทเราตองการจะลบ กดทปม ลบ เพอยนยนการลบ

คมอการใชงาน Google Site 7

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

จากนนหนาทเลอก กจะหายไปจากรายการดานซายมอของหนาจอ

การเพมภาพ การเพมภาพหนาเวบเพจในเวบไซตของเรา ในตวอยางนไดสรางหนาส าหรบใสภาพชอ หนา กจกรรมทนาสนใจ เลอก แทรก เลอก รปภาพ

จะปรากฏหนาจอการเพมภาพ ซงมอย 2 ลกษณะ คอ ภาพทอปโหลด และ ทอยเวบ (URL)

คมอการใชงาน Google Site 8

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

การเพมภาพทอปโหลด คลกทหนา ภาพทอปโหลด จากนนเลอก อพโหลดภาพ เลอกภาพจากคอมพวเตอรของเรา เลอกเสรจ กด Open

เมออปโหลดเสรจจะแสดงภาพ คลกทรปภาพ แลวกด ตกลง

ภาพจะปรากฏในหนาเวบของเรา เสรจแลวกด บนทก

คมอการใชงาน Google Site 9

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

การเพมภาพจาก URL เปนการเพมภาพทมอยแลวบนอนเทอรเนต ควรเปนภาพของเราเอง หรอภาพทไมมลขสทธ ในตวอยางนจะขอเพมภาพ ทไดอปโหลดไวบน Google+ เขาไปท Google+ แลวเลอกภาพทตองการจะน ามา คลกขวาทภาพ และท าการคดลอกทตงภาพ

จากนนมาทหนาเวบในไซตของเราทตองการเพมภาพ คลกทปม แทรก เลอก รปภาพ

ทเพมภาพ เลอกทอยเวบ (URL) แลววางทอยภาพทคดลอกมาลงในชอง URL ภาพ หากถกตองจะแสดงภาพเสรจแลวกดปม ตกลง

คมอการใชงาน Google Site 10

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

ภาพทเพมกจะมาปรากฏในหนาเวบของเรา เมอเรยบรอย กด บนทก

การปรบขนาดภาพ ในกรณทภาพทแรกมาขนาดไมเหมาะสมกบหนาจอ หรอขนากของสวนทจะแสดงสามารถปรบขนาดของภาพไดดงน เขาไปยงหนาทมรปภาพทตองการปรบ คลกเครองมอรปดนสอ(เครองมอแกไข) คลกทรปภาพทตองการปรบขนาด 1 ครง จะปรากฏเครองมอปรบขนาดและก าหนดคารปภาพทดานลางของรปภาพ

หากตองการใหพอดกบชองแสดงภาพ คลกทปม 100% ภาพจะพอดกบพนทแสดง หรอตองการขนาดอนกคลกตามตองการ จดต าแหนงชดซาย กงกลาง หรอชดขวา เสรจแลวกดปม บนทก

คมอการใชงาน Google Site 11

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

การสรางลงก (Link) กรณทเราตองการกสรางลงก เพอเชอมโยงไปยงหนาเวบเพจในเวบไซตของเราสามารถท าได โดยในตวอยางท าการสรางหนาเวบมาชอหนา เวบทนาสนใจ แลวคลกเครองมอแกไขเขาไป เลอก แทรก เลอก ลงก จะปรากฏตามภาพ

เลอกหนาเวบของไซต เลอกหนาเวบตองการลงก ไป กด ตกลง ในตวอยางจะลงกไปยงหนากจกรรมทนาสนใจ

เมอคลกแลวจะปรากฏตามภาพ

คมอการใชงาน Google Site 12

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

การสรางลงกเพอเชอมโยงไปยงเวบไซตภายนอก เลอกการแทรกลงกแลวเลอกทอยเวบ ท าการใสขอความทตองการแสดงเปน link แลวใสเวบไซตทตองการให ลงกไป เลอก แทรก เลอก ลงก

ในหนาสรางลงก ใสขอความทจะแสดง ใสลงกทจะเชอมโยง คลกเลอก เปดลงกนในหนาตางใหม แลวกด ตกลง

จะปรากฏตามภาพ

คมอการใชงาน Google Site 13

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

การแกไขลงก กรณทพมพ URL หรอทอยของเวบไซตทจะเชอมโยงผด สามารถท าการแกไขได โดยเปดไปยงหนาทตองการแกไขลงก คลกเครองมอแกไข แลวคลกทขอความลงก 1 ครง จะปรากฏเมนขนมาใตลงก ตามภาพ

หากตองการแกไขคลกทค าวาเปลยน ระบบจะเปดหนาตางแกไขมาให เหมอนกบตอนสรางลงก ท าการแกไขลงกใหถกตอง แลวกด ตกลง เปนอนเรยบรอยครบ

คมอการใชงาน Google Site 14

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

การแทรกปฏทน

ไปทเมนแทรก เลอก ปฏทน

เลอกปฏทน แลวกด เลอก

จากนน ปรบคาตาง ๆ ตามตองการ หรอใชคาทตงมาแลวกได ใสชอ ตรงชองสดทาย (รวมชอ) แลวกดบนทก

คมอการใชงาน Google Site 15

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

จะได

กด บนทก หนาเวบ ดผลลพธทจะแสดงบนเวบ

คมอการใชงาน Google Site 16

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

การเปลยนหรอเลอกใชเทมเพลต

ในปจจบนมผมความรความสามารถหลายทานไดท าการออกแบบเทมเพลตไวส าหรบใชงานและเผยแพรไวแลว เหมาะส าหรบมอใหมหรอผทยงไมมความช านาญในการปรบแตงเทมเพลตครบ

การเปลยนหรอเลอกใชเทมเพลต ไปท เครองมอ การท างานอน ๆ เลอก จดการไซต

จะมาหนาจดการไซต คลก ธม ส และแบบอกษร

คมอการใชงาน Google Site 17

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

ทหนาจดการธม เลอก เรยกดเพมเตม

จะปรากฏหนาจอใหเลอกแมแบบของไซต หรอเทมเพลต

เลอกหมวดเทมเพลตทตองการ ในตวอยางนจะขอเลอกแบบโรงเรยนและสถานศกษา และใชค าคนวา dlit เสรจแลวกดคนหา จะไดตามภาพ

คมอการใชงาน Google Site 18

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

ในทนขอใชเทมเพลต dlit แมแบบเวบการพฒนาคณภาพการศกษาดวยเทคโนโลยสารสนเทศ (DLIT) โดย คณครอภวฒน วงศกณหา ครบ ซงเปนแมแบบทนาใชอกแบบหนง คลกเลอกทแมแบบ dlit จะปรากฏค าอธบายผออกแบบ และหนาจอตวอยาง น าไปใชงาน โดยคลกกดทค าวา Gadget from template directory

จากนนจะปรากฏเปนหนาจอตวอยางขนาดใหญ ใหคลกทปม ใชเทมเพลต ทอยมมดานบนขวา

แลวจะมาหนาจอใหตงชอ Site เมอใสชอไซตแลว กดปม สราง

คมอการใชงาน Google Site 19

โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : krutae@namonpit.ac.th

จะไดตามภาพ

ไซตทใชเทมเพลต จะมขอมลของเจาของเทมเพลตตดมาดวย ผใชงานตองท าการแกไข ปรบแตง หรอเพมขอมลของตนลงไปตามเนอหาในคมอเลมนทไดอธบายไวตงแตตนครบ ตวอยางหลงปรบขอมลบางสวนครบ