GoogleSite

จดั ทําโดย นางสาวขวัญสริ ิ กะสินรัมย 1

การสราง NEW Google Site
1. เขาเว็บไซต https://www.google.com/ แลวเลือกเมนู ลงชอ่ื เขา สรู ะบบ

2. กรอก E-mail แลวกดปมุ “ถัดไป”

จดั ทําโดย นางสาวขวญั สิริ กะสินรัมย 2

3. ปอนรหสั ผาน แลวกดปุม “ถัดไป”

4. กดท่ีเมนู จุด 9 จุด หรอื เรียกวา แอป Google แลวหา “Sites” ถา ไมพบใหก ดที่เมนู “อ่ืนๆ”  บริการอื่นๆ
จาก Google

จัดทําโดย นางสาวขวัญสิริ กะสินรัมย 3

5. หาแอปท่ีชือ่ วา “Sites”
6. ดา นลา งขวามือ ใหกดไปท่ีสัญลกั ษณ “+” เพื่อเปนการสรา ง Site ใหม

จัดทําโดย นางสาวขวญั สิริ กะสินรัมย 4

7. จะปรากฏหนา ตางใหม ตรงตําแหนง “ไซตไมมชี ่ือ” ใหพมิ พชอ่ื เปนภาษาอังกฤษ

8. ตาํ แหนง ช่ือของหนา ใหต้ังช่ือ ภาษาไทย หรือภาษาอังกฤษก็ได ยกตัวอยา งเชน ช่ือตนเอง สามารถปรบั ขนาดได
จากเมนูดานบนขอ ความ และจัดกึง่ กลางได

จดั ทําโดย นางสาวขวญั สริ ิ กะสินรัมย 5

9. ดานขวามอื ใหเลือกมนู “ธมี ” เพือ่ ปรับแตงรูปแบบ โทนสีของเว็บไซต เลือกตามตองการ

10. หลงั จากน้ันนําเมาสม าชื่อท่ีสวนหัวของเว็บไซตจะปรากฏเมนู “เปลี่ยนรูปภาพ” สามารถเลือกเปล่ียนรูปภาพ
ได 2 กรณี

จดั ทําโดย นางสาวขวัญสริ ิ กะสินรัมย 6

11. กรณที ี่ 1 “อัปโหลด” แลวคนหารูปท่ีเราเตรียมไวแลว เลอื กรูป กดปุม “Open
12. กรณที ่ี 2 “เลือกรูปภาพ...” จะมรี ูปภาพหลากหลายแบบใหเลือก แลวกดปุม “เลือก” ดานลาง

จัดทําโดย นางสาวขวัญสริ ิ กะสินรัมย 7

13. การเพ่ิมสวนทา ย ทําไดโดยการนาํ เมาสมาชี้ดา นลาง จะปรากฏขอ ความ “+ เพิ่มสวนทาย” ใหคลกิ เลอื ก และ
พิมพข อความตามตองการ

14. เลือกแบบอกั ษรตามตองการ และ เลอื กจัดตําแหนง กึง่ กลาง

จัดทําโดย นางสาวขวญั สิริ กะสินรัมย 8

15. สามารถเปล่ียนสพี ื้นหลัง หรอื ลายพื้นหลังสวนทายไดโดยการเลอื กที่รูปจานสี หรอื ที่เรียกวาพ้ืนหลงั ของสวน
หลงั จากนั้น

16. เลือกรูปแบบท่ตี องการในท่ีน้ีเลอื ก “ภาพ” เลือกอัปโหลด (กรณีท่ีมีภาพที่จัดเตรียมไวแลว) หรือเลือก
“เลือกรูปภาพ” (กรณภี าพที่มีใหคนหา)

17. การแทรกรูปภาพและขอความตามแบบท่วี างไว ทําไดโดยไปทเ่ี มนู “แทรก” ที่การออกแบบใหเลือกรูปท่ี
ตองการ คร้งั น้ีใหเลือกแบบแรก

จัดทําโดย นางสาวขวัญสริ ิ กะสินรัมย 9

18. ใหกดท่ีเคร่ืองหมาย “+” เพอื่ เพม่ิ รูปภาพ ในกรณนี ี้ใหเพ่ิมรูปภาพตนเอง และปรับขาดไดตามตอ งการ
19. ใหพมิ พขอความในสว นของ “คลกิ เพื่อแกไขขอความ”

จดั ทําโดย นางสาวขวัญสิริ กะสินรัมย 10

20. การแทรกรูปภาพและขอความตามแบบอกี แบบ ทาํ ไดโดยไปเมนู แทรก  ออกแบบ  เลอื กแบบท่ี 6 ท่มี ี
รูป 4 รูป และขอความใตรูป  เลือกไฟลร ูปภาพท่ีตองการ

21. กดเครื่องหมาย “+”  รปู ภาพหัวขอที่ตองการ

จดั ทําโดย นางสาวขวัญสริ ิ กะสินรัมย 11

22. กดปุม “ยกเลิกการครอบตัด” แลว ปรับขนาดตามตอ งการ ดา นลางในสวนของ “คลกิ เพ่ือแกไขขอความ” ให
พมิ พรายละเอยี ดที่ตองการ

จัดทําโดย นางสาวขวญั สริ ิ กะสินรัมย 12

23. วิธกี ารแทรกแผนท่ี ไปที่เมนู แทรก  แผนที่
24. พิมพตาํ แหนงท่ีเราอยเู ชน Ban Bu Wittayasan แลวกดปุม “เลือก” จะปรากฏแผนท่ีดานลา ง

จัดทําโดย นางสาวขวัญสริ ิ กะสินรัมย 13

25. ทดลองดูตัวอยา งหนาเว็บใหไปกดที่รูปคอมพิวเตอรด านบน
26. หลังจากดเู สร็จใหกดเครื่องหมาย “x” เพือ่ กลบั สูเมนูแกไขหนา เว็บ

จดั ทําโดย นางสาวขวญั สิริ กะสินรัมย 14

27. การเพิ่มหนาเวบ็ เพจในเว็บไซต ทําไดโ ดยไปที่เมนู “หนาเว็บ” แลว กดเครอ่ื งหมาย “+”

28. ใหตัง้ ช่ือหนา เว็บใหม เชน รายวิชาทสี่ อน แลวกดปุม “เสร็จส้ิน” จะปรากฏหนาเพจใหมขึน้ มาสามารถ
ปรับแตงส่ิงตา งๆไดแบบเดียวกับหนาแรก

จดั ทําโดย นางสาวขวญั สริ ิ กะสินรัมย 15

29. ทดลองทําหนารายวิชาที่สอน ไปทเ่ี มนู “แทรก” ตรงสวนออกแบบใหเ ลือกแบบตามรูป

30. แลวแทรกรูปภาพ โดยการกดที่เคร่อื งหมาย “+” เลือก อัปโหลด แลวเลอื กรูปภาพท่ีตอ งการ และกดปุม
“ยกเลิกการครอบตัด” เพื่อใหรูปภาพพอดีตามที่เราทํามา

จดั ทําโดย นางสาวขวญั สิริ กะสินรัมย 16

31. วิธีการแทรกลงิ คใ นปุมกดท่ีสรางขึ้น ไปท่ี แท็บ “หนา แรก”
32. ใหคลิกทร่ี ูปภาพท่ีเราตองการทําใหลิงคไปหนาอื่น แลว เลอื กสัญลักษณร ูปโซ ที่ชื่อวา “แทรกลงิ ค”

จดั ทําโดย นางสาวขวญั สิริ กะสินรัมย 17

33. จะปรากฏหนาเวบ็ เพจที่เราทําทั้งหมด แลวเลือกที่เราตองการ แลวกดปุม “ใช” แตถา ตองการลิงคไปเวบ็ ไซต
ภายนอกก็ใหใ สที่อยูเ ว็บไซตท ี่ตองการไดเลย

34. แลวทดลองกดปุม รูปคอมพวิ เตอรดา นบน “แสดงตวั อยา ง” ทดลองกดลงิ คท่ีเราสรางขึ้นวาไปท่ีหนา ท่ีเรา
กําหนดหรือไม และสวนอื่นๆท่ีตองการใหลิงคไปหนา ไหนในเวบ็ กท็ ําวธิ ีเดียวกัน

จดั ทําโดย นางสาวขวัญสิริ กะสินรัมย 18

35. การสรา งหนา เพจยอยจากหนา เพจหลัก ใหไปที่เมนู “หนาเว็บ” แลว กดเคร่ืองหมาย “+” ตั้งชื่อหนา เพจแลว
กดปมุ “เสร็จสิ้น” วธิ กี ารเดียวกับการสรา งหนาเวบ็ ปกติ แตใหเพม่ิ อกี ขัน้ ตอนคือท่ีเมนู “หนา เวบ็ ” ใหเดกชื่อ
หนา เวบ็ เพจยอย เขาไปใสท่ีเว็บเพจหลกั จะไดดงั รูปภาพ

36. สามารถคลิกเลือกที่เมนูดานบนดงั รูปได

จดั ทําโดย นางสาวขวญั สริ ิ กะสินรัมย 19

37. ขัน้ ตอนการนาํ ส่อื วิดีโอ จาก YouTube มาแสดงบนหนาเวบ็ เพจมีหลายวธิ ี
-วิธีที่ 1ไปที่เมนแู ทรก  YouTube
-วิธีท่ี 2 ไปที่เมนูแทรก สวนออกแบบเลือกท่ีมีรูปภาพ แลว กดเครือ่ งหมาย “+” YouTube
หลงั จากนั้นไป Copy URL ของคลิปวิดโี อที่เราตองการ  คน หา  เลือกไฟลวดิ ีโอ  เลือก

จดั ทําโดย นางสาวขวญั สิริ กะสินรัมย 20

38. กรณกี ารฝง โคดลงในหนาเวบ็ ยกตัวอยา งเชน เรามี URL ของ Bookcase ท่ีจัดทาํ ไว แลวตอ งการนาํ มาใสลง
ในเว็บเพจของเรา ใหไปเมนู แทรก  สัญลักษณ “<>” ฝง  ใช URL แลววาง URL ท่ีคัดลอกมา 
กดปุม “แทรก”

จดั ทําโดย นางสาวขวัญสิริ กะสินรัมย 21

39. การแทรกไฟลง านท่ีเรามีใน Google Drive โดยไปท่ี เมนู แทรกจากไดรฟเลือกไฟลท่ีเราตองการ แลว
ปรับขนาดตามตอ งการ

40. เมนูอ่ืนก็สามารถใชง านไดงายวธิ ีคลายๆ กัน

จัดทําโดย นางสาวขวญั สิริ กะสินรัมย 22