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