1. แนะนํา Google Sites
แนะนํา Google Sites
โ ป ร แ ก ร ม ส ร า ง เ ว็ บ ไ ซ ต อ อ น ไ ล น
Google Sites คือโปรแกรมของ Google ที่ใหบริการสรางเว็บไซตฟรี สามารถสรางเว็บไซตไดงาย
เหมือนกับการแกไขเอกสารธรรมดาๆ ผูใชสามารถปรับแตงรูปลักษณของเว็บไซตไดอยางอิสระ สามารถรวบรวม
ความหลากหลายของขอมูลในที่เดียว เชน รวมวิดีโอ ปฏิทินการนําเสนอ เอกสารหรือสิ่งที่แนบ และขอความ ทั้ง
ยั ง อํ า นวยความสะดวกให ทํ า งานร ว มกั บ ผู อื่ น ได รวมไปถึ ง สามารถกํ า หนดให เ ว็ บ ไซต ข องเป น ส ว นตั ว หรื อ
สาธารณะก็ไดอีกดวย
ในคูมือนี้จะแนะนําโปรแกรม Google Sits ในหัวขอตอไปนี้
1. การสรางเว็บไซต
2. การสรางและแกไขหนาเว็บ
2.1. การสรางหนาเว็บ
2.2. การแกไขหนาเว็บ
3. การปรับแตงลักษณะของไซต
3.1. การปรับแตงเคาโครงของไซต
3.2. การปรับแตงตัวอักษรและสี
3.3. การปรับแตงธีม
4. การปรับแตงเนื้อหาของไซต
5. การตั้งคาไซต
หนา 1

2. แนะนํา Google Sites
1. การสรางเว็บไซต
การสรางเว็บไซตดวย Google Sites นั้น มีขั้นตอนดังตอไปนี้
1) เขาสูหนาเว็บ Google ที่ http://www.google.com จากนันไปที่ เพิ่มเติม > ไซต
้
2) ลงทะเบียนเขาใชงาน โดยใช Account เดียวกันกับ Gmail โดยหากใครยังไมมีก็สามารถสมัคร
Account กอนไดฟรีที่ปุม ลงชื่อสมัครใช Sites ดานลาง
3) เมื่อลงชื่อเขาใชแลวจะเขาสูหนาถัดไป ใหกดปุม สรางเว็บไซต

หนา 2

3. แนะนํา Google Sites
4) จะเขาสูหนา สรางไซตใหม ใหเลือก แมแบบ ที่จะใช โดยจะเลือกแมแบบวางเปลา หรือแมแบบจาก
แกลเลอลี่ ที่มผูอื่นสรางไวกได
ี ็
5) ขั้นตอนถัดไปคือการตั้งชื่อไซต ซึ่งควรใชภาษาอังกฤษ เพราะชื่อไซตจะกลายเปนชือ URL ดวย
่
หนา 3

4. แนะนํา Google Sites
6) เลือกธีม โดยทาง Google Sites จะมีใหเลือกมากมายหลายธีม และสามารถเปลี่ยนใหมภยหลังได
7) เปดแท็บ ตัวเลือกเพิ่มเติม เพื่อเพิ่มคําอธิบายเว็บไซต และตั้งคาการใชรวมกันและการจํากัดผูเขาชม
โดยการตั้งคาในสวนนี้สามารถเปลี่ยนภายหลังไดเชนกัน
8) ขั้นตอนสุดทายคือการพิมพรหัส แลวกดปุม สรางเว็บไซต

หนา 4

5. แนะนํา Google Sites
9) หากชื่อเว็บไซตที่ตั้งไมซ้ํากับเว็บไซตใด ก็จะสามารถสรางไซตไดสําเร็จ
หนา 5

6. แนะนํา Google Sites
2. การสรางและแกไขหนาเว็บ
เว็บไซตเว็บไซตหนึ่ง สามารถมีหนาเว็บหรือเว็บเพจไดหลายหนา เพื่อนําเสนอขอมูลที่แตกตางกัน เว็บไซตที่
สรางดวย Google Site เองก็สามารถสรางและแกไขหนาตางๆ ไดอยางงายดาย ดังนี้
2.1. การสรางหนาเว็บ
1) คลิกปุม สรางหนาเว็บ ที่แถบเมนูดานบน
2) เลือกตําแหนงของหนาเว็บที่สรางใหมวา ตองการใหแตกแขนงจากหนาใด
3) เลือกแมแบบที่จะใช ไดแก หนาเว็บธรรมดา การประกาศ ตูเก็บเอกสาร หรือรายการ
หนา 6

7. แนะนํา Google Sites
4) ตั้งชื่อหนาเว็บที่สรางใหม และเลือกตําแหนง แลวกดปุม สรางหนาเว็บ เปนอันเสร็จสิ้นการสรางหนา
เว็บใหม
2.2. การแกไขหนาเว็บ
1) คลิกปุม แกไขหนาเว็บ ที่แถบเมนูดานบน เพื่อเขาสูโหมดแกไข
2) สามารถแกไขชื่อและขอความโดยการคลิกที่ชื่อหนาเว็บ หรือที่พื้นที่ของหนานั้นๆ แลวลบขอความ
เดิมเพื่อพิมพขอความใหม เหมือนกับการแกไขเอกสารธรรมดา
หนา 7

8. แนะนํา Google Sites
3) สามารถปรับแตงตัวอักษรไดดวยแถบเครื่องมือดานบน
4) สามารถแทรกรูปภาพ ลิงค หรืออื่นๆ ได โดยไปที่เมนู แทรก
5) สามารถจัดรูปแบบขอความไดดวยเมนู รูปแบบ ตาราง และ การจัดวาง ไดที่แถบเมนูดานบน
หนา 8

9. แนะนํา Google Sites
6) เมื่อแกไขเรียบรอยแลว ใหกดปุม บันทึก เพื่อบันทึกหนาเว็บที่แกไขแลว
หนา 9

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

11. แนะนํา Google Sites
3.1 การปรับแตงเคาโครงของไซต
โครงสรางของเว็บไซตจะแบงเปน สวนหัว แถบดานขาง เนื้อหาของหนาและสวนทายของระบบ โดยเรา
สามารถปรับแตงได 2 สวนเทานั้น คือ สวนหัวและสวนแถบดานขาง
1) เปลี่ ย นโครงสร า งของไซต เมื่ อ เลื อ กปุ ม จะมี ห น า ต า งสํ า หรั บ เปลี่ ย น
โครงสราง ทหรือเลยเอาทของไซต ปรากฏขึ้น สามารถปรับแตงขนาด การจัดวาง ของสวนตางๆ ได
หนา 11

12. แนะนํา Google Sites
2) กําหนดคาการคนหา เมื่อเลือกปุม จะปรากฏหนาตางสําหรับกําหนดคาการคนหา
ของไซต ใหเว็บคนหาตางๆ สามารถคนพบเว็บไซตนี้ไดหรือไม
3) เปลี่ยนโลโก สามารถกําหนด โลโก ของเว็บไซตได โดยการไปที่ สวนหัว > เปลี่ยนโลโก
4) เพิ่มองคประกอบของหนา ทีแถบดานขาง โปรแกรมจะมี การนําทาง หรือก็คือแผงผังเว็บไซตใหไวอยู
่
กอนแลว หากตองการลบก็สามารถทําได และถาหากตองการเพิ่มแถบดานขางอื่นๆ ก็สามารถทําได
เชนกัน โดยเลือกปุม เพิ่มรายการแถบดานขาง แลวเลือกประเภท
หนา 12

13. แนะนํา Google Sites
3.2 การปรับแตงสีและตัวอักษร สามารถเปลี่ยนสีสวนประกอบตางๆ ของธีมที่ใชอยู ใหมีความเปน

เอกลักษณมากขึ้น จนกลายเปนธีมของเราเองได
3.3 การปรับแตงธีม สามารถเปลี่ยนเปนธีมแบบอื่นๆ ที่โปรแกรมใหไวได
หนา 13

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

15. แนะนํา Google Sites
4) แมแบบของหนาเว็บ สามารถสรางแมแบบของหนาเว็บ นอกเหนือจากที่โปรแกรมมีได
5) สคริปตของ Apps สําหรับไซตที่มีการใชงาน Apps ตางๆ ของ Google สามารถเปดโปรแกรมแกไข
สคริปตได
6) รายการที่ถกลบ แสดงรายการของสิ่งที่ถูกลบ สามารถกูคืนหรือลบอยางถาวรได
ู 
หนา 15

16. แนะนํา Google Sites
5. การตั้งคาไซต
1) ทั่วไป สําหรับปรับแตงขอมูลทั่วไปไซต ไมวาจะเปนการเปลี่ยนชื่อไซต เพิ่มคําอธิบาย จํากัดผูเขาชม
ภาษาที่ใช คัดลอกไซต ลบไซต ฯลฯ
หนา 16

17. แนะนํา Google Sites
2) แบงปนไซต สามารถเผยแพรเว็บไซตนี้ใหแกผูอื่นไดรูจักได
3) สรางรายได สามารถใชเว็บไซตที่สรางขึนเพื่อหารายไดได โดยการเพิ่มโฆษณาภายในเว็บไซต
้
4) ที่อยูเว็บ แสดง URL ของเว็บไซต
หนา 17

18. แนะนํา Google Sites
หนา 18