SlideShare a Scribd company logo
1 of 32
Download to read offline
การสร้างเว็บไซต์ด้วย 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
4
3
5
6
7
8
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
50. เมื่อบันทึกหน้าเพจ ก็จะได้ดังที่ปรากฏ
การสร้างสเปรดชีท
การสร้างวิดีโอ
51. คลิกปุ่ม “แก้ไขหน้าเว็บ” เลือกปุ่ม “แทรก” แล้วเลือกเมนู “วิดีโอ”
52. นา URL วิดีโอจาก youtube มาวางในช่อง “วาง URL วิดีโอ YouTube ของคุณ” แล้วคลิกปุ่ม “บันทึก”
51
52
53. เมื่อบันทึกหน้าเพจแล้ว ก็จะปรากฏวิดีโอ ดังภาพ
การสร้างแผนที่
54. คลิกปุ่ม “แก้ไขหน้าเว็บ” เลือกปุ่ม “แทรก” แล้วเลือกเมนู “แผนที่”
53
55. ระบุสถานที่ เพื่อค้นหาปลายทาง และวางเครื่องหมายบอกตาแหน่ง เสร็จแล้วคลิกปุ่ม “เลือก”
56. ตั้งค่าการแสดงผลของแผนที่
54
55
57. เมื่อบันทึกหน้าเพจ ก็จะปรากฏดังภาพ
การสร้างปฏิทิน
58. คลิกปุ่ม “แก้ไขหน้าเว็บ” เลือกปุ่ม “แทรก” แล้วเลือกเมนู “ปฏิทิน”
56
57
59. เลือกปฏิทินที่ต้องการแสดง เสร็จแล้วคลิกปุ่ม “เลือก”
60. ตั้งค่าการแสดงผลของปฏิทิน
58
59
61. เมื่อบันทึกหน้าเพจ ก็จะปรากฏดังภาพ
60
61
การสร้างข่าวประกาศ
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
คู่มือ Google site

More Related Content

What's hot

What's hot (11)

คู่มือE book
คู่มือE bookคู่มือE book
คู่มือE book
 
Ebook flip
Ebook flipEbook flip
Ebook flip
 
Google documents
Google documentsGoogle documents
Google documents
 
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Wordคู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
 
การใช้ Google docs[1]
การใช้ Google docs[1]การใช้ Google docs[1]
การใช้ Google docs[1]
 
Google docs
Google docsGoogle docs
Google docs
 
Google docs[kitayapoo2013]
Google docs[kitayapoo2013]Google docs[kitayapoo2013]
Google docs[kitayapoo2013]
 
Dropbox
 Dropbox Dropbox
Dropbox
 
Google docs
Google docsGoogle docs
Google docs
 
คู่มือ Power point
คู่มือ Power pointคู่มือ Power point
คู่มือ Power point
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
 

Viewers also liked

365dagenMindful
365dagenMindful365dagenMindful
365dagenMindfulEQ Academy
 
Heery - Corporate Sector Strategy
Heery - Corporate Sector StrategyHeery - Corporate Sector Strategy
Heery - Corporate Sector Strategyhopper1430
 
Ability Links Article Michael Cabin
Ability Links Article Michael CabinAbility Links Article Michael Cabin
Ability Links Article Michael CabinMichael Cabin
 
Inventory management and optimization august, lagos
Inventory management and optimization august, lagosInventory management and optimization august, lagos
Inventory management and optimization august, lagosPetro Nomics
 
Nava TRA 3
Nava TRA 3Nava TRA 3
Nava TRA 3Nava Raj
 
More Than Conquerors -Romans 8:31-39
More Than Conquerors -Romans 8:31-39More Than Conquerors -Romans 8:31-39
More Than Conquerors -Romans 8:31-39David Turner
 
Presentationinpanitikangpilipino
PresentationinpanitikangpilipinoPresentationinpanitikangpilipino
Presentationinpanitikangpilipinodee_rosal
 
Rob Longmire Resume 2015
Rob Longmire Resume 2015Rob Longmire Resume 2015
Rob Longmire Resume 2015G. Rob Longmire
 
Catalog 2 - Solar Thermal Heater System
Catalog 2 - Solar Thermal Heater SystemCatalog 2 - Solar Thermal Heater System
Catalog 2 - Solar Thermal Heater SystemIan Harvey
 
Editing in British English
Editing in British EnglishEditing in British English
Editing in British EnglishScribendi
 
Công ty tổ chức sự kiện chuyên nghiệp nhất tại tp.hcm
Công ty tổ chức sự kiện chuyên nghiệp nhất tại tp.hcmCông ty tổ chức sự kiện chuyên nghiệp nhất tại tp.hcm
Công ty tổ chức sự kiện chuyên nghiệp nhất tại tp.hcmHoàng Tuấn
 
Investment2020 internship
Investment2020 internshipInvestment2020 internship
Investment2020 internshipIlyas Govani
 
Gaming Square Pegs into Dinosaur-shaped Holes: Adventures in Game Design at t...
Gaming Square Pegs into Dinosaur-shaped Holes: Adventures in Game Design at t...Gaming Square Pegs into Dinosaur-shaped Holes: Adventures in Game Design at t...
Gaming Square Pegs into Dinosaur-shaped Holes: Adventures in Game Design at t...Barry Joseph
 

Viewers also liked (18)

365dagenMindful
365dagenMindful365dagenMindful
365dagenMindful
 
Lapan
LapanLapan
Lapan
 
Heery - Corporate Sector Strategy
Heery - Corporate Sector StrategyHeery - Corporate Sector Strategy
Heery - Corporate Sector Strategy
 
Ability Links Article Michael Cabin
Ability Links Article Michael CabinAbility Links Article Michael Cabin
Ability Links Article Michael Cabin
 
Inventory management and optimization august, lagos
Inventory management and optimization august, lagosInventory management and optimization august, lagos
Inventory management and optimization august, lagos
 
Nava TRA 3
Nava TRA 3Nava TRA 3
Nava TRA 3
 
More Than Conquerors -Romans 8:31-39
More Than Conquerors -Romans 8:31-39More Than Conquerors -Romans 8:31-39
More Than Conquerors -Romans 8:31-39
 
Hatching Hope
Hatching HopeHatching Hope
Hatching Hope
 
JudyVodas2015
JudyVodas2015JudyVodas2015
JudyVodas2015
 
Presentationinpanitikangpilipino
PresentationinpanitikangpilipinoPresentationinpanitikangpilipino
Presentationinpanitikangpilipino
 
Presentation1
Presentation1Presentation1
Presentation1
 
Rob Longmire Resume 2015
Rob Longmire Resume 2015Rob Longmire Resume 2015
Rob Longmire Resume 2015
 
Catalog 2 - Solar Thermal Heater System
Catalog 2 - Solar Thermal Heater SystemCatalog 2 - Solar Thermal Heater System
Catalog 2 - Solar Thermal Heater System
 
Cars and thier logos
Cars and thier logosCars and thier logos
Cars and thier logos
 
Editing in British English
Editing in British EnglishEditing in British English
Editing in British English
 
Công ty tổ chức sự kiện chuyên nghiệp nhất tại tp.hcm
Công ty tổ chức sự kiện chuyên nghiệp nhất tại tp.hcmCông ty tổ chức sự kiện chuyên nghiệp nhất tại tp.hcm
Công ty tổ chức sự kiện chuyên nghiệp nhất tại tp.hcm
 
Investment2020 internship
Investment2020 internshipInvestment2020 internship
Investment2020 internship
 
Gaming Square Pegs into Dinosaur-shaped Holes: Adventures in Game Design at t...
Gaming Square Pegs into Dinosaur-shaped Holes: Adventures in Game Design at t...Gaming Square Pegs into Dinosaur-shaped Holes: Adventures in Game Design at t...
Gaming Square Pegs into Dinosaur-shaped Holes: Adventures in Game Design at t...
 

Similar to คู่มือ Google site

การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8doraemonbookie
 
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต(แก้ไข)
หน่วยการเรียนรู้ที่ 4  อินเทอร์เน็ต(แก้ไข)หน่วยการเรียนรู้ที่ 4  อินเทอร์เน็ต(แก้ไข)
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต(แก้ไข)Prapatsorn Keawnoun
 
Dreamweaver แนะโปรแกรมและวิธีใช้
Dreamweaver แนะโปรแกรมและวิธีใช้Dreamweaver แนะโปรแกรมและวิธีใช้
Dreamweaver แนะโปรแกรมและวิธีใช้Webidea Petchtharat
 
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtmlใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtmlSmo Tara
 
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Wordคู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Wordjompon
 
คู่มือ Dreamwever 8
คู่มือ Dreamwever 8คู่มือ Dreamwever 8
คู่มือ Dreamwever 8duangnapa27
 
Webpagemaker2
Webpagemaker2Webpagemaker2
Webpagemaker2beauten
 
Webpagemaker2
Webpagemaker2Webpagemaker2
Webpagemaker2beauten
 
วิธีการใช้งาน Google docs
วิธีการใช้งาน Google docs วิธีการใช้งาน Google docs
วิธีการใช้งาน Google docs Maddubna Com-Ed
 
Flasheffect[1]
Flasheffect[1]Flasheffect[1]
Flasheffect[1]pom_2555
 
บทเรียนที่ 3 การปรับเปลี่ยนหน้าเว็บไซต์ด้วยเทมเพลต
บทเรียนที่ 3 การปรับเปลี่ยนหน้าเว็บไซต์ด้วยเทมเพลตบทเรียนที่ 3 การปรับเปลี่ยนหน้าเว็บไซต์ด้วยเทมเพลต
บทเรียนที่ 3 การปรับเปลี่ยนหน้าเว็บไซต์ด้วยเทมเพลตNakharin Inphiban
 
ออกแบบ
ออกแบบออกแบบ
ออกแบบJiJee Pj
 
นำเสนอ
นำเสนอนำเสนอ
นำเสนอbangfa
 
คู่มือประกอบการสร้างเว็บไซต์Pdf
คู่มือประกอบการสร้างเว็บไซต์Pdfคู่มือประกอบการสร้างเว็บไซต์Pdf
คู่มือประกอบการสร้างเว็บไซต์Pdfjompon
 
Chapter4
Chapter4Chapter4
Chapter4aumtall
 

Similar to คู่มือ Google site (20)

การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8
 
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต(แก้ไข)
หน่วยการเรียนรู้ที่ 4  อินเทอร์เน็ต(แก้ไข)หน่วยการเรียนรู้ที่ 4  อินเทอร์เน็ต(แก้ไข)
หน่วยการเรียนรู้ที่ 4 อินเทอร์เน็ต(แก้ไข)
 
Dreamweaver แนะโปรแกรมและวิธีใช้
Dreamweaver แนะโปรแกรมและวิธีใช้Dreamweaver แนะโปรแกรมและวิธีใช้
Dreamweaver แนะโปรแกรมและวิธีใช้
 
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtmlใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
 
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Wordคู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
 
คู่มือ Dreamwever 8
คู่มือ Dreamwever 8คู่มือ Dreamwever 8
คู่มือ Dreamwever 8
 
Webpagemaker2
Webpagemaker2Webpagemaker2
Webpagemaker2
 
Webpagemaker2
Webpagemaker2Webpagemaker2
Webpagemaker2
 
วิธีการใช้งาน Google docs
วิธีการใช้งาน Google docs วิธีการใช้งาน Google docs
วิธีการใช้งาน Google docs
 
E book4
E book4E book4
E book4
 
Flasheffect[1]
Flasheffect[1]Flasheffect[1]
Flasheffect[1]
 
คู่มือ Word
คู่มือ Wordคู่มือ Word
คู่มือ Word
 
บทเรียนที่ 3 การปรับเปลี่ยนหน้าเว็บไซต์ด้วยเทมเพลต
บทเรียนที่ 3 การปรับเปลี่ยนหน้าเว็บไซต์ด้วยเทมเพลตบทเรียนที่ 3 การปรับเปลี่ยนหน้าเว็บไซต์ด้วยเทมเพลต
บทเรียนที่ 3 การปรับเปลี่ยนหน้าเว็บไซต์ด้วยเทมเพลต
 
Dream cs3
Dream cs3Dream cs3
Dream cs3
 
ออกแบบ
ออกแบบออกแบบ
ออกแบบ
 
ICT with Web site
ICT with Web siteICT with Web site
ICT with Web site
 
0123
01230123
0123
 
นำเสนอ
นำเสนอนำเสนอ
นำเสนอ
 
คู่มือประกอบการสร้างเว็บไซต์Pdf
คู่มือประกอบการสร้างเว็บไซต์Pdfคู่มือประกอบการสร้างเว็บไซต์Pdf
คู่มือประกอบการสร้างเว็บไซต์Pdf
 
Chapter4
Chapter4Chapter4
Chapter4
 

คู่มือ Google site

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