คมอการใชงาน Google Site 0
โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]
คมอการใชงาน Google Site
โดย ครเทวญ ภพานทอง
โรงเรยนนามนพทยาคม อ าเภอนามน จงหวดกาฬสนธ ส านกงานเขตพนทการศกษามธยมศกษา เขต 24
คมอการใชงาน Google Site 1
โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]
คมอการใชงาน 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 : [email protected]
การสรางไซตขนใหม
ในหนา Google Site คลกทปม สราง
เลอกแมแบบวางเปลา ใสชอไซต คลกปม สราง
จะไดหนาเวบไซตหนาแรกตามภาพ
คมอการใชงาน Google Site 3
โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]
เวบไซตจะมทอยขนตนดวย 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 : [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
โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]
จากนนหนาทเลอก กจะหายไปจากรายการดานซายมอของหนาจอ
การเพมภาพ การเพมภาพหนาเวบเพจในเวบไซตของเรา ในตวอยางนไดสรางหนาส าหรบใสภาพชอ หนา กจกรรมทนาสนใจ เลอก แทรก เลอก รปภาพ
จะปรากฏหนาจอการเพมภาพ ซงมอย 2 ลกษณะ คอ ภาพทอปโหลด และ ทอยเวบ (URL)
คมอการใชงาน Google Site 8
โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]
การเพมภาพทอปโหลด คลกทหนา ภาพทอปโหลด จากนนเลอก อพโหลดภาพ เลอกภาพจากคอมพวเตอรของเรา เลอกเสรจ กด Open
เมออปโหลดเสรจจะแสดงภาพ คลกทรปภาพ แลวกด ตกลง
ภาพจะปรากฏในหนาเวบของเรา เสรจแลวกด บนทก
คมอการใชงาน Google Site 9
โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]
การเพมภาพจาก URL เปนการเพมภาพทมอยแลวบนอนเทอรเนต ควรเปนภาพของเราเอง หรอภาพทไมมลขสทธ ในตวอยางนจะขอเพมภาพ ทไดอปโหลดไวบน Google+ เขาไปท Google+ แลวเลอกภาพทตองการจะน ามา คลกขวาทภาพ และท าการคดลอกทตงภาพ
จากนนมาทหนาเวบในไซตของเราทตองการเพมภาพ คลกทปม แทรก เลอก รปภาพ
ทเพมภาพ เลอกทอยเวบ (URL) แลววางทอยภาพทคดลอกมาลงในชอง URL ภาพ หากถกตองจะแสดงภาพเสรจแลวกดปม ตกลง
คมอการใชงาน Google Site 10
โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]
ภาพทเพมกจะมาปรากฏในหนาเวบของเรา เมอเรยบรอย กด บนทก
การปรบขนาดภาพ ในกรณทภาพทแรกมาขนาดไมเหมาะสมกบหนาจอ หรอขนากของสวนทจะแสดงสามารถปรบขนาดของภาพไดดงน เขาไปยงหนาทมรปภาพทตองการปรบ คลกเครองมอรปดนสอ(เครองมอแกไข) คลกทรปภาพทตองการปรบขนาด 1 ครง จะปรากฏเครองมอปรบขนาดและก าหนดคารปภาพทดานลางของรปภาพ
หากตองการใหพอดกบชองแสดงภาพ คลกทปม 100% ภาพจะพอดกบพนทแสดง หรอตองการขนาดอนกคลกตามตองการ จดต าแหนงชดซาย กงกลาง หรอชดขวา เสรจแลวกดปม บนทก
คมอการใชงาน Google Site 11
โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]
การสรางลงก (Link) กรณทเราตองการกสรางลงก เพอเชอมโยงไปยงหนาเวบเพจในเวบไซตของเราสามารถท าได โดยในตวอยางท าการสรางหนาเวบมาชอหนา เวบทนาสนใจ แลวคลกเครองมอแกไขเขาไป เลอก แทรก เลอก ลงก จะปรากฏตามภาพ
เลอกหนาเวบของไซต เลอกหนาเวบตองการลงก ไป กด ตกลง ในตวอยางจะลงกไปยงหนากจกรรมทนาสนใจ
เมอคลกแลวจะปรากฏตามภาพ
คมอการใชงาน Google Site 12
โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]
การสรางลงกเพอเชอมโยงไปยงเวบไซตภายนอก เลอกการแทรกลงกแลวเลอกทอยเวบ ท าการใสขอความทตองการแสดงเปน link แลวใสเวบไซตทตองการให ลงกไป เลอก แทรก เลอก ลงก
ในหนาสรางลงก ใสขอความทจะแสดง ใสลงกทจะเชอมโยง คลกเลอก เปดลงกนในหนาตางใหม แลวกด ตกลง
จะปรากฏตามภาพ
คมอการใชงาน Google Site 13
โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]
การแกไขลงก กรณทพมพ URL หรอทอยของเวบไซตทจะเชอมโยงผด สามารถท าการแกไขได โดยเปดไปยงหนาทตองการแกไขลงก คลกเครองมอแกไข แลวคลกทขอความลงก 1 ครง จะปรากฏเมนขนมาใตลงก ตามภาพ
หากตองการแกไขคลกทค าวาเปลยน ระบบจะเปดหนาตางแกไขมาให เหมอนกบตอนสรางลงก ท าการแกไขลงกใหถกตอง แลวกด ตกลง เปนอนเรยบรอยครบ
คมอการใชงาน 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
โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]
ทหนาจดการธม เลอก เรยกดเพมเตม
จะปรากฏหนาจอใหเลอกแมแบบของไซต หรอเทมเพลต
เลอกหมวดเทมเพลตทตองการ ในตวอยางนจะขอเลอกแบบโรงเรยนและสถานศกษา และใชค าคนวา dlit เสรจแลวกดคนหา จะไดตามภาพ
คมอการใชงาน Google Site 18
โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]
ในทนขอใชเทมเพลต dlit แมแบบเวบการพฒนาคณภาพการศกษาดวยเทคโนโลยสารสนเทศ (DLIT) โดย คณครอภวฒน วงศกณหา ครบ ซงเปนแมแบบทนาใชอกแบบหนง คลกเลอกทแมแบบ dlit จะปรากฏค าอธบายผออกแบบ และหนาจอตวอยาง น าไปใชงาน โดยคลกกดทค าวา Gadget from template directory
จากนนจะปรากฏเปนหนาจอตวอยางขนาดใหญ ใหคลกทปม ใชเทมเพลต ทอยมมดานบนขวา
แลวจะมาหนาจอใหตงชอ Site เมอใสชอไซตแลว กดปม สราง
คมอการใชงาน Google Site 19
โดย นายเทวญ ภพานทอง ครโรงเรยนนามนพทยาคม สพม. 24 Website : http://sites.google.com/site/dlitsesa24 E-mail : [email protected]
จะไดตามภาพ
ไซตทใชเทมเพลต จะมขอมลของเจาของเทมเพลตตดมาดวย ผใชงานตองท าการแกไข ปรบแตง หรอเพมขอมลของตนลงไปตามเนอหาในคมอเลมนทไดอธบายไวตงแตตนครบ ตวอยางหลงปรบขอมลบางสวนครบ