การสร้างเว็บไซต์ด้วย google sites
TRANSCRIPT
1 เรมตนใชงาน Google Site
การสรางเวบไซตดวย Google Sites Google Sites คอ โปรแกรมของ Google ทใหบรการสรางเวบไซตฟร สามารถสรางเวบไซต ไดงาย ปรบแตงรปลกษณไดอยางอสระ และรวบรวมความสามารถของขอมลไวในทเดยว เชน วดโอ, ปฏทน, เอกสารอนๆ ท าใหชวยอ านวยความสะดวกไดเปนอยางมาก ในการแกไขหนาเวบ จะเปนกลม หรอทงองคกรกได รจก Google Sites 1. ใหบรการครงแรก เดอน พฤษภาคม 2551 2. ใหบรการฟรไมเสยคาใชจาย 3. พนทจดเกบ 10 GB 4. ขนาดไฟลทใชในการจดเกบสงสด 10 MB 5. เฉพาะพนทเวบไซตไมเกน 100 MB แตหากรวมเปนสมาชกบรการอนๆของ Google เชน youtube, calendar, picasa ไมเกน 10 GB 6. ม Gadget เยอะแยะมากมาย และสามารถท าในรปแบทเราตองการได
2 เรมตนใชงาน Google Site
เรมตนสราง Site 1. สมครเขาใชงาน โดยเขาไปท URL: www.google.com/sites แลวลงชอเขาใช Gmail โดยกรอก Email และ Password คลกปม “ลงชอเขาใช”
2. เลอกปม “สราง”
3 เรมตนใชงาน Google Site
3. เลอกเทมแพลตทจะใช หากตองการเลอกดเทมแพลตอนๆใหคลกท “เลอกดเพมเตม ในแกลลอร” ซงในทนจะเลอกแบบ แมแบบวางเปลา 4. ตงชอไซต (title) ของคณ ส าหรบสวนของต าแหนงไซต google sites จะท าการตงใหโดยอตโนมต 5. เลอกธมแสดงในเวบไซต ซงสามารถปรบเปลยนในภายหลงได 6. ตวเลอกทเพมเตม สวนนจะใหใสอธบายเวบไซตและมใหเลอกวาเนอหาภายในเวบไซตเหมาะส าหรบผใหญเทานน
4 เรมตนใชงาน Google Site
7. พมพรหสตามทปรากฏเพอยนยนวาเปนมนษยไมใช Bot ของ Google หรอ Spam จากเวบตางๆ 8. คลกปม สราง 9. เมอสรางไซตแลวจะปรากฏหนาตาเวบไซตดงภาพ จากนนเรมตกแตงเวบไซต
การใชงาน Theme 10. ตกแตงเวบไซต โดยการเปลยน Theme เพอใหเวบไซตมรปแบบแสดงทสวยงาม โดยคลกเลอก “เพมเตม”
5 เรมตนใชงาน Google Site
11. เลอกจดการไซต 12. สงเกตเมนดานซาย เลอก “ธม”
13. เลอกรปแบบธมไดตามทตองการ วธการโดยคลก “ดตวอยาง” แลวคลกเลอก “บนทก”
14. คลกทชอไซต กลบไปยงหนาเวบ
6 เรมตนใชงาน Google Site
การแกไขหนาเพจ 15. แถบเมน ฟงกชนทใชเพมลกเลนกบเวบไซต รวมไปถง Gadget ตางๆและเครองมอใน การจดการหนาเวบ
16. เมน “แทรก” เปนเมนควบคมการใชมเดย เชน รปภาพ วดโอ ตางๆ
17. เมน “รปแบบ” เปนเมนทใชก าหนดรปแบบของตวอกษร ซงเปนรปแบบค าสงเดยวกนกบแถบเมน
7 เรมตนใชงาน Google Site
18. เมนตาราง ใชสรางหรอจดการขอมลในรปแบตาราง
19. เมนการจดวาง เปนเมนใชส าหรบก าหนดรปแบบการจดวางคอลมภในหนาเพจ
8 เรมตนใชงาน Google Site
การเพม Text Generator 20. เขาไปทเวบสราง Text Generator เลอกตกแตงตามแบบทตองการแลว Get Code เสรจแลวน ามาเพมในเพจหนาแรก เลอกคลกปม “แกไขหนาเวบ”
21. หนาเพจทใหแกไขรายละเอยดจะม Toolbar ในการจดรปแบบขอความตางๆ ใหเลอก tag “<HTML>
22. วาง Code HTML ท Get มาจากเวบ Text Generator ในชอง Text box
23. หากตองการดตวอยางกอนบนทก ใหเลอกแทบแสดงตวอยาง 24. เรยบรอยแลว เลอกปม “อปเดต” 25. เลอกปม “บนทก” เพอบนทกหนาเพจ
9 เรมตนใชงาน Google Site
การเพมรปภาพ 26. คลกปม “แกไขหนาเวบ” แลวคลกปม “แทรก” 27. เลอกเมน “รปภาพ”
28. ไดปรากฏ Dialog box เพมภาพ จากนนใหอพโหลดภาพ “เลอกไฟล” แลวคลกทไฟลภาพทตองการ
10 เรมตนใชงาน Google Site
29. สามารถจดรปแบบของภาพ โดยเลอกรปแบบทตองการจาก popup ทขนภายใตรปภาพ
การเพมลงก 30. การเชอมโยงลงกภายในเวบไซตใหคลกปม “แกไขหนาเวบ” เลอกปม “แทรก” แลวเลอกเมน “ลงก”
31.จะปรากฎ Dialog box สรางลงก เลอกหนาเวบไซตทตองการเชอมโยง ซงสามารถดไดจาก แผนผงไซต และการเปลยนแปลงขอมลครงลาสดบนเวบ แลวเลอกปม “ตกลง”
11 เรมตนใชงาน Google Site
32. การเชอมโยงลงกจากภายนอก ท าตามรปแบขอ 30 จะปรากฏ Dialog box สรางลงกซงในทนจะเลอกใชแบบ “ทอยเวบ” 33. ใสขอความทชอง “ขอความทจะแสดง” และใส URL ทชอง ลงกไปท URL ทก าหนด 34. หากตองการใหลงกเปดหนาตางใหม คลกเลอกท “เปดลงกนในหนาตางใหม” 35. เสรจแลวคลกปม “ตกลง”
การเพมหนาเพจเวบไซต 36. เรมตนสรางหนาเพจ โดยคลกปม “เพมหนาเพจ” ดานบนขวาของหนาจอ 37. เมอเปดหนาสรางเพจใหมขนมาแลว กรอกชอ ตงชอหนาเวบของคณ
12 เรมตนใชงาน Google Site
38. เลอกเทมเพลตทจะใช ซงในสวนนมเลอกอย 4 รปแบบคอ - หนาเวบ - ประกาศ - ตเกบเอกสาร - รายการ 39. เลอกต าแหนงเมนทตองการ 40. คลกปม “สราง” การใชงาน Gadget การสรางเอกสาร 41. คลกเลอก “แกไขหนาเวบ” เลอกปม “แทรก” เลอกเมน “เอกสาร” ในกรณทมเอกสารใน Google Document ใหเลอกเอกสารทตองการน ามาแสดงแลวกดปม “เลอก”
42. จากนนตงคาการแสดงผลของเอกสาร แลวคลกปม “บนทก”
13 เรมตนใชงาน Google Site
43. คลกปม “บนทก” ตรงมมบนขวาของหนาจอ เพอบนทกหนาเพจทไดสรางขน
การสรางงานน าเสนอ 44. คลกปม “แกไขหนาเวบ” เลอกปม “แทรก” แลวเลอกเมน “การน าเสนอ”
14 เรมตนใชงาน Google Site
45. กรณทม งานน าเสนอ ใน Google Document ใหเลอกงานน าเสนอทตองการ แลวคลกปม “เลอก”
46. จากนนใหตงคาการแสดงผลของเอกสาร แลวคลกปม “บนทก”
15 เรมตนใชงาน Google Site
การสรางสเปรดชต 47. คลกปม “แกไขหนาเวบ” เลอกปม “แทรก” แลวเลอกเมน “สเปรดชต”
48. เลอก สเปรดชตทตองการน ามาแสดงแลวคลกปม “เลอก”
16 เรมตนใชงาน Google Site
49. จากนนใหตงคาการแสดงผลของสเปรดชต ซงในทน จะเลอก ดเปน : แบบรายการ เสรจแลวคลกปม “บนทก”
50. เมอบนทกหนาเพจ จะไดดงน
17 เรมตนใชงาน Google Site
การสรางวดโอ 51. คลกปม “แกไขหนาเวบ” เลอกปม “แทรก” แลวเลอกเมน “วดโอ”
52. น า URL วดโอจาก youtube มาวางในชอง “วาง URL วดโอ youtube ของคณ แลว คลกปม “บนทก”
53. เมอบนทกหนาเพจแลว กจะปรากฏวดโอ ดงภาพ
18 เรมตนใชงาน Google Site
การสรางแผนท 54. คลกปม “แกไขหนาเวบ” เลอกปม “แทรก” แลวเลอกเมน “แผนท”
55. ระบสถานท เพอคนหาปลายทางและวางเครองหมายบอกต าแหนงเสรจแลวคลก “เลอก”
56. ตงคาการแสดงผลของแผนท
19 เรมตนใชงาน Google Site
57. เมอบนทกหนาเพจ กจะปรากฏดงภาพ
การสรางปฏทน 58. คลกปม “แกไขหนาเวบ” เลอกปม “แทรก” แลวเลอกเมน “ปฏทน”
59. เลอกปฏทนทตองการแสดง เสรจแลวคลกปม “เลอก”
20 เรมตนใชงาน Google Site
60. การตงคาแสดงผลของปฏทน
61. เมอบนทกหนาเพจเรยบรอย จะปรากฏดงน
21 เรมตนใชงาน Google Site
การสรางขาวประกาศ 62. เลอกปม “สรางหนาเวบใหม” แลวตงชอหนาเวบของคณ
63. เลอกเทมเพลตทใช กดเลอก “ประกาศ” 64. เลอกต าแหนงทตองการแสดงเมน 65. คลกปม “สราง” 66. เมอปรากฏหนาเพจขาว ถาตองการโพสประกาศขาวคลกเลอก “โพสใหม”
67. น าขอมลขาวหรอบทความทตองการประกาศ มาจดวางในหนาเพจ และบนทกหนาเพจ
22 เรมตนใชงาน Google Site
68. คลกทเมนขาวประกาศ พบวาขาวหรอบทความทโพสใหม จะแสดงอยหนาเพจนเชนเดยวกน โดยเรยงล าดบจากโพสลาสดอยบนสด
การสรางตเกบเอกสาร 69. เลอกปม “สรางหนาเวบใหม” แลวตงชอหนาเวบ
70. เลอกเทมเพลตทใช ซงในทนเลอก “ตเกบเอกสาร” 71. เลอกต าแหนงทตองการแสดงเมนในทนเลอก “วางหนาเวบทระดบบนสด” 72. คลกปม “สราง” 73. สามารถเกบไฟลและลงก โดยเลอกปม “เพมไฟล” หรอ “เพมลงก”
23 เรมตนใชงาน Google Site
74. หากตองการความเปนหมวดหม สามารน าไฟลทตองการเกบไวทโฟลเดอร ซงตองการสรางโพลเดอรกอน โดยคลกทปม “ยายไปท” 75. ลบไฟลทไมตองการ โดยคลกปม “ลบ” 76. หากตองการทราบการเปลยนแปลงลาสดในสวนตเกบเอกสาร สามารถเลอกปม “สมครรบการเปลยนแปลง” ขอมลการเปลยนแปลงตเกบเอกสารกจะถกแจงไปทอเมลของเรา การสรางรายการ 77. เลอกปม “สรางหนาเวบใหม” แลวตงชอหนาเวบของคณ 78. เลอกเทมเพลตทจะใช ซงในทนเลอก “รายการ” 79. เลอกต าแหนงทตองการแสดงเมนในทนเลอก “วางหนาเวบทระดบบนสด” 80. คลกปม “สราง”
24 เรมตนใชงาน Google Site
81. เลอกแมแบบรายการ ซงม 4 แมแบบ คอ - รายการสงทตองด าเนนการ ตดตามรายการสงทตองด าเนนการจากประชมหรอโครงการ - รายการปญหา ตดตามปญหาทเปดอยส าหรบโครงการของคณ - สถานะของหนวย ตดตามสถานะของแตละหนวยในโครงการของคณ - สรางของตนเองก าหนดคอลมภของคณเองส าหรบรายการในทนเลอก “รายการสงทตองการ”
82. เลอก “เพมรายการ”
83. กรอกรายละเอยดเพอเพมรายการในสงทตองด าเนนงาน เมอเสรจเรยบรอยหรอมขอมลทตองแกไข สามารถระบลงในชองขอความได
25 เรมตนใชงาน Google Site
84. แกไขรายการไดโดยคลกทแถวรายการนน จะปรากฏ Dialog Box ใหแกไขรายการไดตามตองการ เสรจแลวคลก “บนทก”
85. ปรบแตงรายการ โดยเลอก “ปรบแตงรายการน” 86. สามารถเพมคอลมนทตองการบนทกขอมลรวมถงเพมการจดเรยงขอมลตามความตองการ
26 เรมตนใชงาน Google Site
พนทเกบขอมลไซต 87. เลอกเมน “เพมเตม” แลวเลอก “จดการไซต”
88. เมนดานซายมอเลอก “ทวไป” 89. สวนพนทเกบขอมลของไซตวาใชพนทไปแลวเทาไร
27 เรมตนใชงาน Google Site
ตกแตงสและแบบอกษรเพมเตม 90. เลอกเมน “เพมเตม” แลวเลอก “จดการไซต”
91. เลอกสและแบอกษร 92. สวนตางๆทสามารถก าหนดเองได