แนะนํา Google Sites

หนา 1

แนะนํา Google Sites โ ป ร แ ก ร ม ส ร า ง เ ว็ บ ไ ซ ต อ อ น ไ ล น

Google Sites คือโปรแกรมของ Google ที่ใหบริการสรางเว็บไซตฟรี สามารถสรางเว็บไซตไดงาย

เหมือนกับการแกไขเอกสารธรรมดาๆ ผูใชสามารถปรับแตงรูปลักษณของเว็บไซตไดอยางอิสระ สามารถรวบรวม

ความหลากหลายของขอมูลในท่ีเดียว เชน รวมวิดีโอ ปฏิทินการนําเสนอ เอกสารหรือสิ่งที่แนบ และขอความ ทั้ง

ยังอํานวยความสะดวกใหทํางานรวมกับผูอ่ืนได รวมไปถึงสามารถกําหนดใหเว็บไซตของเปนสวนตัวหรือ

สาธารณะก็ไดอีกดวย

ในคูมือนี้จะแนะนําโปรแกรม Google Sits ในหัวขอตอไปนี้

1. การสรางเว็บไซต 2. การสรางและแกไขหนาเว็บ

2.1. การสรางหนาเว็บ

2.2. การแกไขหนาเว็บ

3. การปรับแตงลักษณะของไซต 3.1. การปรับแตงเคาโครงของไซต 3.2. การปรับแตงตัวอักษรและสี

3.3. การปรับแตงธีม

4. การปรับแตงเนื้อหาของไซต การตั้งคาไซต 5.

แนะนํา Google Sites

หนา 2

1. การสรางเว็บไซต การสรางเว็บไซตดวย Google Sites นั้น มข้ัีนตอนดังตอไปนี้

1) เขาสูหนาเว็บ Google ที ่http://www.google.com จากนัน้ไปที่ เพิ่มเติม > ไซต

2) ลงทะเบียนเขาใชงาน โดยใช Account เดียวกันกับ Gmail โดยหากใครยงัไมมีก็สามารถสมัคร

Account กอนไดฟรีที่ปุม ลงชื่อสมัครใช Sites ดานลาง

3) เมื่อลงช่ือเขาใชแลวจะเขาสูหนาถัดไป ใหกดปุม สรางเว็บไซต

แนะนํา Google Sites

หนา 3

4) จะเขาสูหนา สรางไซตใหม ใหเลือก แมแบบ ที่จะใช โดยจะเลือกแมแบบวางเปลา หรือแมแบบจาก

แกลเลอล่ี ที่มผีูอ่ืนสรางไวกไ็ด

5) ข้ันตอนถัดไปคือการต้ังชื่อไซต ซึ่งควรใชภาษาอังกฤษ เพราะช่ือไซตจะกลายเปนช่ือ URL ดวย

แนะนํา Google Sites

หนา 4

6) เลือกธีม โดยทาง Google Sites จะมีใหเลือกมากมายหลายธีม และสามารถเปล่ียนใหมภยหลังได

7) เปดแท็บ ตัวเลือกเพิ่มเติม เพื่อเพิ่มคําอธบิายเว็บไซต และต้ังคาการใชรวมกนัและการจํากัดผูเขาชม

โดยการตั้งคาในสวนนี้สามารถเปลี่ยนภายหลังไดเชนกนั

8) ข้ันตอนสุดทายคือการพิมพรหัส แลวกดปุม สรางเว็บไซต

แนะนํา Google Sites

หนา 5

9) หากชื่อเว็บไซตที่ต้ังไมซ้ํากบัเว็บไซตใด กจ็ะสามารถสรางไซตไดสําเร็จ

แนะนํา Google Sites

หนา 6

2. การสรางและแกไขหนาเว็บ

เว็บไซตเว็บไซตหนึ่ง สามารถมีหนาเว็บหรือเว็บเพจไดหลายหนา เพื่อนําเสนอขอมูลที่แตกตางกัน เว็บไซตที่

สรางดวย Google Site เองก็สามารถสรางและแกไขหนาตางๆ ไดอยางงายดาย ดังนี้

2.1. การสรางหนาเว็บ 1) คลิกปุม สรางหนาเว็บ ที่แถบเมนูดานบน

2) เลือกตําแหนงของหนาเว็บที่สรางใหมวา ตองการใหแตกแขนงจากหนาใด

3) เลือกแมแบบที่จะใช ไดแก หนาเว็บธรรมดา การประกาศ ตูเก็บเอกสาร หรือรายการ

แนะนํา Google Sites

หนา 7

4) ต้ังชื่อหนาเว็บที่สรางใหม และเลือกตําแหนง แลวกดปุม สรางหนาเว็บ เปนอันเสร็จสิ้นการสรางหนา

เว็บใหม

2.2. การแกไขหนาเว็บ 1) คลิกปุม แกไขหนาเว็บ ที่แถบเมนูดานบน เพื่อเขาสูโหมดแกไข

2) สามารถแกไขชื่อและขอความโดยการคลิกที่ชื่อหนาเว็บ หรือที่พื้นที่ของหนานั้นๆ แลวลบขอความ

เดิมเพื่อพิมพขอความใหม เหมือนกับการแกไขเอกสารธรรมดา

แนะนํา Google Sites

หนา 8

3) สามารถปรับแตงตัวอักษรไดดวยแถบเครื่องมือดานบน

4) สามารถแทรกรูปภาพ ลิงค หรืออ่ืนๆ ได โดยไปที่เมนู แทรก

5) สามารถจัดรูปแบบขอความไดดวยเมนู รูปแบบ ตาราง และ การจัดวาง ไดที่แถบเมนูดานบน

แนะนํา Google Sites

หนา 9

6) เมื่อแกไขเรียบรอยแลว ใหกดปุม บันทึก เพื่อบันทึกหนาเว็บที่แกไขแลว

แนะนํา Google Sites

หนา 10

3. การปรับแตงลักษณะของไซต จากเมื่อคร้ังสรางเว็บไซตนั้น เราไดเลือกแมแบบและธีมของเว็บไซตไปแลว แตหากตองการเปล่ียน ก็ยัง

สามารถทําไดแมจะสรางไปแลว รวมถึงการปรับแตงลักษณะของไซตอ่ืนๆ ไมวาจะเปนสี ตัวอักษร หรือโครงสราง

อีกดวย การปรับแตงลักษณะของไซต สามารถทําไดโดยการคลิกที่เมนู แกไขแถบดานขาง

เมื่อคลิกแลวกจ็ะเขาสูหนาปรับแตงเว็บไซต โดยใหสงัเกตแถบดานซาย จะเหน็วาตอนนีก้ําลังอยูที่แถบ

ปรับแตง ลักษณะไซต

แนะนํา Google Sites

หนา 11

3.1 การปรับแตงเคาโครงของไซต โครงสรางของเว็บไซตจะแบงเปน สวนหัว แถบดานขาง เนื้อหาของหนาและสวนทายของระบบ โดยเรา

สามารถปรับแตงได 2 สวนเทานั้น คือ สวนหัวและสวนแถบดานขาง

1) เปล่ียนโครงสรางของไซต เมื่อเลือกปุม จะมีหนาตางสําหรับเปล่ียน

โครงสราง ทหรือเลยเอาทของไซต ปรากฏข้ึน สามารถปรับแตงขนาด การจัดวาง ของสวนตางๆ ได

แนะนํา Google Sites

หนา 12

2) กําหนดคาการคนหา เมื่อเลือกปุม จะปรากฏหนาตางสําหรับกําหนดคาการคนหา

ของไซต ใหเว็บคนหาตางๆ สามารถคนพบเว็บไซตนี้ไดหรือไม

3) เปล่ียนโลโก สามารถกําหนด โลโก ของเว็บไซตได โดยการไปที่ สวนหัว > เปลี่ยนโลโก

เพิ่มองคประกอบของหนา ทีแ่ถบดานขาง โปรแกรมจะม ีการนําทาง หรือก็คือแผงผังเว็บไซตใหไวอยู

กอนแลว หากตองการลบก็สามารถทําได และถาหากตองการเพิ่มแถบดานขางอ่ืนๆ ก็สามารถทาํได

เชนกนั โดยเลือกปุม เพิ่มรายการแถบดานขาง แลวเลือกประเภท

4)

แนะนํา Google Sites

หนา 13

3.2 การปรับแตงสีและตัวอักษร สามารถเปล่ียนสีสวนประกอบตางๆ ของธีมที่ใชอยู ใหมีความเปน

เอกลักษณมากข้ึน จนกลายเปนธีมของเราเองได

3.3 การปรับแตงธีม สามารถเปล่ียนเปนธีมแบบอ่ืนๆ ที่โปรแกรมใหไวได

แนะนํา Google Sites

หนา 14

4. การจัดการเนื้อหาของไซต ในหนาจัดการไซต ตอจากแถบ ลักษณะไซต ใหเล่ือนข้ึนไปที่แถบ เนือ้หาของไซต จะมีสวนตางๆ ที่สามารถ

จัดการหรือปรับแตงได ดังนี้

1) กิจกรรมลาสุดของไซต สามารถตรวจสอบไดวาไซตมีการปรับแตงอะไรโดยใครไปบาง เหมาะ

สําหรับในกรณีที่เว็บไซตมผีูที่ทาํงานรวมกันหลายคน

2) หนา แสดงแผงผังเว็บไซต

3) ไฟลแนบ สามารถตรวจสอบไดวาภายในเวบ็มีการแนบไฟลอะไรไวบาง และสามารถอัพโหลด ยาย

เปล่ียนชื่อ หรือลบไฟลแนบไดในที่นีท้ี่เดียว

แนะนํา Google Sites

หนา 15

4) แมแบบของหนาเว็บ สามารถสรางแมแบบของหนาเว็บ นอกเหนือจากที่โปรแกรมมไีด

5) สคริปตของ Apps สําหรับไซตที่มีการใชงาน Apps ตางๆ ของ Google สามารถเปดโปรแกรมแกไข

สคริปตได

6) รายการที่ถกูลบ แสดงรายการของส่ิงที่ถูกลบ สามารถกูคืนหรือลบอยางถาวรได

แนะนํา Google Sites

หนา 16

5. การตั้งคาไซต 1) ทั่วไป สําหรับปรับแตงขอมูลทั่วไปไซต ไมวาจะเปนการเปล่ียนชื่อไซต เพิ่มคําอธิบาย จํากัดผูเขาชม

ภาษาที่ใช คัดลอกไซต ลบไซต ฯลฯ

แนะนํา Google Sites

หนา 17

2) แบงปนไซต สามารถเผยแพรเว็บไซตนี้ใหแกผูอ่ืนไดรูจักได

3) สรางรายได สามารถใชเว็บไซตที่สรางข้ึนเพื่อหารายไดได โดยการเพิ่มโฆษณาภายในเว็บไซต

4) ที่อยูเว็บ แสดง URL ของเว็บไซต

แนะนํา Google Sites

หนา 18