คู่มือ การสร้างเว็บไซต์ ด้วย Google Sites (ปรับปรุงครั้งที่ 4)

การสรา้ งเว็บไซต์ด้วย Google Sites ก

คำนำ

คู่มือการสร้างเว็บไซต์ด้วย Google Sites เล่มนี้ เป็นเล่มที่ปรับปรุง ครั้งที่ 3 จัดทำข้ึน
เพื่อใช้ประกอบการการสร้างเว็บไซต์สำหรับเพิ่มศักยภาพด้านเทคโนโลยี การจัดกระบวนการเรียนการสอน
ด้วยการสร้างเว็บไซต์ในการรวบรวมขอ้ มูลต่าง ๆ ซึ่งผู้สรา้ งจำเปน็ ตอ้ งจดั หมวดหมู่เรือ่ งราวให้เป็นขั้นเปน็ ตอน
และสอดคล้องกัน เพื่อความสะดวกในการศึกษาของผู้เรียน หรือผู้เข้าชม ซึ่งเว็บไซต์สามารถใช้ร่วมในการ
จัดการเรียนการสอนกับ Google Classroom ได้เป็นอย่างดี โดยในการปรับปรุงครั้งนี้ได้เพิ่มเนื้อหา เรื่อง
การฝังจำนวนนับผ้เู ขา้ ชมเว็บไซต์ ซ่ึง Google Sites ได้อัปเดตโปรแกรมขึ้นมาจากเดมิ

เมื่อศึกษาคู่มือเล่มนี้ตั้งแต่ต้นจนจบแล้วจะสามารถสร้างเว็บไซต์ได้อย่างสมบูรณ์ ตั้งแต่
กระบวนการแรกจนถงึ นำเว็บไซตเ์ ผยแพร่ต่อสาธารณะได้

กญั ญาทพิ เสนาะวงศ์
สงิ หาคม 2564

การสร้างเวบ็ ไซตด์ ว้ ย Google Sites ข

สารบญั

เรือ่ ง หน้า
คำนำ........................................................................................................................................................ ก
สารบัญ..................................................................................................................................................... ข
รจู้ กั Google Sites .................................................................................................................................. 1

ข้อดขี อง Google sites.................................................................................................................1
การสร้างเว็บไซต์ (Google Sites) เพอื่ การเรียนการสอน.............................................................2
วธิ กี ารสรา้ งเวบ็ ไซต์........................................................................................................................2
ประโยชน์ของการสร้างไชต์เพื่อการเรียนการสอน.........................................................................5
การเพมิ่ โลโกเ้ วบ็ ไซต์......................................................................................................................5
การเปลีย่ นหัวเวบ็ ไซต์....................................................................................................................7
การเปลี่ยนธมี ..............................................................................................................................10
การสร้างหนา้ หลกั ของไซต์...........................................................................................................12
การเพมิ่ หนา้ ย่อย .........................................................................................................................14
การแทรกเนอ้ื หา..........................................................................................................................16
การแทรกจำนวนผ้เู ขา้ ชมเว็บไซต์ ................................................................................................24
การเผยแพรไ่ ซต์...........................................................................................................................29
การย่อเวบ็ ไซต์ .............................................................................................................................31
การแชร์ลงิ ก์.................................................................................................................................34
แหลง่ ศึกษาขอ้ มูล................................................................................................................................... 35

รู้จัก Google Sites

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

ข้อดีของ Google sites

1. Google Sites สามารถรวมเอกสาร งานนำเสนอ สเปรดชีต วิดีโอ ภาพสไลด์ เพื่อช่วยในการ
ทำงานอยา่ งเปน็ ระเบียบ

2. มเี ทมเพลตให้เลอื กหลากหลาย
3. สามารถเขา้ ถงึ ไดท้ ุกที่ท่มี อี ินเทอรเ์ น็ต
4. ทำงานได้หลายระบบปฏิบัติการ เช่น Window, Mac, Linux โดยการทำงานผ่านเบราว์เชอร์
ตา่ ง ๆ
5. สามารถเข้าชมผา่ นโทรศพั ทส์ มารต์ โฟนได้
6. ระบบมีการรักษาความปลอดภัยทด่ี ี โดยผ้ดู แู ลระบบสามารถจดั การสทิ ธิในการแบง่ ปันไชตํได้

การสร้างเว็บไซตด์ ว้ ย Google Sites 2

การสร้างเว็บไซต์ (Google Sites) เพ่ือการเรียนการสอน

การสร้างเว็บไชต์เพื่อการเรียนการสอนเป็นการนำองค์ความรู้ต่าง ๆ รวบรวมเพื่อง่ายต่อนักศึกษา
ในการศกึ ษาค้นคว้าหาข้อมูลท่ีเกย่ี วข้องกับวชิ าท่สี อนโดยอาจารย์ สามารถเพมิ่ วดิ ีโอกอ่ นเขา้ เรยี น แบ่งปันไฟล์
ให้นักศึกษา สร้างแบบทดสอบก่อนและเรียน ให้นักศึกษาส่งงานผ่านทาง Google Sites และอื่น ๆ
อีกมากมาย เนื่องจาก Google Sites มี 2 รูปแบบ คือ รูปแบบเก่า (Sites แบบคลาสสิก) และรูปแบบใหม่
ในที่นีจ้ ะกลา่ วถึงเฉพาะรปู แบบใหม่เทา่ น้นั

วธิ ีการสรา้ งเว็บไซต์

1. ลงชอื่ เข้าใชด้ ว้ ย Google Account
2. เลอื กสญั ลกั ษณ์ ทีม่ ุมบนขวา

3. เลอื ก “Sites”

4. เลอื ก “Google Sites ใหม”่

การสรา้ งเว็บไซต์ด้วย Google Sites 3
5. เลอื กสญั ลักษณ์ บรเิ วณด้านล่างขวา เพอ่ื สรา้ งเว็บไซตใ์ หม่

6. ต้ังช่ือไซต์ บริเวณด้านบนซา้ ย
7. เลือกภาพส่วนหวั ของไซต์

การสร้างเว็บไซต์ดว้ ย Google Sites 4
สามารถเลือกภาพได้โดยการอัปโหลดภาพจากเครื่องคอมพิวเตอร์ หรือ เลือกภาพจากแหล่งอื่น
เช่น แกลเลอรี URL เว็บไซต์ อลั บมั้ Google Drive

กรณอี ัปโหลดจากเครอ่ื งคอมพิวเตอร์

กรณเี ลอื กภาพจากแหล่งอน่ื

การสรา้ งเวบ็ ไซตด์ ว้ ย Google Sites 5

8. ตัวอยา่ งไซตท์ ่ีสร้าง

ประโยชนข์ องการสรา้ งไชต์เพือ่ การเรียนการสอน

1. นกั ศกึ ษาสามารถเข้าถงึ ไซตไ์ ด้งา่ ย ด้วยการลงิ ก์
2. นักศึกษาสามารถหาศึกษาหาข้อมูลได้ง่ายจากเว็บไชต์เดียวเพราะอาจารย์ได้รวบรวมข้อมูลไว้
ให้แลว้
3. อาจารยส์ ามารถสรา้ งเวบ็ ไซต์ และแกไ้ ขข้อมลู หรอื อปั เดตไดง้ ่าย สะดวก และรวดเรว็

การเพิม่ โลโกเ้ วบ็ ไซต์

1. ใช้เมาส์ลากผา่ นบรเิ วณช่อื ไซต์

การสร้างเว็บไซต์ด้วย Google Sites 6

2. คลิก “เพ่มิ โลโก”้

3. เลอื กภาพโดยการ “อปั โหลด” ภาพจากเครื่องคอมพวิ เตอร์

หรอื “เลอื ก” จากแหล่งอน่ื

การสร้างเว็บไซตด์ ้วย Google Sites 7
4. สามารถปรับแตง่ สพี ืน้ หลังของโลโกไ้ ด้ด้วยการเลอื กสีพนื้ หลัง แนะนำให้เลือกเปน็ “โปร่งใส”

5. ภาพโลโก้ทเ่ี ลอื กจะแสดงดา้ นบนซ้าย คู่กบั ชอื่ ของไซต์

การเปล่ียนหวั เว็บไซต์

หัวไซต์เป็นอีกจุดหนึ่งที่ดึงดูดความสนใจของผู้เข้าชม นอกจากจะสวยงามแล้วจะต้องเหมาะสม
และสะดดุ ตา มีวิธีการเปลย่ี น ดังนี้

1. ใช้เมาส์ลากผ่านบริเวณส่วนหวั ข้อความ “ประเภทส่วนหวั ” จะปรากฏ

การสร้างเวบ็ ไซต์ด้วย Google Sites 8
2. คลกิ “ประเภทส่วนหวั ” จะมีใหเ้ ลือก 4 แบบ คือ

1. หนา้ ปก
2. แบนเนอร์ขนาดใหญ่
3. แบนเนอร์
4. ชือ่ เท่านน้ั
สามารถเลือกไดต้ ามต้องการ แนะนำใหเ้ ลอื ก “แบนเนอร์” เพราะขนาดหัวจะมขี นาดท่นี า่ ดู ไมเ่ ลก็
และไมใ่ หญ่จนเกินไป

3. จะไดส้ ว่ นหวั ซึง่ มภี าพพนื้ หลงั ปรากฏ

4. สามารถเปลี่ยนรูปภาพพื้นหลังใหม่ได้โดยการลากเมาส์ผ่านบริเวณส่วนหัวเลือก
“เปลี่ยนรูปภาพ”

การสรา้ งเวบ็ ไซต์ดว้ ย Google Sites 9
5. เลือก “อัปโหลด” กรณีเลือกภาพในคอมพิวเตอร์ หรือ “เลือกรูปภาพ” กรณีภาพอยู่ใน
แหล่งอืน่

6. เลือกภาพท่ตี ้องการ

7. คลกิ “เลือก”

การสรา้ งเว็บไซตด์ ้วย Google Sites 10

8. จะได้ภาพส่วนหัวตามตอ้ งการ

การเปลยี่ นธมี

ธีม คือ ชุดรูปแบบของสีพื้นหลัง และแบบตัวอักษร ที่ระบบจัดเตรียมไว้ให้ สามารถปรับเปลี่ยนได้
ดังน้ี

1. เลอื กแถบ “ธมี ”

การสรา้ งเว็บไซตด์ ้วย Google Sites 11
2. เลือกธีมที่ต้องการ แนะนำให้เลือกธีม “Vision” เพราะจะสามารถเปลี่ยนสีแถบหน้า
ดา้ นบนได้ตามตอ้ งการ เมอื่ เลอื กพ้ืนหลังโลโกแ้ บบ “โปรง่ ใส”

3. เลอื กสีทต่ี ้องการ เมื่อคลกิ เมาสท์ สี่ สี ุดทา้ ยจะมภี าพถงั สเี พื่อใหเ้ ลอื กสอี น่ื ๆ เพิม่ ได้

4. เลือกแบบตัวอกั ษร

การสร้างเวบ็ ไซต์ด้วย Google Sites 12

การสร้างหน้าหลักของไซต์

การสร้างหน้าของไซต์เปรียบเสมือนสร้างสารบัญของเอกสารนั่นเอง ซึ่งผู้สร้างไซต์ต้องออกแบบ
ว่าจะแบ่งออกเป็นหมวดหมู่ใดบ้าง เช่น แบบทดสอบ แบบฝึกหัด บทเรียน ซึ่งในแต่ละหน้าจะสามารถ
แบ่งเป็นหน้าย่อย ๆ ได้อีก เช่น ในแบบทดสอบ จะถูกแบ่งออกเป็น แบบทดสอบก่อนเรียน แบบทดสอบ
หลงั เรยี น ฯลฯ มวี ิธสี รา้ ง ดังน้ี

1. เลือกแถบ “หน้าเวบ็ ”

2. คลิกเลือกสัญลกั ษณ์ เพ่อื เพ่ิมหน้า

3. สร้างหน้าใหม่ตามทีอ่ อกแบบไว้

การสร้างเวบ็ ไซตด์ ว้ ย Google Sites 13

4. เลอื ก “เสรจ็ ส้นิ ”

5. จะปรากฏหน้า “มธั ยมศึกษาตอนต้น” ท่สี รา้ งขน้ึ เพอื่ ใหเ้ พิ่มเนอื้ หาในหนา้ น้ี

การสรา้ งเวบ็ ไซต์ด้วย Google Sites 14

การเพิ่มหนา้ ยอ่ ย

การสร้างหน้าย่อย หมายถึง การนำหน้าย่อย ๆ วางภายใต้หน้าหลัก สามารถวางได้หลาย ๆ
หน้ายอ่ ยภายใตห้ น้าหลกั 1 หน้า มวี ิธกี ารสร้าง ดังนี้

1. เลือกหนา้ หลักทตี่ ้องการเพิ่มหน้าย่อย เลือกสัญลักษณ์

2. เลอื ก “เพ่ิมหน้ายอ่ ย”

3. พมิ พช์ ือ่ หน้าย่อยทีต่ อ้ งการ

4. คลิก “เสร็จส้ิน”

การสร้างเวบ็ ไซต์ด้วย Google Sites 15
5. หน้าย่อย “ภาษาไทย” จะถูกสรา้ งข้ึนภายใต้หน้าหลัก “มัธยมศกึ ษาตอนต้น”

6. ปรบั แต่งหัวขอ้ ให้สวยงาม โดยคลิกเลอื กทห่ี วั ข้อในหน้าใหม่

7. คลกิ เปลี่ยนรปู แบบขอ้ ความ

การสร้างเวบ็ ไซต์ดว้ ย Google Sites 16

8. จะไดร้ ูปแบบตามตอ้ งการ

9. กรณีเพิ่มหน้าย่อยหลาย ๆ หน้าสามารถทำการสำเนาได้ จากนั้นใช้คำสั่ง คุณสมบัติ
ในการเปล่ยี นช่ือหนา้ ยอ่ ย

การแทรกเนือ้ หา

การแทรกเนื้อหา คือ การนำเนื้อหา รายละเอียดต่าง ๆ วางในหน้าไซต์ที่สร้างไว้ เพื่อให้สอดคล้อง
กบั หวั ขอ้ ท่สี รา้ งไว้ มวี ธิ กี ารแทรก ดงั นี้

1. คลิกเลือกหนา้ ทีต่ อ้ งการแทรกเน้ือหา เลอื กแถบ “แทรก”

การสร้างเว็บไซตด์ ้วย Google Sites 17

2. เลือกไฟลข์ ้อมูลที่ต้องการนำมาแทรก ซึ่งสามารถนำมาจากหลายแหล่งขอ้ มูล ดังนี้

หมายเลข 1 แทรกข้อความ
หมายเลข 2 แทรกรูปภาพ
หมายเลข 3 ฝัง URLจากเว็บไซต์อื่น และฝังโค้ด

คำสง่ั อ่ืน ๆ ทีต่ อ้ งการ
หมายเลข 4 แทรกขอ้ มลู จาก Google Drive
หมายเลข 5 แทรกรปู แบบหนา้
หมายเลข 6 แทรกปุม่
หมายเลข 7 แทรกตัวแบง่
หมายเลข 8 แทรก YouTube
หมายเลข 9 แทรกปฏทิ นิ (Google Calendar)
หมายเลข 10 แทรกแผนที่ (Google Maps)
หมายเลข 11 แทรกเอกสาร (Google Doc)
หมายเลข 12 แทรกสไลด์ (Google Slide)
หมายเลข 13 แทรกชตี (Google Sheet)
หมายเลข 14 แทรกฟอรม์ (Google Form)
หมายเลข 15 แทรกแผนภูมิ

การสร้างเวบ็ ไซตด์ ว้ ย Google Sites 18
ในที่นี้จะทดสอบแทรกไฟล์แบบทดสอบก่อนเรียนที่สร้างจาก Google Form โดยการเลือก
ฟอร์มแบบทดสอบท่สี รา้ งไวม้ าวางยังหนา้ แบบทดสอบกอ่ นเรยี น เลือก “ฟอร์ม”

3. คลิกเลือกฟอร์มทต่ี ้องการแทรก

การสรา้ งเวบ็ ไซต์ดว้ ย Google Sites 19
4. คลกิ “แทรก” ด้านล่างขวา หรอื “ดบั เบลิ้ คลกิ ”

การสร้างเวบ็ ไซตด์ ว้ ย Google Sites 20
5. แบบทดสอบกอ่ นเรยี นจะถูกนำไปแทรกยงั หน้าแบบทดสอบกอ่ นเรยี น

การสรา้ งเวบ็ ไซต์ดว้ ย Google Sites 21

6. สามารถปรับแต่งให้สวยงามโดยการลากวางบรเิ วณกึ่งกลางของหน้า และสามารถยืด หรือ หด
ขนาด ไดด้ ้วย จดุ 5 จุด

การสร้างเว็บไซต์ดว้ ย Google Sites 22
7. เปล่ียนสีของส่วนดว้ ยการคลกิ ทส่ี ัญลักษณ์ ดา้ นซ้ายของหน้า

8. คลิก “ภาพ” เลือก “อัปโหลด” กรณีเลือกภาพในคอมพิวเตอร์ หรือ “เลือกรูปภาพ” กรณี
ภาพอยู่ในแหลง่ อนื่

การสร้างเว็บไซตด์ ้วย Google Sites 23

9. จะไดพ้ ้นื หลังของสว่ นที่สวยงาม

10. ทดสอบดใู นมุมมองของผู้เขา้ ชมเว็บไซตด์ ้วยการคลิกที่สัญลักษณ์

หมายเหตุ : บริเวณทีเ่ นือ้ หาถกู นำมาวางเรยี กวา่ “ส่วน”
กรณีต้องการทำสำเนาส่วน ใหค้ ลิกสัญลักษณ์
กรณีต้องการลบสว่ น ให้คลกิ สญั ลกั ษณ์

การสร้างเวบ็ ไซตด์ ว้ ย Google Sites 24

การแทรกจำนวนผู้เข้าชมเว็บไซต์

การสร้างเคานเ์ ตอร์ (นบั จำนวนผูเ้ ช้าชมเวบ็ ไซต)์
จำนวนผู้เข้าชมเว็บไซต์เป็นตัวบ่งชี้หน่ึงที่ทำให้ผู้สร้างเว็บไซต์ทราบว่ามีจำนวนผู้เข้าชมมากน้อยเพี
ยงใด สามารถทำได้ ดังนี้
1. เข้าสเู่ ว็บไซต์ http://www.freecounterstat.com/

2. มีรูปแบบเคาน์เตอร์ให้เลือกใช้มากมาย หากชอบแบบไหนก็สามารถที่จะคลิกเลือกเพื่อนำมา
ใช้งานไดเ้ ลย

3. เลือกรูปแบบเคาน์เตอร์รูปแบบใดรปู แบบหนึง่ ท่ตี ้องการ โดยการคลิกเลือกได้เลย

การสร้างเว็บไซตด์ ว้ ย Google Sites 25

4. เมื่อคลิกเลือกแล้วเว็บไซต์จะพาไปยัง "Step 2" ซึ่งจะเป็นการตั้งค่าต่าง ๆ ให้กับเคาน์เตอร์
โดยให้ตงั้ คา่ ดังนี้

1. Location เลอื กเปน็ Asia/Bangkok (GMT+7) ซ่ึงชอ่ งแรกน้ปี กติระบบจะเลอื กใหแ้ ลว้
2. Category of your site ช่องนี้ให้เลือกประเภทว่าเว็บไซต์ที่จะนำเคาน์เตอร์ นับจำนวน
ไปใสเ่ ป็นเว็บไซตป์ ระเภทใด หากไม่ทราบวา่ จะเลือกอะไรใหเ้ ราเลือกเป็น "Internet"
3. Sub-category อันนี้เป็นหัวข้อย่อยจากประเภทเว็บไซต์ที่เลือกไปจากข้อ 2
ให้เลือกข้อใดข้อหนึ่ง หากไม่ทราบว่าจะเลือกอะไรให้เลือกเป็น "Website creation" (ก่อนเราจะเลือกเป็น
Website creation ไดน้ ัน้ ดา้ นบนในสว่ นของ "Sub-category" ตอ้ งเลือกเปน็ "Internet" ก่อน)
4. Numbers digit ส่วนนี้เปน็ การต้ังค่าจำนวนหลักให้กับเคาน์เตอร์ว่าจะนับจำนวนกห่ี ลัก
5. Init your counter สว่ นนี้เปน็ การตั้งคา่ ให้เริม่ นบั ตัง้ แต่จำนวนเท่าใด
6. ตำแหน่งเคานเ์ ตอร์ใหเ้ ลือกเปน็ Standard (มาตรฐาน)
7. รูปแบบการนบั จำนวน ใหเ้ ลือกเปน็ Visitor counter
8. เมื่อตัง้ ค่าตา่ ง ๆ เสร็จเรียบร้อยแลว้ ใหก้ ด "สง่ "

การสร้างเว็บไซตด์ ว้ ย Google Sites 26

5. หลังจากกดส่งแล้วระบบจะพาไปยัง "Step 3" ให้ทำการแดรกเมาส์คลุมซอสโค้ดในช่องที่ 2
ทง้ั หมดและทำการ “Copy”

6. กรอกอีเมลที่สามารถใช้งานได้เพื่อในกรณีที่ทำซอสโค้ดที่คัดลอกไว้หายแล้วยังสามารถ
กลับไปคัดลอกในอเี มลได้ โดยระบบจะสง่ ซอสโคด้ ไปใหท้ างอีเมล

7. กด "ส่ง"

การสร้างเว็บไซต์ด้วย Google Sites 27
การฝงั ซอสโค้ดเคานเ์ ตอร์
เมื่อ Copy ซอสโค้ดไว้แล้วจะต้องนำมาวางบนเว็บไซต์เพื่อให้แสดงผลการนับจำนวนผู้เข้าชม
แนะนำใหว้ างในสว่ นทา้ ยของเวบ็ ไซต์หนา้ แรกเพือ่ ให้นบั จำนวนผู้เข้าชมในทุกหน้าของเวบ็ ไซต์ ทำได้ ดังน้ี
1. เปดิ เวบ็ ไซต์หน้าหลัก ในแถบเคร่ืองมือ “แทรก” เลอื ก “ฝงั ”

2. เลอื กแถบ “ฝังโค้ด”
3. วางโค้ดลงในชอ่ งวา่ ง
4. คลิก “ถดั ไป”

การสร้างเวบ็ ไซตด์ ้วย Google Sites 28

5. คลิก “แทรก”

6. จะปรากฏจำนวนนบั บนเวบ็ ไซต์ จากน้นั สามารถนำไปจัดวางไว้ยังตำแหนง่ ทีเ่ หมาะสม

การสรา้ งเวบ็ ไซต์ด้วย Google Sites 29

การเผยแพรไ่ ซต์

หลงั จากสร้างไซต์เสรจ็ เรยี บรอ้ ยแลว้ เมอื่ ตอ้ งการเผยแพร่ไซต์ มีวธิ ีการ ดงั นี้
1. ในหน้าไซต์ คลิก “เผยแพร”่

2. พิมพ์ที่อยู่เว็บ ระบบจะทำการตรวจสอบว่าสามารถใช้ได้หรือไม่ กรณีใช้ไม่ได้ ให้เลือกใช้
ช่ืออื่นจนกว่าจะใชไ้ ด้

การสรา้ งเวบ็ ไซตด์ ้วย Google Sites 30

หากช่ือน้ันสามารถใชไ้ ด้ กด “เผยแพร”่

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

การสร้างเวบ็ ไซตด์ ้วย Google Sites 31

การยอ่ เวบ็ ไซต์

เมื่อสร้างเว็บไซต์เสร็จเรียบร้อยแล้ว สามารถย่อไซต์เพื่อให้สั้นลง และจดจำได้ง่ายเมื่อนำไป
เผยแพรต่ ่อ มีวธิ ีการทำ ดงั น้ี

1. เปิดเวบ็ ไซต์ ทีต่ อ้ งการย่อ
2. คลิก “เผยแพร่”

3. เพิม่ ข้อความให้ทอี่ ยู่เวบ็
4. ตั้งค่าใหท้ กุ คนบนเว็บมองเหน็
5. คลิก “เผยแพร่”

การสรา้ งเวบ็ ไซต์ดว้ ย Google Sites 32

6. คดั ลอก URL ของเว็บไซต์

7. เปดิ เว็บไซต์ https://bit.ly

8. ลงชอ่ื เขา้ ใช้ด้วยบญั ชีอีเมลของ Google
9. นำ URL ทค่ี ัดลอกไว้วางในชอ่ ง PASTE LONG URL

การสร้างเวบ็ ไซต์ดว้ ย Google Sites 33
10. เปล่ียนชื่อเวบ็ ไซตต์ ามต้องการ (สามารถตง้ั ชอื่ เป็นภาษาไทยได)้ คลิก COPY และ SAVE

11. จะไดท้ ่อี ยเู่ ว็บไซตต์ ามทีต่ ้องการ สามารถนำไปเผยแพรต่ ่อไป

การสรา้ งเว็บไซต์ด้วย Google Sites 34

การแชร์ลงิ ก์

การแชร์ลิงก์ เป็นการกำหนดว่าจะให้ใครสามารถเข้าถึงไซต์ของเราได้ซึ่งจะสามารถแก้ไข
เว็บไซต์ได้ดว้ ย จะมที ้ังหมด 3 สิทธ์ิด้วยกนั คือ

1. เปิด (สาธารณะบนเว็บ) หมายถึง ผู้ใช้อินเทอร์เน็ตทุกคนสามารถค้นพบ และเข้าถึง
เว็บไซต์ได้โดยไม่ต้อลงชือ่ เขา้ ใช้

2. เปดิ (ทุกคนทม่ี ลี งิ ก)์ หมายถึง ผู้ทจ่ี ะเขา้ ถงึ ไดต้ ้องมลี ิงก์ในการเข้าถงึ เทา่ นน้ั
3. ปดิ (ผใู้ ชท้ รี่ ะบุ) หมายถึง ผู้ท่ไี มไ่ ดร้ ะบชุ ่ือไว้จะไม่สามารถเข้าถงึ เวบ็ ไซต์ได้

เมอ่ื ตง้ั ค่าเสรจ็ แลว้ กดปมุ่ “บันทกึ ”
หากไม่มคี วามจำเป็นต้องแกไ้ ขเวบ็ ไซต์ร่วมกับผู้อนื่ ควรระบุสทิ ธิ์เป็น ปดิ (ผใู้ ช้ท่ีระบุ)
หมายเหตุ คำวา่ ไซต์ หมายถงึ เว็บไซต์

เวอรช์ ันปัจจบุ นั สามารถเปลย่ี นรูปแบบตัวอกั ษร สตี ัวอกั ษร ได้

การสรา้ งเวบ็ ไซตด์ ้วย Google Sites 35

แหลง่ ศึกษาข้อมลู

สามารถศกึ ษาข้อมูลเพมิ่ เตมิ ไดจ้ ากเว็บไซต์
https://bit.ly/กกู ญั
https://bit.ly/enfesites

การสร้างเว็บไซตด์ ้วย Google Sites 36

คณะผูจ้ ดั ทำ

ทีป่ รึกษา ผู้อำนวยการ สถาบัน กศน.ภาคตะวันออก
รองผู้อำนวยการ สถาบัน กศน.ภาคตะวนั ออก
นายสงั ข์ กาญจนเพิม่ พนู
นางสาวธัญญ์ลักษณ์ ขจรสกลุ วงศ์

เนือ้ หา/รูปเลม่ สถาบัน กศน.ภาคตะวนั ออก

นางกัญญาทพิ เสนาะวงศ์

บรรณาธิการ สถาบัน กศน.ภาคตะวันออก

นางกมลชนก วิสิษฐดำรงคก์ ลุ

ประสานงาน สถาบัน กศน.ภาคตะวนั ออก
สถาบนั กศน.ภาคตะวันออก
นายวัชระ คำพรม
นายอภเิ ชษฐ์ ภูทองยอด

การสรา้ งเวบ็ ไซต์ดว้ ย Google Sites 37