คู่มือ google Sites

การสร้างเวบ็ ไซตด์ ว้ ย Google Sites Google Sites คืออะไรกค็ อื เวบ็ ไซตข์ อง Google เป็นโปรแกรมออนไลน์ทท่ี าํ ให้การสร้างเวบ็ ไซต์ให้งา่ ยขนึ้ เหมอื นกบั การแก้ไขเอกสารธรรมดาๆ ดว้ ย Google เวบ็ ไซตค์ ุณสามารถรวบรวมความหลากหลายของข้อมลู ในท่เี ดยี ว เชน่ รวมวดิ ีโอ ปฏทิ นิ การนาํ เสนอ เอกสารหรือสิ่งท่ีแนบ และข้อความ อาํ นวยความสะดวกให้คณุ ร่วมกันดู หรอื แก้ไขหน้าเวบ็ จะเปน็ กลมุ่ เลก็ ๆ หรอื ท้งั องค์กรของคณุ หรือจะทง้ั โลกเลยก็ได้ร้จู ักกูเกิ้ลไซต์ (Google Sites) · กเู กิล้ ไซต์ ใหบ้ รกิ ารคร้งั แรกเม่ือเดอื นพฤษภาคม 2551 · สรา้ งเว็บไซต์ไดส้ ุดแสนจะง่ายดาย ใช้เวลาก่ีนาทกี โ็ ชว์ผลงาน · ไม่จําเปน็ ตอ้ งรู้ภาษาเขียนเวบ็ (HTML) ให้ปวดหัว แค่ใช้เวิร์ดพมิ พง์ านเป็นกเ็ ร่ิมได้เลย แถมเมนู เป็นภาษาไทยอกี ตา่ งหาก · มีแบบเทมเพลตสาํ เร็จรปู ให้เลือกมากมาย คล้ายๆ กบั แบบสาํ เรจ็ เพาเวอรพ์ อยต์ · สามารถแชรเ์ ว็บให้เพอ่ื นๆ ร่วมสรา้ งสรรค์ได้ · เป็นระบบท่คี รอบคลุม เอามาใช้ด้วยกันได้เลย เชน่ อีเมล์ (Gmail) ปฏทิ นิ (Calendar) · เอกสาร (Documents) ยทู บู (YouTube) อลั บั้มภาพ (Picasa) แผนที่ (Map) ฯลฯน่คี ือสิ่งท่คี ณุ สามารถดาํ าเนนิ การได้กบั Google Sites: · กาํ หนดรูปลกั ษณ์ของเวบ็ ไซต์ของคุณ · สร้างเพจย่อยเพื่อให้เนื้อหาของคณุ จัด · เลือกประเภทเพจ: เวบ็ เพจประกาศ, ตเู้ ก็บเอกสาร · ใหเ้ นื้อหาในเว็บของคณุ (เช่นวดิ โี อเอกสารออนไลน์ Picasa แสดงสไลดภ์ าพถ่าย, gadgets iGoogle) และไฟล์แบบออฟไลนใ์ นตําแหน่งกลางหน่ึง · ใหเ้ ว็บไซตข์ องคณุ เปน็ สว่ นตัวหรอื สาธารณะตามทีค่ ณุ ตอ้ งการ · คน้ หาใน Google เนอื้ หาของเวบ็ ไซต์ที่มเี ทคโนโลยีการคน้ หา Google · เรียนรูพ้ นื้ ฐานของ Google เว็บไซตแ์ ละเร่มิ ต้นสร้างเวบ็ ไซต์ของคณุ เองการใชง้ าน Google site · Google Sites เป็นแอปพลิเคชันออนไลนท์ ี่ทาํ ใหก้ ารสรา้ งเวบ็ ไซต์ของทีมกลายเปน็ เรอ่ื งง่าย · แกไ้ ขเอกสาร เม่ือใช้ Google Sites ผูค้ นสามารถรวบรวมข้อมูลทีห่ ลากหลายไว้ในที่เดยี วได้ อยา่ งรวดเร็ว ไดแ้ ก่ วดิ โี อ ปฏทิ นิ งานนาเสนอ ไฟล์แนบ และขอ้ ความ และสามารถใช้งาน รว่ มกบั กลุ่มเลก็ ๆ ท้งั องค์กรหรอื ทั้งโลก เพือ่ ดหู รือแกไ้ ขได้อย่างงา่ ยดาย

เร่มิ ตน้ สร้างไซต์ 1. ลงช่อื เข้าใช้งานโดยบญั ชขี อง Gmail หรือ กรณีครแู กนนาํ ภาคเหนือ ใหล้ องชื่อเขา้ ใชด้ ้วย Google Account และ Google password จากมหาวทิ ยาลยั นเรศวร กําหนด ท่ี URL: sitemail.nu.ac.th 1 2. เลือกป่มุ 2 33. เลือก Apps ไซต์

4. เลอื กปมุ่ “สร้าง” 4  5 6 5. เลอื กเทมเพลตทจ่ี ะใช้ หากตอ้ งการเลอื กเทมเพลตอน่ื ๆ ใหค้ ลิกที่ “เลอื กดูเพม่ิ เติม”6. ตัง้ ช่ือไซต์(title) ของคุณ สาํ หรับส่วนของตาํ แหน่งไซต์google sites จะทําการติดตั้งใหโ้ ดยอตั โนมตั ิ

7 7. เลือกธีมแสดงในเวบ็ ไซต์ ซีง่ สามารถปรับเปล่ียนในภายหลงั ได้8. เลือกหมวดหมขู่ องไซต์9. เลือกตวั เลือกเพิ่มเติม ส่วนนจี้ ะให้ใสค่ ําอธบิ ายเวบ็ ไซต์10. คลกิ ปุม่ “สรา้ ง” 10  8  911. เมื่อสร้างเสร็จแลว้ จะปรากฏหนา้ ตาเว็บไซต์ดงั ภาพ ตวั อยา่ งน้เี ลอื กธมี ชื่อ “สมุดฉกี ” 11 การใชง้ าน Theme

12. ตกแตง่ เว็บไซต์หรือเปลี่ยน Theme เพื่อใหเ้ ว็บไซต์มรี ปู แบบท่สี วยงามโดยสามารถเลอื กท่ี 12  1313. เลอื ก “จดั การไซต”์

14 14. เลอื ก “ธีม สีและแบบอกั ษร”15. เลอื ก เปลีย่ น ธีม และปรับแตง่ ตามสะดวก 1516. เลอื กป่มุ “บนั ทกึ ” 16 17. เลือกคลกิ ที่ชื่อไซต์เพือ่ กลับไปหนา้ เวบ็ ไซต์

17 18. หน้าเว็บหลงั การเปลย่ี นแปลงธีม 18 การแก้ไขหนา้ เพจ (Page)19. การแกไ้ ขหนา้ เพจสามารถทําไดโ้ ดยเลอื กเคร่อื งหมายรปู ดนิ สอ 19 

20. แถบเมนูและฟังกช์ นั ทใี่ ช้เพ่มิ ลกู เล่นใหก้ ับเวบ็ ไซต์ รวมไปถงึ gadget ตา่ ง ๆ และเครื่องมือในการ จัดการหนา้ เว็บ 20 21. เมนู “แทรก” เป็นเมนูทค่ี วบคมุ เก่ยี วกบั การใชม้ เี ดยี เชน่ การใสร่ ปู ภาพ ลงิ ค์ วีดโี อและ gadgetตา่ ง ๆ จงึ ทําให้เมนนู ้ีถูกใชง้ านบอ่ ยทส่ี ดุ 21 

22. เมนู “รปู แบบ” เปน็ เมนทู ใ่ี ช้กาํ หนดรปู แบบของตวั อักษร ซงึ่ เป็นรปู แบบคาํ สง่ั เดียวกับแถบเมนู 22 23. เมนู “ตาราง” เปน็ เมนทู ่ใี ช้สรา้ ง หรือจัดการข้อมลู ในรูปแบบตาราง 23 

24. เมนู “การออกแบบ” เป็นเมนทู ใ่ี ชส้ ําหรับกาํ หนดรปู แบบการจัดวางคอลมั น์ในหนา้ เพจ 24 การเพม่ิ รปู ภาพ25. เลอื กตาํ หน่งทต่ี อ้ งการแทรกรูปภาพในหน้าเว็บ และเลือก เมนู “แทรก” เลอื ก รูปภาพ 25 

26. จะปรากฏ Dialog box เพม่ิ รปู ภาพ จากนั้นให้อัปโหลดภาพโดยเลือก “อปั โหลดภาพ” แลว้ คลกิ เลือกไฟล์ภาพท่ีตอ้ งการ 26

27. เม่อื อปั โหลดภาพเสร็จแล้วสามารถปรับ ขนาด และตาํ แหนง่ ด้วยแถบควบคุมดา้ นล่าง 27การเพ่ิมลงิ ค์ 28. การเช่อื มโยงลิงคภ์ ายในเวบ็ ไซต์และภายนอกเวบ็ ไซต์ เลอื ก ปมุ่ “แทรก” เลอื กเมนู “ลงิ ค”์ 28

29. จะปรากฏ Dialog box สร้างลงิ ค์ เลอื กหนา้ เว็บไซตท์ ต่ี อ้ งการเชอื่ มโยง ซึง่ สามารถดไู ด้จากแผนผงั เว็บไซต์ และการเปล่ยี นแปลงลา่ สุด เสร็จแล้วเลือกปมุ่ “ตกลง” 2930. การเชอื่ มโยงจากภายนอก ให้ทําตามข้อ 28 แลว้ จะปรากฏ Dialog box สรา้ งลิงค์ ซงึ่ ในทน่ี เี้ ลือก แบบ “ทอี่ ยเู่ วบ็ ” 30  31 32  33

31. โดยใสข่ อ้ ความที่ช่อง “ขอ้ ความท่ีจะแสดง” และ ใส่ URL ที่ชอ่ ง “ลิงคไ์ ปที่ URL น”ี้ 32. หากตอ้ งการให้ลงิ ค์เปิดในหนา้ ตา่ งใหม่ ใหเ้ ลอื กคลิก ท่ี checkbox “เปิดลิงคน์ ใ้ี นหนา้ ตา่ งใหม”่ 33. เสรจ็ แล้วคลกิ ป่มุ “ตกลง”การเพ่ิมหน้าเพจเว็บไซต์ 34. เริม่ ต้นสรา้ งหน้าเพจ โดยคลกิ ที่ปุ่ม ดา้ นบนของหนา้ จอ 34 35. เม่อื เปดิ หนา้ สร้างเพจข้นึ มาแล้ว กรอกชื่อ ตงั้ ชอื่ หนา้ เวบ็ ของคุณ 35 36 36. เลือกเทมเพลตทจ่ี ะใช้ ซง่ึ ในสว่ นนีม้ ีให้เลือก 5 รูปแบบ คือ 1) หนา้ เวบ็ เป็นหน้าหลกั ของเว็บไซต์ในการใหข้ ้อมลู และประกาศต่าง ๆ ของเว็บไซต์ 2) ประกาศ ใช้ในการประกาศข่าวสารตา่ ง ๆ 3) ตเู้ กบ็ เอกสาร ใช้ในการอัปโหลดไฟลต์ า่ ง ๆ เชน่ รปู ภาพ, เพลงและอืน่ ๆซงึ่ สามารถแชรใ์ หค้ น อนื่ ดาวนโ์ หลดได้ 4) รายการ ใชแ้ สดงรายการตา่ ง ๆ รวมถงึ รายละเอียดของแตล่ ะรายการด้วย 5) หนา้ เริ่มตน้ ใชเ้ ปน็ หน้าเริ่มต้นของผใู้ ช้งานแต่ละคน

37. เลือกตําแหนง่ เมนูทตี่ ้องการ 3838. คลกิ ปมุ่ “สรา้ ง” 37 3939. ไดห้ น้าเพจตามช่ือที่เราตอ้ งการ

การแทรกเอกสารจาก Google Drive 40. การแทรกเอกสารจาก Google Docs ให้เลอื กที่เมนู “แทรก” เลือก ไดรฟ์ และเอกสารตามลาํ ดบั 40 41. จะมี Dialog box ของ Google ไดรฟ์ ให้เลอื กเอกสารทต่ี อ้ งการ 41 42  42. คลกิ ปุ่ม “เลอื ก”

43. จาก Dialog boxของ แทรก Google Document เลือกปรบั ขนาดการแสดงเอกสารตามตอ้ งการ แล้ว เลอื กปมุ่ “บนั ทกึ ” 4344. จะไดภ้ าพแสดงขอบเขตของเอกสารทเ่ี ราแทรก และจะเหน็ เอกสารจริงเมอื่ เลอื กปมุ่ บนั ทกึ ดา้ นบน ขวา 44

45. การแทรกงานนําเสนอจาก Google งานนาํ เสนอให้เลอื กท่เี มนู “แทรก” เลอื ก ไดรฟ์ และงาน นาํ เสนอ ตามลําดบั 4546. จะมี Dialog box ของ Google ไดรฟ์ ใหเ้ ลอื กงานนาํ เสนอ ที่ตอ้ งการ 46  47 47. คลกิ ป่มุ “เลอื ก”

48. จาก Dialog box ของ แทรก งานนาํ เสนอ ของ Google เลอื กปรับขนาดการแสดงเอกสารตาม ตอ้ งการ แลว้ เลือกป่มุ “บันทึก” 4849. จะไดภ้ าพแสดงขอบเขตของงานนาํ เสนอท่เี ราแทรก และจะเหน็ งานนาํ เสนอจริงเมื่อเลือกปมุ่ บนั ทกึ ดา้ นบนขวา 49 

50. การแทรกสเปรดซตี จากGoogle สเปรดซตี ให้เลือกทเ่ี มนู “แทรก” เลอื ก ไดรฟ์และสเปรดซตี ตามลาํ ดบั 5051. จะมี Dialog box ของ Google ไดรฟ์ ให้เลอื กสเปรดซตี ท่ีต้องการ 51  52 52. คลกิ ปมุ่ “เลอื ก”

53. จาก Dialog box ของ แทรก สเปรดซีตของ Googleเลอื กปรับขนาดการแสดงเอกสารตามตอ้ งการ แลว้ เลอื กปมุ่ “บันทกึ ” 5354. จะไดภ้ าพแสดงขอบเขตของสเปรดซีตท่เี ราแทรก และจะเห็นงานสเปรดซีตจริงเมอ่ื เลือกปุม่ บันทึก ด้านบนขวา 54

55. การแทรก วิดโี อ จาก YouTube ให้เลอื กทเ่ี มนู “แทรก” เลอื ก YouTube ตามลาํ ดับ56. จะมี Dialog box ของ แทรก วิดีโอ YouTube 55 56

57. นาํ URL วิดโี อ จาก YouTube มาวางในช่อง “วาง URL วิดโี อ YouTube ของคณุ ”แลว้ คลกิ ป่มุ “บันทกึ ” 5758. เมื่อบนั ทึกหนา้ เวบ็ เพจแลว้ จะปรากฏ วิดีโอ ดังภาพ 58 

59. การแทรก แผนที่ จาก Google Maps ใหเ้ ลือกที่เมนู “แทรก” เลอื ก แผนที่ ตามลาํ ดบั 5960. จาก Dialog box แทรก แผนทข่ี อง Google กรอกข้อมูลแผนทตี่ ามตอ้ งการในชอ่ ง “ป้อนตาํ แหน่ง” แล้ว เลอื กปมุ่ “บนั ทึก” 60

61. จะมี Dialog box แทรก Google Map เลือกปรบั ขนาดและเลอื ก ปุ่ม “บนั ทกึ ” 61 62. เมอื่ บันทึกแล้วจะได้หนา้ แผนที่ ดังภาพ 62 

63. การแทรก ปฏทิ นิ จาก Google Carlendarใหเ้ ลือกท่เี มนู “แทรก” เลอื ก ปฏทิ ิน ตามลาํ ดบั 63 64. จะมี Dialog box ของ Google ไดรฟ์ ใหเ้ ลือก ปฏทิ นิ ทเ่ี ราไดส้ ร้างไวก้ ่อนหน้านี้ แลว้ 64 65 65. คลกิ ปุม่ “เลอื ก”

66. จาก Dialog box ของ แทรก ปฏิทนิ ของ Google เลอื กปรบั ขนาด และรายละเอยี ดตามต้องการ แลว้ เลอื กปุ่ม “บันทกึ ” 6667. จะไดภ้ าพแสดงปฏทิ ิน กจิ กรรมตามท่ีเลอื ก ดังภาพ 67

การสร้างข่าวประกาศ68. เลอื กปุ่ม สรา้ งหนา้ เวบ็ ใหม่ แลว้ ต้งั ช่อื หนา้ เวบ็ ของคุณ 70 68 6969. เลือกเทมเพลตทีจ่ ะใช้ ซง่ึ ใหเ้ ลือก “ประกาศ”70. เลอื กปุ่ม “สร้าง”71. จะได้หน้าใหม่ และเร่มิ เขียนขา่ วประกาศจากปุม่ “โพสตใ์ หม”่ 71

72. ทดลองประกาศขา่ วสาร และบันทกึ หนา้ เว็บ จะไดภ้ าพ ดังน้ี 72การสร้างตเู้ ก็บเอกสาร 73. เลือกปุ่ม สรา้ งหน้าเว็บใหม่ แลว้ ตัง้ ชอ่ื หนา้ เวบ็ ของคุณ 75 73 74 74. เลอื กเทมเพลตท่จี ะใช้ ซงึ่ ใหเ้ ลอื ก “ตเู้ กบ็ เอกสาร”

75. เลือกปุ่ม “สร้าง”76. สามารถเก็บไฟล์ และลิงค์ โดยเลือกปมุ่ “เพมิ่ ไฟล”์ หรอื “เพ่มิ ลงิ ค์” 76 78 77 79 77. หากต้องการความเปน็ หมวดหมู่ สามารถนาํ ไฟลท์ ี่ต้องการจัดเกบ็ ไปไวท้ ี่โฟลเดอร์ ซ่งึ จะต้องสรา้ ง โฟลเดอร์ใหมก่ อ่ น โดยคลิกปุ่ม “ยา้ ยไปที่”78. ลบไฟล์ทไ่ี มต่ ้องการได้ โดยคลกิ ปุม่ “ลบ”79. หากต้องการทราบการเปล่ียนแปลงลา่ สุดของส่วนตู้เกบ็ เอกสาร สามารถเลอื กปุ่ม “สมคั รรบั การ เปลี่ยนแปลง” ข้อมลู การเปลยี่ นแปลงตเู้ กบ็ เอกสารจะถกู แจ้งไปทางอเี มลข์ องเรา

การสร้างรายการเลอื กป่มุ สร้างหนา้ เว็บใหม่ แลว้ ตั้งชือ่ หนา้ เวบ็ ของคณุ 82 80 8180. เลอื กเทมเพลตที่จะใช้ ซ่งึ ใหเ้ ลือก “รายการ”81. เลือกปมุ่ “สร้าง”82. เลือกแมแ่ บบรายการซงึ่ มี 4 แม่แบบ คอื 1) รายการสิง่ ทตี่ อ้ งดาํ เนินการตดิ ตามรายการสง่ิ ท่ตี อ้ งดําเนินการจากการประชมุ หรอื โครงการ 2) รายการปญั หา ตดิ ตามปัญหาท่เี ปิดอยสู่ ําหรบั โครงการของคุณ 3) สถานะของหนว่ ย ตดิ ตามสถานะของแตล่ ะหน่วยในโครงการของคุณ

4) สรา้ งของตนเอง กําหนดคอลัมนข์ องคณุ เองสาํ หรับรายการ 8383. เลือก “รายการสงิ่ ที่ตอ้ งดําเนินการ”84

84. เลือก “เพ่ิมรายการ” 87 85 85. กรอกรายละเอียดเพือ่ เพม่ิ รายการสง่ิ ทต่ี ้องดําเนินงาน หากรายการน้นั ๆ เสรจ็ เรยี บรอ้ ย หรือมีขอ้ มลู ที่ตอ้ งการแกไ้ ข กส็ ามารถระบลุ งไปได้ เสรจ็ แลว้ เลอื ก “บนั ทึก” 8686. ปรบั แตง่ รายการได้ โดยเลือก “ปรับแต่งรายการนี”้

87. สามารถเพิ่มคอลัมน์ทตี่ ้องการบันทึกข้อมลู รวมถงึ เพมิ่ รายการจัดเรียงขอ้ มูล ได้ตามใจชอบ 88ตวั อย่างรายการท่ีต้องทาํ ดังภาพ

การแกไ้ ขการออกแบบไซต์88. เลอื กปุ่ม และเลือก “แกไ้ ขการออกแบบไซต”์ 89 

89. จาก Dialog box ใหเ้ ลอื กรายการเมนดู า้ นบน เพ่อื การปรับแก้ 9090. การเพิม่ สว่ นหวั ของเว็บไซต์ (กรณีนไ้ี ด้มกี ารจดั ทาํ ส่วนหัวเป็นภาพไว้แลว้ ) โดยการเลอื กที่ “สว่ น หัว”91. เลือก “แก้ไขสว่ นหัวของไซต์” 91  92

92. ปรากฏ Dialog box ในกรณนี ้ีเราจะอัปโหลดรูปภาพจากไฟล์ภาพที่ไดเ้ ตรยี มไว้แล้ว โดยการแนบไฟล์ จากป่มุ “Browse…” 9393. เลอื กไฟล์ภาพทีต่ อ้ งการ แลว้ เลือกปุม่ “Open” 94

94. เมอ่ื ปรากฏภาพตวั อยา่ ง เลอื กป่มุ “ตกลง” 95 95. จะได้ภาพส่วนหวั เวบ็ ตามตัวอยา่ ง ดังภาพ 9696. การเพ่มิ /ปรับเปลี่ยน เมนู การนําทางในแนวนอน โดยการเลือก “การนาํ ทางในแนวนอน” 97

97. คลิกเลือกแถบการแกไ้ ขการนาํ ทางในแนวนอน 9898. เลอื กเมนู “เพม่ิ หนา้ เว็บ” 99

99. เลือกรายการหนา้ เว็บทเ่ี ราได้ทําไว้แล้วดา้ นลา่ ง จาก แผนผงั ไซต์ และเลอื กปมุ่ “ตกลง” 100100. สามารถเพม่ิ รายการหน้าเวบ็ ไดอ้ กี และจดั ลาํ ดบั การแสดงรายการได้ตามตอ้ งการ 101

101. ตัวอยา่ งรายการเมนู การนาํ ทางในแนวนอน ดงั ภาพ 102

การเผยแพรผ่ ลงานเวบ็ ไซต์ เลอื ก “การแชร์และสทิ ธ”์ิ 102. การแชรแ์ ละสทิ ธิ์ คลกิ เลือกปุ่ม 103 103. ในรายการแชรแ์ ละสิทธิ์ เลอื ก “เปลีย่ น” 104

104. กาํ หนดรปู แบบการแชร์ ซง่ึ มอี ยู่ 5 รปู แบบ แต่ในที่นใ้ี ห้เลอื กการแชรแ์ บบ “สาธารณะทางเว็บ” 105ตวั อย่างเวบ็ ไซต์