คู่มืออบรม Google Sites

คูม่ ือการใช้งาน Google sites 1

คานา

Google Sites คอื โปรแกรมออนไลนท์ ท่ี าใหก้ ารสร้างเวบ็ ไซต์ให้ง่ายขนึ้ เหมือนกับการแก้ไขเอกสาร
ธรรมดาๆดว้ ย Google Sites สามารถรวบรวมความหลากหลายของข้อมลู ในท่ีเดียว เช่น รวมวดิ ีโอ ปฏทิ นิ
การนาเสนอ เอกสารหรอื สง่ิ ที่แนบ และข้อความ อานวยความสะดวกให้คณุ ร่วมกันดู หรือแก้ไขหนา้ เวบ็ จะ
เปน็ กลุ่มเลก็ ๆ หรือท้งั องค์กรของคุณ หรือจะท้งั โลกเลยกไ็ ด้

รู้จักกูเก้ลิ ไซต์ (Google Sites)

 Google Sites ใหบ้ รกิ ารครงั้ แรกเมื่อเดอื นพฤษภาคม 2551
 สรา้ งเวบ็ ไซตไ์ ดส้ ดุ แสนจะง่ายดาย ใช้เวลากนี่ าทีก็โชวผ์ ลงาน
 ไมจ่ าเปน็ ต้องรภู้ าษาเขยี นเวบ็ (HTML) ใหป้ วดหัว แคใ่ ชเ้ วิรด์ พิมพ์งานเปน็ ก็เริ่มไดเ้ ลย แถมเมนเู ปน็

ภาษาไทยอกี ต่างหาก
 มแี บบเทมเพลตสาเรจ็ รปู ใหเ้ ลือกมากมาย คลา้ ยๆ กับแบบสาเร็จเพาเวอร์พอยต์
 สามารถแชร์เวบ็ ให้เพื่อนๆ รว่ มสร้างสรรค์ได้
 เปน็ ระบบที่ครอบคลมุ เอามาใช้ดว้ ยกนั ไดเ้ ลย เชน่ อเี มล์ (Gmail) ปฏทิ ิน (Calendar)

เอกสาร (Documents) ยูทบู (YouTube) อัลบ้ัมภาพ (Picasa) แผนที่ (Map) ฯลฯ

คู่มือการใช้งาน Google sites 2

น่ีคอื สง่ิ ท่ีคุณสามารถดาเนินการได้กับ Google Sites:

 กาหนดรูปลกั ษณข์ องเวบ็ ไซต์ของคณุ
 สร้างเพจยอ่ ยเพ่ือให้เนื้อหาของคุณนา่ สนใจ
 เลอื กประเภทเพจ, เว็บเพจประกาศ, ต้เู ก็บเอกสาร
 ใหเ้ นือ้ หาในเวบ็ ของคณุ เช่น วดิ โี อ, เอกสารออนไลน์, Picasa แสดงสไลดภ์ าพถา่ ย, gadgets

iGoogle และไฟล์แบบออฟไลน์ในตาแหน่งกลางหน่ึง
 ให้เวบ็ ไซต์ของคุณเปน็ ส่วนตัวหรือสาธารณะตามที่คณุ ต้องการ
 ค้นหาใน Google เนอ้ื หาของเวบ็ ไซต์ท่ีมเี ทคโนโลยีการค้นหา Google
 เรียนรพู้ ้นื ฐานของ Google เวบ็ ไซตแ์ ละเริ่มต้นสร้างเวบ็ ไซต์ของคณุ เองการใช้งาน Google site
 Google Sites เปน็ แอปพลิเคชนั ออนไลน์ท่ที าให้การสรา้ งเวบ็ ไซต์ของทีมกลายเป็นเรื่องง่าย
 แก้ไขเอกสาร เมอื่ ใช้ Google Sites ผู้คนสามารถรวบรวมข้อมูลท่ีหลากหลายไวใ้ นท่เี ดยี วไดอ้ ย่าง

รวดเร็ว ได้แก่ วดิ โี อ ปฏิทนิ งานนาเสนอ ไฟล์แนบ และขอ้ ความ และสามารถใช้งานรว่ มกับกลุม่ เลก็ ๆ
ทงั้ องคก์ รหรือท้งั โลก เพ่ือดหู รือแก้ไขได้อย่างงา่ ยดาย
 Free Accountไวท้ 1ี่ 00 MB

- พื้นท่จี ดั เกบ็ 10 Gb* (GB=กิกะไบต)์

- ขนาดไฟลส์ ูงสดุ 10 MB (MB=เมกกะไบต์)

- จานวนหนา้ เวบ็ เพจไมจ่ ากดั การใชง้ าน Google site

* เฉพาะพน้ื ทเี่ ว็บไซต์ไม่เกิน 100 MB แต่หากรวมเปน็ สมาชิกบรกิ ารอืน่ ๆ ของกูเกล้ิ ตวั อื่นๆ เช่น ยูทบู (

YouTube), ไดรฟ (Drive), ปฏทิ ิน (Calendar), อลั บั้มภาพ (Picasa) แลว้ ไม่เกิน 10 GB

คมู่ ือการใชง้ าน Google sites 3

สารบญั หน้า

การเข้าใชง้ าน google site 4
การวางโครงสร้างและรายละเอยี ดของ site 5
เครื่องมอื ในการแก้ไข site 8
การเปลย่ี นชอื่ site 11
การแก้ไขการออกแบบ 12
การแก้ไขโครงสร้างหน้าเว็บ 16
การแก้ไขสีและแบบตัวอกั ษร 17
การแทรกวตั ถุ และส่ือตา่ งๆ ลงไปใน sites 19
การแทรก Google Docs, Spreadsheets Presentations, and Forms ลงใน sites 22
การ Insert ปฏิทนิ ของ Google Calendars 29
การ Insert Google Maps 30
การ Insert gadget 31
การใส่ภาพแอนนิเมชน่ั ลงใน site โดยการใช้ code html 33
สร้างเพจเอกสารดาวนโ์ หลด 35
การต้ังค่าหน้าเว็บ 36
สร้างหน้าเพจประกาศข่าวสาร 37
การยา้ ยตาแนง่ ของการนาทาง 38
การแบง่ ปนั การมอบสทิ ธ์ และแก้ไข 39
การยอ่ Link ดว้ ย Bit.ly 40
วธิ ีการทา FanPage ใน Facebook และการทาปุ่ม Like เพือ่ นาไปไว้ใน google sites 48

ค่มู ือการใช้งาน Google sites 4

การเขา้ ใชง้ าน google site

การใช้งาน Google sites (เบ้ืองต้น)
1. เข้า Login ใช้งานได้ท่ี

2. สามารถเริม่ ตน้ การใช่งาน Google sites ไดจ้ าก คาส้งั นี้ได้เลยครับ

คมู่ อื การใชง้ าน Google sites 5

การวางโครงสร้างและรายละเอียดของ site

เลอื กเทมเพลตทใ่ี ชใ้ นแบบลักษณะท่เี ราต้องการ และ
กรอกรายละเอยี ดของ site พรอ้ มเน้ือหาต่างๆ อย่างย่อ
เพ่อื เปน็ การบอกถงึ จุดประสงค์ของการสรา้ ง site
ของเราได้

ในคาสั่ง เลือกดเู พ่ิมเติมในแกลเลอร่ี นนั้ เราสามารถ
เลอื กเทมเพจทท่ี าไว้ในรปู แบบสาเร็จรูปไดแ้ ละเรา
สมารถแก้ไขเพ่ือปรบั แต่งกับsite ของเราที่ต้องการ
ไดใ้ นอนาคต

คมู่ อื การใชง้ าน Google sites 6

ในรูปแบบนเ้ี ราสามารถเลอื กแบบตา่ งๆไดม้ ากมายตาม
หมวดหมไู่ ด้เลย ซึง่ จะสามารถประหยดั เวลาในการสรา้ ง
site ไปได้มาก

ในส่วนตอ่ มาคือการตั้งชอ่ื site ของ
เรา พร้อมบอกตาแหน่ง http
ตาแหนง่ ของ site เราอยา่ งละเอียด

ค่มู ือการใชง้ าน Google sites 7

เลอื กธีม ที่เราต้องการไดจ้ ากคาสั่งน้ีเพ่ือความ
เหมาะสมของการทางาน

ของ site เรา

เ

คาอธิบายไซต์ เพ่ือบอกถึงเนื้อหาและ
จุดประสงค์ท่ีมขี อง site ของเราให้ได้เข้าใจ
มากย่งิ ข้ึน ดังตัวอยา่ ง

ค่มู ือการใชง้ าน Google sites 8

เครื่องมือในการแก้ไข Site

หากต้องการแกไ้ ขเวบ็ ไซต์ของคุณคลิกท่ปี ่มุ
แก้ไขเพจในมุมขวาบนของหน้าจอแถบ
เครอ่ื งมือแกไ้ ขเวบ็ ไซต์ของคุณ แต่ถ้าต้องการ
ท่ีจะเพ่มิ หน้าเว็บเพจ ให้กดที่สัญลักษณ์
หนา้ กระดาษ

จะปรากฏหนา้ ต่างเพื่อใสร่ ายละเอยี ด และการเลือกเทมเพลตที่สามารถเลือกได้ และ สามารถระบุตาแหนง่
ของปุ่มหนา้ นน้ั ๆได้

ค่มู ือการใช้งาน Google sites 9

คาสง่ั ยกเลกิ และทาซา้ การเปล่ยี นแปลงโดยการคลกิ ท่ปี ่มุ ลกู ศรในแถบเคร่อื งมือ นอกจากนี้คณุ ยัง

สามารถใช้แป้นพมิ พ์ลดั เหล่าน้ี
เลิกทา (Ctrl-z)
ทาซา้ (Ctrl-y หรือ Shift-Ctrl-z)

คู่มอื การใช้งาน Google sites 10

การเปลีย่ นฟร้อนตัวอกั ษรและขนาด

คณุ สามารถเลือกประเภทของตัวอักษร Front และขนาดที่ใชเ้ มนูแบบเลอื่ นลง และ พมิ พ์ตัวหนาและตวั เอียง
ขดี เส้นใต้ข้อความและเปล่ยี นสขี องข้อความหรอื พืน้ หลัง ดังจะเห็นคาส่งั ต่อไปนี้
B การพิมพ์ตัวหนา
I ตวั เอยี ง
U ขีดเส้นใต้ข้อความที่ U
A สขี องข้อความการเปลยี่ นแปลง

เคร่อื งหมายเปลี่ยนสีพน้ื หลังขอ้ ความ

Link สร้างการเชอื่ มโยง

สามารถที่จะเนน้ ข้อความทค่ี ุณตอ้ งการและจะเปล่ยี นเป็นลงิ ก์
และคลกิ ท่ปี มุ่ เชอื่ มโยงสู่ link ทค่ี ุณต้องการได้ เชน่ URL ,
Email ,Bookmark ซึง่ จะปรากฏ หน้าต่างข้นึ มาพร้อมกับ
ตัวเลอื กเหล่าน้ี หลังจากนน้ั ก็คลิ้กท่ปี ุ่ม OK เพื่อยนื ยนั การ
ทางานได้เลย

ปมุ่ รายการลาดับเลขหรือปมุ่ รายการสญั ลกั ษณแ์ สดงหัวข้อยอ่ ยขึ้นอย่กู ับประเภท
ของรายการท่ีคุณต้องการเพ่ือเพ่ิมไปยงั เว็บไซต์

ลกั ษณะการจัดเรยี งหน้าในแบบตา่ งๆ

การเปลีย่ นชื่อ site เพม่ิ เติม คู่มือการใช้งาน Google sites 11

โดยไปทค่ี าส่ัง จัดการไซต์

แก้ไข ชอื่ ไซต์ รว่ มไปจนถึง แก้ไขหรือเพิม่ เตมิ คาอธิบายไซต์ แล้วใหก้ ดที่บันทึกเพิ่มเรมิ่ การทางาน
ในลาดบั ตอ่ ไป

ค่มู อื การใชง้ าน Google sites 12

การแก้ไขการออกแบบ

เป็นการแก้ไขในสว่ นรายละเอียด ในสว่ นหัว การนาทางในแนวนอนแถวดา้ นขา้ ง สว่ นทา้ ยที่กาหนด
เองได้ ดังต่อไปนี้

คู่มือการใช้งาน Google sites 13

สว่ นหวั – ในส่วนนเี้ ปน็ คาสั่งทีเ่ ราสารถเลอื กได้ว่า ต้องการที่จะใช้ ชื่อและพ้ืนทบี่ ริเวณหัวของเพจหรอื ไม่
สามารถคลกิ เลือกได้เลย

การนาทางแนวนอน - ในส่วนนเ้ี ป็นคาส่ังท่เี ราสามารถเลอื กได้วา่ ต้องการที่เลอื กปุม่ การนาทางของเพจของ
เราในบริเวณด้านซ้าย เปน็ ลกี ษณะแนวนอนได้ และสามารถปรบั แต่งแก้ไขได้ โดยคลกิ ที่ ปุ่มคาสั่ง
เครอ่ื งหมายอักษร +

คู่มือการใช้งาน Google sites 14

แถบด้านข้าง – เปน็ สว่ นที่มคี วามสามารถคล้ายๆกบั คาส่งั ทงั้ 2 ข้อที่กล่าวมาสามารถเลือกได้วา่ ต้องการแสดง
หรือไม่ก็ได้ โดยคลิกท่ี ปุ่มคาสั่ง เครื่องหมายอักษร + และสามารถเลอื กองค์ประกอบใหม่ๆ ไดจ้ ากคาสั่งนี้ โดย
คลก้ิ ท่ีปมุ่ เพ่มิ ตวั อย่างการเพิ่มคาสั่งในรูปแบบตา่ งๆจะปรากฏขึน้ ในรูป

เช่น

ปุ่ม +1
เพิ่มปุม่ +1 ที่ผู้เขา้ ชมสามารถใช้เพ่ือแนะนาหน้าเวบ็ ของคุณและ
ช่วยใหไ้ ซตข์ องคุณโดดเดน่ ข้ึน
การนาทาง
เพ่ิมลิงก์ไปยงั แตล่ ะหนา้ เพ่อื ใหผ้ ใู้ ช้งานไซตข์ องคณุ สามารถเขา้ ถงึ ไดอ้ ย่าง
รวดเร็ว
ข้อความ
เพิ่มข้อความในแถบดา้ นข้างของไซต์
กจิ กรรมล่าสดุ ของไซต์
รายการของกิจกรรมล่าสุดในไซตข์ องคุณ
กิจกรรมล่าสุดของฉัน
รายการของกจิ กรรมลา่ สดุ โดยผใู้ ช้ท่ีเขา้ สูร่ ะบบปจั จบุ นั
นบั ถอยหลัง
จานวนวันนบั ถอยหลงั ถึงวันที่ท่รี ะบุ
เจา้ ของไซต์
แสดงเจ้าของไซตใ์ นแถบดา้ นข้างของไซต์
ผู้เขยี นหน้าเวบ็
แสดงผเู้ ขียนหน้าเวบ็ ล่าสดุ ในแถบด้านข้างของไซต์

คมู่ อื การใชง้ าน Google sites 15

และสามารถแก้ไขให้ปุ่มอยู่ทางดา้ นซา้ ยหรือขวาก็ได้ พร้อมปรบั ขนาดความกวางได้ตามความ
เหมาะสม โดยคลกิ ทเ่ี คร่ืองหมายดนิ สอ

การแกไ้ ขโครงสร้างหนา้ เว็บ คมู่ ือการใช้งาน Google sites 16

จากนั้นไปที่คาสั่งเค้าโครงของไซต์เพื่อแก้ไข
ในส่วนปลีกย่อยได้เช่นส่วนหัว และแถบ
ด้านข้าง โดนสามารถระบุขนาด ความกว้าง
ความยาวสว่ นสงู ของคอลมั ได้และยังสามารถ
อัพโหลดไฟล์โลโก้ในบริเวณของส่วนหัวของ
site ได้

คูม่ อื การใชง้ าน Google sites 17

แกไ้ ขสแี ละแบบตัวอักษร

สีและแบบอกั ษร

รูปแบบของสีตัวอักษร ,ขนาดตัวอักษร ,ภาพพื้นหลัง ในส่วนประกอบของเพจต่างๆ สามารถ
เปล่ียนแปลงได้ จากคาสัง่ นี้ เมื่อทาการแก้ไขแล้วให้กดทีป่ ุ่มบนั ทึก

คมู่ ือการใชง้ าน Google sites 18

***สามารถดพู รวี ิวการปรบั เปลย่ี นสี – ปรับขนาด รปู แบบตา่ งๆ ได้

ในสว่ นของธมี กส็ ามารถเปล่ยี น
ไดต้ ามความต้องการ มีให้เลอื ก
หลากหลายรูปแบบ

คู่มอื การใช้งาน Google sites 19

การแทรกวัตถุ และส่ือตา่ งๆ ลงไปใน sites

การ Insert เพื่อเริ่มต้นการใส่วัตถแุ ละสอื่ ต่างๆ ลงไปใน sites ของคณุ เพียงคลิก แก้ไขหนา้ เลือก
Insert และเลือกวัตถุหรือ app ท่ีคุณต้องการแทรกเชน่ Presentation Google Docs เปน็ ตน้

คาส่ังตา่ งๆในการทางานบน google site

คมู่ ือการใช้งาน Google sites 20

ยกตวั อย่างวตั ถทุ ค่ี ณุ สามารถแทรก insert: ไดด้ ังตอ่ ไปนี้

การ insert ภาพ
คลกิ ที่แทรกรูปภาพ สามารถนาไฟลภ์ าพจากบนเครอ่ื งของคุณหรอื อัพโหลดหน่ึงจาก Web address

(URL) ใดกไ็ ด้
 การแทรกรปู โดยการ Upload File

ค่มู ือการใชง้ าน Google sites 21

 การแทรกรูปโดยการ ใช้ URL

ตัวอยา่ งงานที่ใสร่ ปู ประกอบเพอ่ื ความน่าสนใจ

คู่มือการใช้งาน Google sites 22

การแทรก Google Docs, Spreadsheets Presentations and Forms
ลงใน sites

คุณสามารถแทรกเอกสารของ แทรก Google Docs, Spreadsheets Presentations, and Forms
ลงใน sites ของคณุ ในสองขั้นตอนง่ายๆ ดังน้ี

 คลิกท่ีไอคอนหน้าแก้ไขซงึ่ ดูเหมอื นไอคอนรปู ดนิ สอเพ่ือเปดิ โปรแกรมแก้ไขหน้า
 วางเคอรเ์ ซอรใ์ นตาแหน่งท่ีคุณต้องการแทรกวตั ถุจากเมนูแทรกใหเ้ ลือกวัตถุทค่ี ุณต้องการแทรก

คู่มอื การใชง้ าน Google sites 23

Google Drive คอื อะไร

ลองนึกถงึ Google drive ว่าเปน็ ฮารด์ ไดรฟ์ท่ีตดิ ตามคณุ ไปทุกหนทุกแห่ง และชว่ ยให้คณุ สามารถเกบ็
และแบ่งปนั ได้ทุกอย่าง นค่ี ือไฟล์ โฟลเดอร์ และ Google Docs สว่ นตัวของคณุ ทคี่ ุณสามารถเขา้ ถงึ จากเวบ็
เบราวเ์ ซอรห์ รอื อุปกรณ์อะไรก็ไดท้ ่ีคณุ ได้ติดต้ัง Google drive ไว้

 เก็บไฟล์ 5GB
เม่อื ปรบั ตกลงใช้ Google Drive จะมีพนื้ ท่ีในการเกบ็ งาน ได้ 5 GB แต่เม่ือ Google Drive ของคุณมี

ข้อมลู มากขน้ึ คณุ สามารถซ้ือพื้นทเี่ ก็บข้อมลู เพิ่ม โดยเริ่มท่ีราคาไม่ถงึ $4.99 ต่อเดือนสาหรับพื้นที่ 100GB

 เข้าถงึ ทุกอย่างใน Google Drive ไดจ้ ากอุปกรณ์ของคุณ
Google Drive ของคุณทางานอย่ใู นระบบ Clound แตค่ ณุ สามารถติดตง้ั แอปพลิเคชนั สาหรับ

เดสกท์ อ็ ปและแอปพลเิ คชันมือถือเพ่ือเขา้ ถึงเนื้อหาของคุณดว้ ยคอมพวิ เตอร์ สมาร์ทโฟน หรือแทบ็ เลต็
นอกเหนือไปจาก drive.google.com ได้

 ทาให้ไฟล์มีข้อมูลตรงกันอยู่เสมอ เพียงเชื่อมต่อกับเว็บ ที่เหลอื จะทางานโดยอตั โนมตั ิ
ความสามารถในการซิงคภ์ ายใน Google Drive จะทาให้ไฟล์ โฟลเดอร์ และ Google Docs ของคุณมี

เนอ้ื หาเหมือนกันในอปุ กรณท์ ุกชนดิ

 เลกิ ส่งไฟล์แนบทางอเี มล เริ่มแบ่งปันกัน
Google Drive ช่วยใหค้ ุณเลอื กได้ตามต้องการว่าจะแบ่งปนั ไฟลก์ ับใครบ้าง ไมว่ า่ จะเปน็ เพ่ือน เพ่ือน

รว่ มงาน หรือครอบครัว ไมต่ ้องกงั วลกบั ไฟล์แนบอเี มล เพยี งแบง่ ปนั ไฟล์โฟลเดอร์ หรอื Google Docs จาก
อปุ กรณ์ของคุณกใ็ ช้ได้แล้ว

ค่มู อื การใช้งาน Google sites 24

1. Google Docs
เปน็ ชดุ ของผลิตภณั ฑ์ทชี่ ว่ ยใหค้ ุณสร้างเอกสารออนไลนช์ นิดที่แตกตา่ งจากเดิม โดยสามารถทางาน

จดั เก็บเอกสาร และไฟล์ร่วมกบั คนอนื่ ๆ ได้ในเวลาจริง ดว้ ยวธิ ีการออนไลน์ โดยการเช่อื มต่ออินเทอร์เน็ต
คณุ สามารถเข้าถึงเอกสารและไฟลข์ องคุณไดจ้ ากคอมพวิ เตอรเ์ คร่ืองใด หรือทใี่ ดกไ็ ด้ในโลก แมก้ ระท่ังงานที่
คณุ สามารถทาได้โดยไม่ต้องเชือ่ มตอ่ อินเทอรเ์ นต็

Documents List
เอกสารที่คณุ ได้สรา้ ง ได้อัพโหลดหรือสง่ิ ที่ถูกแชรร์ ว่ มกนั สามารถค้นพบมนั ท้งั หมดได้จาก Google
Docs นอกจากนี้ยงั เป็นท่ีท่ีคุณสามารถจัดการกบั Google Documents ของคุณเองได้โดยการตัง้ ค่าต่างๆ น่ี
คือสิง่ ที่คุณสามารถทาได้ในรายการเอกสารของคุณ :
• สร้างเอกสารจาก Google Documents, Spreadsheets และไฟลป์ ระเภทอ่ืนๆ ในชดุ ตา่ งๆ
• อัพโหลด (ไฟลจ์ ากคอมพวิ เตอรข์ องคุณหากคณุ ต้องการ), จดั การและจดั เกบ็ ไฟล์และโฟลเดอร์
• แบ่งปนั Google Docs, ไฟล์, และชดุ ตา่ งๆ
• แสดงตัวอยา่ งเอกสารและไฟล์ของคุณก่อนท่ีจะเปิดหรือใช้ร่วมกัน
• ดูภาพและวิดีโอที่คุณได้อัพโหลดไปยังรายการเอกสารของคุณ
• ค้นหารายการโดยการต้ังค่าชอ่ื ประเภทในการมองเห็นเอกสารของคุณ

Google Docs จะช่วยใหค้ ุณสร้างและจดั รูปแบบเอกสาร ขอ้ ความและการทางานร่วมกบั คนอน่ื
ไดใ้ นเวลาจริง นีค่ ือสิ่งท่คี ุณสามารถทากบั เอกสารของ Google Docs

• Google Docs แปลงไฟล์ในหลายรูปแบบ(สกลุ )
• มี option สาหรับจดั รปู แบบเอกสารของคณุ มีตัวเลือกตา่ งๆ อาทิ รปู แบบสี, ขอบ, ระยะห่างและแบบ
อกั ษร
• สามารถเชิญบุคคลอน่ื ๆ ทีจ่ ะทางานร่วมกนั บน doc ให้มาทางานร่วมกบั คุณ โดยสามารถตง้ั คา่ ใหพ้ วก
เขาสามารถแก้ไข, แสดงความคดิ เหน็ หรือแค่ดเู อกสารของคุณไดเ้ พียงอย่างเดียว
• ในระหว่างทางานร่วมกันแบบออนไลน์ สามารถสนทนากบั ผู้ทางานร่วมงานคนอื่น ๆ ได้
• ดปู ระวัตกิ ารแกไ้ ขเอกสารของคุณ และสามารถย้อนกลับไปแก้ไขตามการบันทึกใน history ได้
• ดาวนโ์ หลด Google Docs ให้ไปอยทู่ หี่ น้า Desktop ของคุณ โดยสามารดาวนโ์ หลดเป็น Word,
OpenOffice, RTF, PDF, HTML หรอื ไฟล์ zip
• แปลเอกสารเป็นภาษาอ่ืนๆ ได้
• สง่ สงิ่ ทแ่ี นบมาไปพร้อมกับเอกสารของคณุ ถงึ บคุ คลอืน่ ๆ ทาง email ได้

คู่มอื การใชง้ าน Google sites 25

2. Spreadsheets
เปน็ โปรแกรม Spreadsheets ออนไลน์ทีช่ ว่ ยให้คุณสร้างและจดั รูปแบบ Spreadsheets แผนภมู ิ

และเครื่องมือตา่ งๆ ใหพ้ ร้อมทีจ่ ะทางานรว่ มกบั คนอน่ื ๆ น่ีคือสิง่ ที่คุณสามารถทากบั Google
Spreadsheets:

• นาเขา้ และแปลง จดั รูปแบบขอ้ มลู ใหเ้ ปน็ สกลุ xls.. csv,. txt และ. ODS
• การจัดรปู แบบข้อมูลส่งออกใหเ้ ป็นสกุล xls,. csv,. txt และ. ODS และไฟล์ PDF และ HTML
• ใช้การจัดรปู แบบและสูตรการแกไ้ ข เพื่อให้คุณสามารถคานวณผลลัพธแ์ ละจดั การข้อมูลด้วยรูปแบบทค่ี ุณ
ต้องการ
• การสนทนากับผู้อ่ืนได้ในเวลาจรงิ ในขณะที่กาลงั แกไ้ ข spreadsheets ของคุณ
• สรา้ งแผนภูมแิ ละ เครอ่ื งมอื อื่นๆ ได้
• ฝงั spreadsheets หรอื Page ของแต่ละ spreadsheets ของคุณไวใ้ นบล็อกหรือท่ีเวบ็ ไซตข์ องคณุ ได้

คมู่ ือการใชง้ าน Google sites 26

3. Google presentations
เปน็ โปรแกรมงานนาเสนอแบบออนไลน์ทช่ี ว่ ยใหค้ ุณพรีเซนตก์ ารทางานของคุณได้ทางระบบ visual

way นคี่ อื สิง่ ทีค่ ณุ สามารถทาไดด้ ว้ ยการนาเสนอผลงานของ Google presentations
• สามารถให้ผู้อ่นื แกไ้ ขงานนาเสนอกับเพอื่ นร่วมงานของคณุ ได้
• นาเข้าและแปลงงานนาเสนอทมี่ ีอยู่ในรปู แบบสกลุ pptx และ PPS. ประเภทไฟล์ ได้
• ดาวนโ์ หลดงานนาเสนอของคุณเป็นรปู แบบไฟล์ PDF, PPT, หรือ. ไฟล์ txt ได้
• สามารถแทรกรปู ภาพและวิดโี อและภาพนงิ่ ได้
• อนุญาตใหผ้ ชู้ มสามารถดูงานนาเสนอของคุณได้ในแบบออนไลน์ สามารถ
• เผยแพรแ่ ละฝงั การนาเสนอของคุณเขา้ ไปในเว็บไซต์ที่ช่วยใหเ้ ขา้ ถึงผู้ชมทม่ี ากว่าได้ (embed code)

คมู่ ือการใชง้ าน Google sites 27

4. Google Form

เป็นเครื่องมือที่ชว่ ยในการสรา้ งแบบสารวจ/แบบสอบถามเพอื่ เกบ็ ข้อมูล โดยการเชือ่ มต่อการทางาน
ไปยัง Spreadsheet เมือ่ มีการตอบสนองจากผ้รู ับ ข้อมูลจะถูกรวบรวมนาไปเกบ็ ไวท้ ี่ Speadsheet

ค่มู อื การใช้งาน Google sites 28

5. Google drawings

คอื โปรแกรมแก้ไขภาพวาดออนไลนท์ ี่ช่วยใหค้ ุณสร้างอะไรไดจ้ ากการเขยี น การวาด แผนภมู ิ ในขณะ
ทที่ างานร่วมกบั คนอ่ืน ๆ น่คี ือสิ่งทีค่ ุณสามารถทาไดด้ ว้ ยภาพวาดของ Google:
• ใหผ้ ู้อน่ื สามารถแก้ไขภาพวาดกับเพื่อนและเพ่ือนร่วมงานของคณุ ได้
• ดาวนโ์ หลดงานนาเสนอของคณุ เปน็ PNG, JPEG, SVG, หรอื ไฟล์ PDF ได้
• มีฟงั กช์ ่ันการแทรกรูปภาพ, รปู รา่ งและเสน้ และรปู แบบให้เหมาะสมกับความชอบของคุณ
• สามารถทางานแบบ real-time รว่ มกนั กบั คนอนื่ ๆ ได้
• สามารถแทรกรูปวาดลงในเอกสาร Google Spreadsheets หรือ Google Presentations ได้

คมู่ ือการใชง้ าน Google sites 29

การ Insert ปฏทิ ินของ Google Calendars

คุณสามารถ Insert ปฏิทนิ ของ Google Calendars ได้มากเท่าที่คุณต้องการลงในเวบ็ ไซตข์ อง Google
 หากคุณต้องการ Insert ปฏิทิน ( Google Calendars )ของคณุ คลกิ ทไ่ี อคอนหนา้ แก้ไขซึง่ ดูเหมอื น
ดนิ สอ
 วางเคอรเ์ ซอร์ในตาแหน่งท่ีคุณต้องการจะแทรกปฏทิ นิ ของคณุ
 จากเมนแู ทรกเลอื กปฏทิ นิ Google Calendars
 คลิกทชี่ อ่ื ของปฏิทนิ ท่คี ุณตอ้ งการแทรกแลว้ คลกิ เลอื ก

 สามารถปรับขนาดของปฏทิ นิ ของคณุ ได้ จากคาสั่งเหลา่ น้ี

ตวั อยา่ ง sites ท่ีแทรก Google Calendars

คมู่ ือการใชง้ าน Google sites 30

การ Insert Google Maps

การแทรกแผนที่ Google ในเว็บไซต์ Google ของคณุ เพื่อแบง่ ปนั กับเพื่อนร่วมงาน และ ครอบครัว ที่
บอกถึงสถานที่ต่างๆและตาแนง่ ทีอ่ ยู่ ใน Google Maps ได้ชดั เจน

 คลกิ ทปี่ ุม่ แก้ไขเพจ
 คลิกทเ่ี มนูแทรกและเลือกแผนท่ี หน้าตา่ งท่มี ีแผนท่ีจะปรากฏขนึ้
 พิมพ์ทอ่ี ยู่หรือสถานท่ีในกล่องค้นหาและคลิกค้นหา สถานที่ของคณุ จะปรากฏในแผนท่ีมีเครอ่ื งหมายสี

แดงบอกตาแหน่ง

คมู่ ือการใช้งาน Google sites 31

การ Insert gadget

ในเว็บไซต์ตวั อย่างทเ่ี ห็นไดง้ า่ ย สาหรับการแทรก gadget เช่น การใส่ code ทีวี ออนไลน์ การใส่
playlist สาหรบั เลน่ วีดโี อ ของ youtube เปน็ ตน้

Gadget คือ app ต่างๆ ไม่วา่ จะเปน็ ดา้ นความบันเทิง หรือดา้ นการศกึ ษา หรือเพอื่ เพ่ิมความ
สะดวกสบาย เชน่ นาฬิกา ปฏิทิน หรือโน้ต หรือขา่ วสารต่างๆ ที่อยู่บน sites

ตวั อยา่ ง

คู่มือการใช้งาน Google sites 32

Gadget บางตวั สามารถใชค้ าสง่ั ในการคน้ หาได้ เชน่ ข่าว สภาพอากาศ ผลกีฬา และอนื่ ๆเปน็ เป็น
ประโยชน์ต่อsite ของเรา

เมอ่ื สามารถเลอื ก Gadget ได้แลว้ เราสามารถแก้ไข ปรบั เปล่ียนขนาด และการตัง้ หน้ากระดาษ
การจัดเรยี ง รวมไปถงึ ถึงการนาเอาออกได้ จากคาส่ังด้านล่างเพยี งแคค่ ลิ้กทต่ี ัว Gadget

คู่มือการใชง้ าน Google sites 33

การใส่ภาพแอนนิเมช่นั ลงใน site โดยการใช้ code html

เราสามารถใส่ภาพแอนนิเมชั่นในรูปแบบต่างๆได้ เพื่อความสวยงามและน่าสนใจของเว็บได้โดยใช้ code
html โดยใชค้ าส่ังดังตอ่ ไปน้ี ไปที่เว็บไซต์

http://www.glitter-graphics.com/myspace/text_generator.php

จากนั้นพมิ พข์ ้อความลงในชอ่ ง Enter your text ( Welcome ) แลว้ กดปุม่ Generate Code
จากนัน้ copy code ที่อยูใ่ นคาส่งั Copy this HTML code ทง้ั หมด

เปิดหน้า site ทเี่ ราตอ้ งการจะใสแ่ อนนิเมชัน่ แล้วไปที่คาส่งั HTML บรเิ วณขวามือให้นา code ท่ไี ด้
ไปวางลงใน คาสั่งท่ปี รากฏ

คู่มอื การใช้งาน Google sites 34

แล้วกดทป่ี มุ่ อัพเดท จะปรากฏแอนนิเมช่นั ดงั ภาพทแ่ี สดง แล้วกดที่บนั ทึกเพ่ือดาเนินงานตอ่ ไป

หรือสามารถนา code ประเภทพวกข่าวสารตา่ งๆท่ีมแี จกตามเวบ็ ข่าวท่วั ไปกไ็ ด้ หรือวทิ ยอุ อนไลน์ ก็
ได้ ดงั ภาพตวั อย่างดังต่อไปนี้

คูม่ ือการใช้งาน Google sites 35

สรา้ งเพจเอกสารดาวน์โหลด

ในหัวขอ้ นจี้ ะสามารถสรา้ งหน้าเวบ็ เพจท่ีสามารถนาเอกสารทตี่ ้องการจะใหบ้ คุ คลท่ีสนใจ ดาวนโ์ หลด
หรอื เปดิ อ่านเอกสารของเราได้โดยการ up load ไฟลข์ องเราขึ้นไปได้โดยไปที่คาส่งั สร้างหนา้ เพจหน้าใหม่

ต้ังช่อื เพจใหม่ท่ีต้องการสร้างให้เลือกเท็มเพจทเี่ ราใชเ้ ป็น
แบบตู้เกบ็ เอกสาร เลือกตาแหน่งของเพจทีต่ ้องการแล้วกดที่สรา้ ง
จะปรากฏคาสั่งเหล่าน้ีโดย เพ่ิมไฟล์ท่ีเราตอ้ งการ upload ลงไป
และเรายังสามารถใช้เครื่องมือเหล่านเ้ี พ่ีอทาการ ลบ ยา้ ย หรอื รบั
สมคั รความเปลี่ยนแปลงจากเวบ็ ผอู้ ื่นได้

ค่มู ือการใชง้ าน Google sites 36

การตั้งค่าหน้าเว็บ

สามารถจะแสดงคาสัง่ เหลา่ น้ีหรอื ใหค้ ลิกเลือกหรือไม่ก็ได้

คู่มือการใช้งาน Google sites 37

สร้างหน้าเพจประกาศขา่ วสาร

ตั้งช่ือเพจใหม่ทีต่ ้องการสร้างใหเ้ ลอื กเทมเพจที่เราใชเ้ ปน็ แบบประกาศ เลอื กตาแหนง่ ของเพจที่
ต้องการแลว้ กดที่ สรา้ ง โดยการโพสขอ้ ความ ข่าวสาร ขอ้ มูลต่างๆไดจ้ ากทนี่ หี้ รือรบั สมัครความเปล่ยี นแปลง
จากเว็บผู้อนื่ ได้ เช่นกัน

คู่มือการใช้งาน Google sites 38

การยา้ ยตาแน่งของการนาทาง

การย้ายลาดับการแสดงของปุ่มนาทางสมารถแก้ไขไดจ้ ากคาสง่ั แกไ้ ขการออกแบบไซต์ แลว้ คลิกตรง
sidebar ทางดา้ นขวาใหเ้ ราเอาเครื่องหมายถูกออกในชอ่ งจัดระเบยี บการนาทางของฉันโดยอตั โนมัติ เพ่ือ
แกไ้ ขไปเป็นแนวทางที่เราตอ้ งการ จะมีเครอ่ื งมือควบคมุ อยู่ทางดา้ นซ้ายเลือกตาแหน่งท่ีต้องการได้

คู่มือการใชง้ าน Google sites 39

การแบง่ ปนั การมอบสทิ ธ์ และแกไ้ ข

การแบ่งบันและมองสิทธิ์เพ่ือนาไปเผยแพร่ในองคก์ รหรือเป็นสาธารณะ เราสามารถระบผุ ทู้ ี่เรา
ต้องการจะแชร์ site ของเราได้โดยการใสอ่ ีเมล์ของบคุ คลนั้น พร้อมให้สทิ ธแ์ิ กผ่ นู้ ้นั ได้ หลักการเดยี วกบั การ
แชร์ไฟล์ใน Google drive

คูม่ อื การใชง้ าน Google sites 40

การย่อ Link ดว้ ย Bit.ly

bit.ly คือ เปน็ เว็บไซดอ์ ีกท่ีหน่ึงทใ่ี ห้บรกิ ารย่อล้งิ ให้ส้ันลงเพื่อความสวยงาม และสามารถแก้ไข
ปรับแต่ง link ได้ bitly คือบริการย่อ URL ซง่ึ เราเรียกบรกิ ารแบบน้ีว่า URL Shortener คล้ายๆกับ
เว็บ google - http://goo.gl , facebook - http://fb.me

เหมาะกับล้ิงค์ดาวโหลดตา่ งๆ เมือ่ ยอ่ แล้วเราสามารถทจ่ี ะเขา้ ไปดสู ถิตไิ ดว้ า่ ลิง้ ค์ท่เี ราย่อถูกดาวนโ์ หลด
ไปแลว้ กีค่ รง้ั ดาวน์โหลดจากเว็บไหนบา้ ง คนประเทศไหนท่ีคลิกลิง้ ของเรา น่าสนใจมากเจ้าลิ้งสนั้ ตวั นี้

คมู่ อื การใช้งาน Google sites 41

วธิ ีการใชง้ าน bit.ly
สมคั รสมาชกิ ไปที่ bitly.com กรอกข้อมูลให้ครบถว้ น หรอื จะสมัครกบั facebook กไ็ ด้

หลงั สมคั รเสร็จแลว้ เราก็ Login เขา้ ไปใชง้ านก็จะเจอหน้าตา่ ง และเมนตู ่างๆ หลังจากน้ันก็ก๊อปลงิ ค์
ยาวๆ ทเ่ี ราต้องการจะย่อไปวางไวใ้ นชอ่ ง Paste a link here…

คมู่ ือการใช้งาน Google sites 42

Bitmarks เปน็ สมารท์ บุคมาร์ด ทีจ่ ะแสดงรายการ URL ทเ่ี รายอ่ เกบ็ เอาไว้ สามารถคน้ หา Bitly เกา่ ๆ
ที่เราเคยย่อเอาไว้ได้อยา่ งง่ายดาย

ยกตวั อยา่ ง Link ที่จะย่อคือ https://sites.google.com/a/nu.ac.th/naresuan-university-
sites001/ จะยาวมากโดยเอาไปโพสในเมล์ หรอื apps โซลเ์ ชียลตา่ งๆ ตัวอกั ษรจะไมพ่ อเรากใ็ ชบ้ ริการย่อ
กบั bit.ly หลังจากทีย่ อ่ แลว้ จะได้ bit.ly/10NQX5b

คมู่ อื การใช้งาน Google sites 43

เม่ือวาง Link แล้ว กจ็ ะมหี นา้ ตา่ งปรากฎขึ้นมาเราก็ copy Link สน้ั ๆ ไปโพสไดเ้ ลย ไมว่ า่ จะใน
e-mail หรือในเวบ็ บอร์ด สามารถโพสได้หมด และเรายงั สามารถแกไ้ ข link ได้อีกด้วยเชน่ ดังภาพ
bit.ly/nusite

สามารถแชร์ Bitmarks นีใ้ ห้เพือ่ นได้ดว้ ยอยา่ งงา่ ยดายผ่านทาง Facebook, Twitter หรอื E-mail ก็
ได้ และสามารถเพมิ่ ข้อความส้นั ๆ เกี่ยวกบั ลงิ คล์ งไปได้

คู่มือการใชง้ าน Google sites 44

เราสามารถตัง้ ค่าความสว่ นตัวให้ลงิ คไ์ ดด้ ้วยการคลิกเครอ่ื งหมายถกู ที่ช่องหน้าลงิ ค์ แล้วจะปรากฏเมนใู ห้ตั้งคา่

ระบบ Search สามารถฟลิ เตอรก์ าร Search ไดด้ ้วย ทาให้ค้นหาไดง้ ่าย

ค่มู ือการใชง้ าน Google sites 45

Bundles ใช้สาหรบั จดั กลมุ่ ให้ Link ตา่ งของเรา ในการจัดการ Link เยอะๆ

คมู่ ือการใช้งาน Google sites 46

Stats เป็นฟีเจอร์ทน่ี ่าสนใจทส่ี ุดสาหรับการใช้ Bitly เพราะเราสามารถดู Feedback ไดเ้ ลยว่ามคี น

เทา่ ไร ท่ีกดเขา้ มาดูลงิ ค์ของเราบ้าง และสรุปกราฟข้อมูลให้เราด้วย

Your network สาหรับ Social Network ทีส่ นบั สนุน Bitly ในขณะนีม้ ี Twitter และ Facebook

ค่มู ือการใชง้ าน Google sites 47

ตัวอย่างรปู แบบการแชร์ ลงใน Facebook

คู่มอื การใชง้ าน Google sites 48

วิธีการทา FanPage ใน Facebook และการทาปุ่ม Like เพอ่ื นาไปไว้ใน
google sites

1.จาเป็นทเี่ ราตอ้ งมเี พจของตวั เองก่อนโดยสามารถสมัครได้ที่
http://www.facebook.com/pages/create.php

ดูในสว่ นขวามอื Official Page เลอื กประเภทว่าเราจะสร้างเพจของอะไร มใี หเ้ ลือก 3 อย่างคือ
 Local business
 Brand, Product, or organization
 Astist, band, or public figure

เม่ือต๊กิ เลือกอันไหน กจ็ ะมี List ให้เลอื กว่าเปน็ อะไรอีก จากนน้ั ก็ต้ังช่ือ Page ต๊กิ ถูกในช่องสเี หล่ยี ม เสร็จ
แล้วคลกิ Create Official Page

คู่มือการใช้งาน Google sites 49

ขึ้นมาดังภาพคลกิ Create Page
หากมีขอ้ ผิดพลาดระบบจะแจ้ง ในที่น้ีคือช่ือนี้ใช้ไมไ่ ด้ เดาเอาว่าถา้ เลือกเป็นเว็บไซต์ก็ต้องพิมพค์ ลา้ ยๆ
รปู แบบของเว็บไซตจ์ ึงจะได้ ตอ้ งลองพิมพด์ ไู ม่ได้กเ็ ปล่ยี น ช่ือท่ีต้งั แล้วจะไม่สามารถเปล่ยี นได้เมอื่ Create
เสร็จ

คูม่ ือการใช้งาน Google sites 50

ในกรณีที่ชอ่ื ผา่ น เม่ือคลิก Create Page จะขึ้นมาหน้าตาแบบน้ี แสดงวา่ เราได้ Create Page ข้นึ มาแลว้
เปน็ ในสว่ นของการตัง้ ค่าต่างๆ เราสามารถทจ่ี ะอัพโหลดรูปเปน็ Profile Picture ได้ตามปกติ

และมใี นสว่ นอ่นื ๆ อีกตามภาพ เป็นการแก้ไขขอ้ มลู การส่งขอ้ มลู ไปหาลกู คา้ หรือคนอ่ืนๆ ว่าเรามีเพจน้ี การ
โปรโมทเพจบนเว็บไซต์