เอกสารอบรม google site สพม32

Google Sites คือโปรแกรมหนงึ่ ของบริษทั Google ท่ีเปด ใหส มาชกิ ของ Googleสามารถสรางเว็บไซต
ของตนเองไดฟรี โดยการสรางเว็บไซตด ว ย Googlesite นนั้ ทาํ ไดงายเหมือนกบั การแกไ ขเอกสารธรรมดา ๆ
ชิ้นหนึ่ง ผูใ ชสามารถปรับแตงรูปลักษณของเว็บไซตไดอ ยา งอิสระ และมีขอมูลท่ีหลากหลายรูปแบบ เชน ขอ ความ
วิดโี อ ปฏทิ ิน เอกสารไฟลงาน ฯลฯ อีกทง้ั ยังสามารถกําหนดใหผ ูอน่ื เขามารว มจดั การเวบ็ ไซตรวมกัน รวมไปถงึ
สามารถกําหนดใหเ วบ็ ไซต ของเปน สว นตัวหรอื สาธารณะก็ไดอีกดวย

กอ นทจ่ี ะใชงาน Google site จะตอ งมอี เี มลของ Google หรือ gmail นัน่ เอง เมื่อไดอเี มลแลว กใ็ ห login
หรอื ลงชอ่ื เขา ใชใ หเ รียบรอ ย

Login เขา้ Google

แลว ไปท่ีเว็บไซต https://sites.google.com

คลิกท่ีเคร่ืองหมายบวก + เพือ่ สรา งเวบ็ ไซต

จะปรากฏพ้ืนทส่ี ําหรบั สรา งเว็บไซต ดังภาพ

การตั้งชื่อเว็บไซต

ต้งั ชื่อเว็บไซต

เปลีย่ นภาพดา นบนของเวบ็ ไซต ใหค ลิกท่ีเครือ่ งหมาย เปลีย่ นรปู ภาพ

เปลี่ยนรปู ดา นบนของเวบ็ ไซต

เมื่อคลิกเปลี่ยนรูปภาพจะมีใหเลือก “อัปโหลด” และ “เลือกรูปภาพ” (จะมีแกลเลอรีภาพใหเลือก
ออนไลน) แตถาเราตองการใชภาพของเราเองท่ีมีอยูในเครื่องคอมพิวเตอรของเรา เราจะตองเลือก อัปโหลดภาพ
ข้นึ ไปในระบบกอ น โดยคลิกท่แี ถบ “อปั โหลด”

ตัวอยา งการเลือกแบบ “เลอื กรูปภาพ”

ตัวอยา งการเลือกแบบ “อัปโหลด”
รปู แบบขอความใหเ ปน แบบ Title, Heading, Subheading

คลกิ เพ่อื เปล่ียนรูปแบบขอ ความ

หรอื ถาตองการใส Link ใหค ลิก ไอคอน Link จากนน้ั กรอก lInk website ลงไป ในชอง link
ลากเมาสคลมุ ขอ ความแลว กดปมุ Link

ใส Link เพื่อเชอ่ื มโยงไปเวบ็ ไซตท่ตี องการ

การดูตวั อยา งเวบ็ ไซต

คลกิ ทเี่ ครื่องมอื แสดงตวั อยา ง

ขนั้ ตอนการใสข อความลงในเวบ็ ไซต
ใสข อ ความ หรอื คําอธบิ ายตาง ๆ ในเว็บไซต ใหค ลกิ ทปี่ ุม Text 1 ครงั้ จะปรากฏกลอ งขอความขึ้นมาแลว

พิมพข อความลงไปและสามารถปรับขนาดกลองขอความได

แทรกขอ ความ

ขั้นตอนการแทรกภาพประกอบในเวบ็ ไซต

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

แทรกรปู ภาพ

เลอื ก อัปโหลด เพื่อเลอื กไฟลภาพจากเคร่ืองคอมพิวเตอร

เลอื กภาพแลวคลกิ ทป่ี ุม Open

รปู ภาพที่อปั โหลดแลวสามารถปรับขนาดได
ปรับขนาดตามทต่ี องการ

ข้นั ตอนการแทรกวิดโี อประกอบในเว็บไซต

การ Insert คลปิ Video มาแสดงบนเวบ็ เพจ เชน คลปิ วดิ ีโอทีน่ า สนใจจากเวบ็ ไซต Youtube ทําไดโ ดย
การคลิกทป่ี มุ ฝง (Embedded) แลว วาง Link ลงไป

การแทรก Video คลิกท่ปี มุ

ฝง (Embedded)

วางลงิ ก Video ลงไป
แลว คลิกทป่ี มุ แทรก

การเพิ่มหนา เพจเวบ็ ไซต ใหม ีเมนู หรือหนา เว็บไซตมากข้นึ ใหเลือกแถบเคร่ืองมือ หนาเว็บ แลว คลกิ ที่
เครื่องหมายบวก +

คลิกทป่ี ุม หนาเว็บ

ต้ังชือ่ หนา เพจแลว สรางหนาไดต ามตองการ

เมนทู ี่เพ่มิ ข้นึ มา

ข้นั ตอนการเผยแพรเ ว็บไซต

คลกิ ท่ปี ุม เผยแพร

แลว กําหนดคาทีอ่ ยูเว็บไซต

กาํ หนดคา ตา งๆ แลวคลกิ ที่ปุม เผยแพร

การสรางเวบ็ ไซตดวย Google site มีขน้ั ตอนทไ่ี มยุงยาก ใคร ๆ ก็สามารถมเี วบ็ ไซตของตนเองได มีผลสรุปวามี
ขอ ดี จดุ เดน มากมาย ดังน้ี

1. สามารถทาํ หนาเว็บเพจของตัวเองไดงาย ใชงานสะดวกโดยไมจําเปน ตองมีความรูเรื่อง html
2. สามารถเผยแพรขอ มูลที่เปนประโยชน และเปนความรู หรือบทเรยี นอะไรก็ได
3. มพี ้ืนที่ฟรีถงึ 100 เมกะไบต ตอ site
4. สามารถเลอื กรปู แบบ Theme สาํ เร็จรปู ไดม ากมาย
5. รูปแบบไซตเปน แบบมาตรฐานของเวบ็ ไซตท่วั ไป
6. พัฒนาไดงา ย ปรับปรุงรูปแบบงาย ปรับแตงขอมลู แบบออนไลน
7. สามารถท่ีจะเก็บไฟลภาพ หรอื ไฟลช นดิ ตา งๆ ไวในไซตของเราได
8. สรา ง link ภายในและภายนอกของไซตได
9. การต้ังคาสาํ หรับการเขาถึงและใชข อมูลรว มกัน
10. เปนท่ีรวมเขา กับเครื่องมืออื่น ๆ ของ Google เพือ่ ใหคุณสามารถแบงปนวิดโี อภาพถา ยงานนําเสนอ

และปฏทิ ิน