คู่มืออบรม Google sites
-
Upload
badboy-20151963 -
Category
Education
-
view
21 -
download
2
Transcript of คู่มืออบรม Google sites
![Page 1: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/1.jpg)
1 คมอการใชงาน Google sites
ค าน า
Google Sites คอ โปรแกรมออนไลนทท าใหการสรางเวบไซตใหงายขนเหมอนกบการแกไขเอกสารธรรมดาๆดวย Google Sites สามารถรวบรวมความหลากหลายของขอมลในทเดยว เชน รวมวดโอ ปฏทนการน าเสนอ เอกสารหรอสงทแนบ และขอความ อ านวยความสะดวกใหคณรวมกนด หรอแกไขหนาเวบ จะเปนกลมเลกๆ หรอทงองคกรของคณ หรอจะทงโลกเลยกได
รจกกเกลไซต (Google Sites)
Google Sites ใหบรการครงแรกเมอเดอนพฤษภาคม 2551
สรางเวบไซตไดสดแสนจะงายดาย ใชเวลากนาทกโชวผลงาน
ไมจ าเปนตองรภาษาเขยนเวบ (HTML) ใหปวดหว แคใชเวรดพมพงานเปนกเรมไดเลย แถมเมนเปนภาษาไทยอกตางหาก
มแบบเทมเพลตส าเรจรปใหเลอกมากมาย คลายๆ กบแบบส าเรจเพาเวอรพอยต
สามารถแชรเวบใหเพอนๆ รวมสรางสรรคได
เปนระบบทครอบคลม เอามาใชดวยกนไดเลย เชน อเมล (Gmail) ปฏทน (Calendar)
เอกสาร (Documents) ยทบ (YouTube) อลบมภาพ (Picasa) แผนท (Map) ฯลฯ
![Page 2: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/2.jpg)
2 คมอการใชงาน Google sites
นคอสงทคณสามารถด าเนนการไดกบ Google Sites:
ก าหนดรปลกษณของเวบไซตของคณ
สรางเพจยอยเพอใหเนอหาของคณนาสนใจ
เลอกประเภทเพจ, เวบเพจประกาศ, ตเกบเอกสาร
ใหเนอหาในเวบของคณ เชน วดโอ, เอกสารออนไลน, Picasa แสดงสไลดภาพถาย, gadgets iGoogle และไฟลแบบออฟไลนในต าแหนงกลางหนง
ใหเวบไซตของคณเปนสวนตวหรอสาธารณะตามทคณตองการ
คนหาใน Google เนอหาของเวบไซตทมเทคโนโลยการคนหา Google
เรยนรพนฐานของ Google เวบไซตและเรมตนสรางเวบไซตของคณเองการใชงาน Google site
Google Sites เปนแอปพลเคชนออนไลนทท าใหการสรางเวบไซตของทมกลายเปนเรองงาย
แกไขเอกสาร เมอใช Google Sites ผคนสามารถรวบรวมขอมลทหลากหลายไวในทเดยวไดอยางรวดเรว ไดแก วดโอ ปฏทน งานน าเสนอ ไฟลแนบ และขอความ และสามารถใชงานรวมกบกลมเลกๆ ทงองคกรหรอทงโลก เพอดหรอแกไขไดอยางงายดาย
Free Accountไวท100 MB
- พนทจดเกบ 10 Gb* (GB=กกะไบต)
- ขนาดไฟลสงสด 10 MB (MB=เมกกะไบต)
- จ านวนหนาเวบเพจไมจ ากดการใชงาน Google site
* เฉพาะพนทเวบไซตไมเกน 100 MB แตหากรวมเปนสมาชกบรการอนๆ ของกเกลตวอนๆ เชน ยทบ (
YouTube), ไดรฟ (Drive), ปฏทน (Calendar), อลบมภาพ (Picasa) แลวไมเกน 10 GB
![Page 3: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/3.jpg)
3 คมอการใชงาน Google sites
สารบญ
หนา
การเขาใชงาน 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
![Page 4: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/4.jpg)
4 คมอการใชงาน Google sites
การเขาใชงาน google site
การใชงาน Google sites (เบองตน)
1. เขา Login ใชงานไดท
2. สามารถเรมตนการใชงาน Google sites ไดจาก ค าสงนไดเลยครบ
![Page 5: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/5.jpg)
5 คมอการใชงาน Google sites
การวางโครงสรางและรายละเอยดของ site
เลอกเทมเพลตทใชในแบบลกษณะทเราตองการ และ กรอกรายละเอยดของ site พรอมเนอหาตางๆ อยางยอ เพอเปนการบอกถงจดประสงคของการสราง site ของเราได
ในค าสง เลอกดเพมเตมในแกลเลอร นนเราสามารถเลอกเทมเพจทท าไวในรปแบบส าเรจรปไดและเราสมารถแกไขเพอปรบแตงกบsite ของเราทตองการไดในอนาคต
![Page 6: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/6.jpg)
6 คมอการใชงาน Google sites
ในรปแบบนเราสามารถเลอกแบบตางๆไดมากมายตามหมวดหมไดเลย ซงจะสามารถประหยดเวลาในการสราง site ไปไดมาก
ในสวนตอมาคอการตงชอ site ของเรา พรอมบอกต าแหนง http ต าแหนงของ site เราอยางละเอยด
![Page 7: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/7.jpg)
7 คมอการใชงาน Google sites
ค าอธบายไซต เพอบอกถงเนอหาและจดประสงคทมของ site ของเราใหไดเขาใจมากยงขน ดงตวอยาง
เลอกธม ทเราตองการไดจากค าสงนเพอความเหมาะสมของการท างาน ของ site เรา
เ
![Page 8: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/8.jpg)
8 คมอการใชงาน Google sites
เครองมอในการแกไข Site
จะปรากฏหนาตางเพอใสรายละเอยด และการเลอกเทมเพลตทสามารถเลอกได และ สามารถระบต าแหนงของปมหนานนๆได
หากตองการแกไขเวบไซตของคณคลกทปมแกไขเพจในมมขวาบนของหนาจอแถบเครองมอแกไขเวบไซตของคณ แตถาตองการ ทจะเพมหนาเวบเพจ ใหกดทสญลกษณ หนากระดาษ
![Page 9: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/9.jpg)
9 คมอการใชงาน Google sites
ค าสงยกเลกและท าซ า การเปลยนแปลงโดยการคลกทปมลกศรในแถบเครองมอ นอกจากนคณยง สามารถใชแปนพมพลดเหลาน
เลกท า (Ctrl-z)
ท าซ า (Ctrl-y หรอ Shift-Ctrl-z)
![Page 10: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/10.jpg)
10 คมอการใชงาน Google sites
การเปลยนฟรอนตวอกษรและขนาด คณสามารถเลอกประเภทของตวอกษร Front และขนาดทใชเมนแบบเลอนลง และ พมพตวหนาและตวเอยงขดเสนใตขอความและเปลยนสของขอความหรอพนหลง ดงจะเหนค าสงตอไปน B การพมพตวหนา I ตวเอยง U ขดเสนใตขอความท U A สของขอความการเปลยนแปลง
เครองหมายเปลยนสพนหลงขอความ
Link สรางการเชอมโยง
ปมรายการล าดบเลขหรอปมรายการสญลกษณแสดงหวขอยอยขนอยกบประเภทของรายการทคณตองการเพอเพมไปยงเวบไซต
ลกษณะการจดเรยงหนาในแบบตางๆ
สามารถทจะเนนขอความทคณตองการและจะเปลยนเปนลงกและคลกทปมเชอมโยงส link ทคณตองการได เชน URL , Email ,Bookmark ซงจะปรากฏ หนาตางขนมาพรอมกบตวเลอกเหลาน หลงจากนน กคลกทปม OK เพอยนยนการท างานไดเลย
![Page 11: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/11.jpg)
11 คมอการใชงาน Google sites
การเปลยนชอ site โดยไปทค าสง เพมเตม จดการไซต
แกไข ชอไซต รวมไปจนถง แกไขหรอเพมเตมค าอธบายไซต แลวใหกดทบนทกเพมเรมการท างาน ในล าดบตอไป
![Page 12: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/12.jpg)
12 คมอการใชงาน Google sites
การแกไขการออกแบบ เปนการแกไขในสวนรายละเอยด ในสวนหว การน าทางในแนวนอนแถวดานขาง สวนทายทก าหนด
เองได ดงตอไปน
![Page 13: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/13.jpg)
13 คมอการใชงาน Google sites
สวนหว – ในสวนนเปนค าสงทเราสารถเลอกไดวา ตองการทจะใช ชอและพนทบรเวณหวของเพจหรอไมสามารถคลกเลอกไดเลย
การน าทางแนวนอน - ในสวนนเปนค าสงทเราสามารถเลอกไดวา ตองการทเลอกปมการน าทางของเพจของเราในบรเวณดานซาย เปนลกษณะแนวนอนได และสามารถปรบแตงแกไขได โดยคลกท ปมค าสง เครองหมายอกษร +
![Page 14: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/14.jpg)
14 คมอการใชงาน Google sites
แถบดานขาง – เปนสวนทมความสามารถคลายๆกบค าสง ทง 2 ขอทกลาวมาสามารถเลอกไดวาตองการแสดงหรอไมกได โดยคลกท ปมค าสง เครองหมายอกษร + และสามารถเลอกองคประกอบใหมๆ ไดจากค าสงน โดยคลกทปม เพม ตวอยางการเพมค าสงในรปแบบตางๆจะปรากฏขนในรป
เชน ปม +1
เพมปม +1 ทผเขาชมสามารถใชเพอแนะน าหนาเวบของคณและ ชวยใหไซตของคณโดดเดนขน
การน าทาง เพมลงกไปยงแตละหนาเพอใหผใชงานไซตของคณสามารถเขาถงไดอยางรวดเรว
ขอความ เพมขอความในแถบดานขางของไซต
กจกรรมลาสดของไซต รายการของกจกรรมลาสดในไซตของคณ
กจกรรมลาสดของฉน รายการของกจกรรมลาสดโดยผใชทเขาสระบบปจจบน
นบถอยหลง จ านวนวนนบถอยหลงถงวนททระบ
เจาของไซต แสดงเจาของไซตในแถบดานขางของไซต
ผเขยนหนาเวบ แสดงผเขยนหนาเวบลาสดในแถบดานขางของไซต
![Page 15: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/15.jpg)
15 คมอการใชงาน Google sites
และสามารถแกไขใหปมอยทางดานซายหรอขวากได พรอมปรบขนาดความกวางไดตามความเหมาะสม โดยคลกทเครองหมายดนสอ
![Page 16: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/16.jpg)
16 คมอการใชงาน Google sites
การแกไขโครงสรางหนาเวบ
จากนนไปทค าสงเคาโครงของไซตเพอแกไขในสวนปลกยอยไดเชนสวนหว และแถบดานขาง โดนสามารถระบขนาด ความกวางความยาวสวนสงของคอลมไดและยงสามารถอพโหลดไฟลโลโกในบรเวณของสวนหวของ site ได
![Page 17: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/17.jpg)
17 คมอการใชงาน Google sites
แกไขสและแบบตวอกษร
รปแบบของสตวอกษร ,ขนาดตวอกษร ,ภาพพนหลง ในสวนประกอบของเพจตางๆ สามารถเปลยนแปลงได จากค าสงน เมอท าการแกไขแลวใหกดทปมบนทก
สและแบบอกษร
![Page 18: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/18.jpg)
18 คมอการใชงาน Google sites
***สามารถดพรววการปรบเปลยนส – ปรบขนาด รปแบบตางๆ ได
ในสวนของธมกสามารถเปลยนไดตามความตองการ มใหเลอกหลากหลายรปแบบ
![Page 19: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/19.jpg)
19 คมอการใชงาน Google sites
การแทรกวตถ และสอตางๆ ลงไปใน sites
การ Insert เพอเรมตนการใสวตถและสอตางๆ ลงไปใน sites ของคณเพยงคลก แกไขหนา เลอก Insert และเลอกวตถหรอ app ทคณตองการแทรกเชน Presentation Google Docs เปนตน
ค าสงตางๆในการท างานบน google site
![Page 20: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/20.jpg)
20 คมอการใชงาน Google sites
ยกตวอยางวตถทคณสามารถแทรก insert: ไดดงตอไปน
การ insert ภาพ คลกทแทรกรปภาพ สามารถน าไฟลภาพจากบนเครองของคณหรออพโหลดหนงจาก Web address
(URL) ใดกได
การแทรกรปโดยการ Upload File
![Page 21: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/21.jpg)
21 คมอการใชงาน Google sites
การแทรกรปโดยการ ใช URL
ตวอยางงานทใสรปประกอบเพอความนาสนใจ
![Page 22: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/22.jpg)
22 คมอการใชงาน Google sites
การแทรก Google Docs, Spreadsheets Presentations and Forms ลงใน sites
คณสามารถแทรกเอกสารของ แทรก Google Docs, Spreadsheets Presentations, and Forms ลงใน sites ของคณในสองขนตอนงายๆ ดงน
คลกทไอคอนหนาแกไขซงดเหมอนไอคอนรปดนสอเพอเปดโปรแกรมแกไขหนา วางเคอรเซอรในต าแหนงทคณตองการแทรกวตถจากเมนแทรกใหเลอกวตถทคณตองการแทรก
![Page 23: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/23.jpg)
23 คมอการใชงาน Google sites
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 จากอปกรณของคณกใชไดแลว
![Page 24: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/24.jpg)
24 คมอการใชงาน Google sites
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 ได
![Page 25: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/25.jpg)
25 คมอการใชงาน Google sites
2. Spreadsheets
เปนโปรแกรม Spreadsheets ออนไลนทชวยใหคณสรางและจดรปแบบ Spreadsheets แผนภมและเครองมอตางๆ ใหพรอมทจะท างานรวมกบคนอน ๆ นคอสงทคณสามารถท ากบ Google Spreadsheets: • น าเขาและแปลง จดรปแบบขอมลใหเปนสกล xls.. csv,. txt และ. ODS • การจดรปแบบขอมลสงออกใหเปนสกล xls,. csv,. txt และ. ODS และไฟล PDF และ HTML
• ใชการจดรปแบบและสตรการแกไข เพอใหคณสามารถค านวณผลลพธและจดการขอมลดวยรปแบบทคณตองการ
• การสนทนากบผอนไดในเวลาจรง ในขณะทก าลงแกไข spreadsheets ของคณ • สรางแผนภมและ เครองมออนๆ ได • ฝง spreadsheets หรอ Page ของแตละ spreadsheets ของคณไวในบลอกหรอทเวบไซตของคณได
![Page 26: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/26.jpg)
26 คมอการใชงาน Google sites
3. Google presentations เปนโปรแกรมงานน าเสนอแบบออนไลนทชวยใหคณพรเซนตการท างานของคณไดทางระบบ visual
way นคอสงทคณสามารถท าไดดวยการน าเสนอผลงานของ Google presentations • สามารถใหผอนแกไขงานน าเสนอกบเพอนรวมงานของคณได • น าเขาและแปลงงานน าเสนอทมอยในรปแบบสกล pptx และ PPS. ประเภทไฟล ได • ดาวนโหลดงานน าเสนอของคณเปนรปแบบไฟล PDF, PPT, หรอ. ไฟล txt ได • สามารถแทรกรปภาพและวดโอและภาพนงได • อนญาตใหผชมสามารถดงานน าเสนอของคณไดในแบบออนไลน สามารถ • เผยแพรและฝงการน าเสนอของคณเขาไปในเวบไซตทชวยใหเขาถงผชมทมากวาได (embed code)
![Page 27: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/27.jpg)
27 คมอการใชงาน Google sites
4. Google Form
เปนเครองมอทชวยในการสรางแบบส ารวจ/แบบสอบถามเพอเกบขอมล โดยการเชอมตอการท างานไปยง Spreadsheet เมอมการตอบสนองจากผรบ ขอมลจะถกรวบรวมน าไปเกบไวท Speadsheet
![Page 28: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/28.jpg)
28 คมอการใชงาน Google sites
5. Google drawings
คอโปรแกรมแกไขภาพวาดออนไลนทชวยใหคณสรางอะไรไดจากการเขยน การวาด แผนภม ในขณะทท างานรวมกบคนอน ๆ นคอสงทคณสามารถท าไดดวยภาพวาดของ Google: • ใหผอนสามารถแกไขภาพวาดกบเพอนและเพอนรวมงานของคณได • ดาวนโหลดงานน าเสนอของคณเปน PNG, JPEG, SVG, หรอไฟล PDF ได • มฟงกชนการแทรกรปภาพ, รปรางและเสนและรปแบบใหเหมาะสมกบความชอบของคณ • สามารถท างานแบบ real-time รวมกนกบคนอนๆ ได • สามารถแทรกรปวาดลงในเอกสาร Google Spreadsheets หรอ Google Presentations ได
![Page 29: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/29.jpg)
29 คมอการใชงาน Google sites
การ Insert ปฏทนของ Google Calendars คณสามารถ Insert ปฏทนของ Google Calendars ไดมากเทาทคณตองการลงในเวบไซตของ Google
หากคณตองการ Insert ปฏทน ( Google Calendars )ของคณ คลกทไอคอนหนาแกไขซงดเหมอนดนสอ
วางเคอรเซอรในต าแหนงทคณตองการจะแทรกปฏทนของคณ จากเมนแทรกเลอกปฏทน Google Calendars คลกทชอของปฏทนทคณตองการแทรกแลวคลกเลอก
สามารถปรบขนาดของปฏทนของคณได จากค าสงเหลาน
ตวอยาง sites ทแทรก Google Calendars
![Page 30: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/30.jpg)
30 คมอการใชงาน Google sites
การ Insert Google Maps การแทรกแผนท Google ในเวบไซต Google ของคณเพอแบงปนกบเพอนรวมงาน และ ครอบครว ท
บอกถงสถานทตางๆและต าแนงทอย ใน Google Maps ไดชดเจน
คลกทปมแกไขเพจ คลกทเมนแทรกและเลอกแผนท หนาตางทมแผนทจะปรากฏขน พมพทอยหรอสถานทในกลองคนหาและคลกคนหา สถานทของคณจะปรากฏในแผนทมเครองหมายส
แดงบอกต าแหนง
![Page 31: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/31.jpg)
31 คมอการใชงาน Google sites
การ Insert gadget ในเวบไซตตวอยางทเหนไดงาย ส าหรบการแทรก gadget เชน การใส code ทว ออนไลน การใส
playlist ส าหรบเลน วดโอ ของ youtube เปนตน
Gadget คอ app ตางๆ ไมวาจะเปนดานความบนเทง หรอดานการศกษา หรอเพอเพมความสะดวกสบาย เชน นาฬกา ปฏทน หรอโนต หรอขาวสารตางๆ ทอยบน sites
ตวอยาง
![Page 32: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/32.jpg)
32 คมอการใชงาน Google sites
Gadget บางตวสามารถใชค าสงในการคนหาได เชน ขาว สภาพอากาศ ผลกฬา และอนๆเปนเปนประโยชนตอsite ของเรา
เมอสามารถเลอก Gadget ไดแลวเราสามารถแกไข ปรบเปลยนขนาด และการตงหนากระดาษ การจดเรยง รวมไปถงถงการน าเอาออกได จากค าสงดานลางเพยงแคคลกทตว Gadget
![Page 33: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/33.jpg)
33 คมอการใชงาน Google sites
การใสภาพแอนนเมชนลงใน 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 ทไดไปวางลงใน ค าสงทปรากฏ
![Page 34: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/34.jpg)
34 คมอการใชงาน Google sites
แลวกดทปม อพเดท จะปรากฏแอนนเมชน ดงภาพทแสดง แลวกดทบนทกเพอด าเนนงานตอไป
หรอสามารถน า code ประเภทพวกขาวสารตางๆทมแจกตามเวบขาวทวไปกได หรอวทยออนไลน กได ดงภาพตวอยางดงตอไปน
![Page 35: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/35.jpg)
35 คมอการใชงาน Google sites
สรางเพจเอกสารดาวนโหลด ในหวขอนจะสามารถสรางหนาเวบเพจทสามารถน าเอกสารทตองการจะใหบคคลทสนใจ ดาวนโหลด
หรอเปดอานเอกสารของเราไดโดยการ up load ไฟลของเราขนไปไดโดยไปทค าสง สรางหนาเพจหนาใหม
ตงชอเพจใหมทตองการสรางใหเลอกเทมเพจทเราใชเปนแบบตเกบเอกสาร เลอกต าแหนงของเพจทตองการแลวกดทสรางจะปรากฏค าสงเหลานโดย เพมไฟลทเราตองการ upload ลงไป และเรายงสามารถใชเครองมอเหลานเพอท าการ ลบ ยาย หรอรบสมครความเปลยนแปลงจากเวบผอนได
![Page 36: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/36.jpg)
36 คมอการใชงาน Google sites
การตงคาหนาเวบ
สามารถจะแสดงค าสงเหลานหรอ ใหคลกเลอกหรอไมกได
![Page 37: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/37.jpg)
37 คมอการใชงาน Google sites
สรางหนาเพจประกาศขาวสาร
ตงชอเพจใหมทตองการสรางใหเลอกเทมเพจทเราใชเปนแบบประกาศ เลอกต าแหนงของเพจทตองการแลวกดท สราง โดยการโพสขอความ ขาวสาร ขอมลตางๆไดจากทนหรอรบสมครความเปลยนแปลงจากเวบผอนได เชนกน
![Page 38: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/38.jpg)
38 คมอการใชงาน Google sites
การยายต าแนงของการน าทาง การยายล าดบการแสดงของปมน าทางสมารถแกไขไดจากค าสงแกไขการออกแบบไซต แลวคลกตรง
sidebar ทางดานขวาใหเราเอาเครองหมายถกออกในชองจดระเบยบการน าทางของฉนโดยอตโนมต เพอแกไขไปเปนแนวทางทเราตองการ จะมเครองมอควบคมอยทางดานซายเลอกต าแหนงทตองการได
![Page 39: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/39.jpg)
39 คมอการใชงาน Google sites
การแบงปนการมอบสทธ และแกไข การแบงบนและมองสทธเพอน าไปเผยแพรในองคกรหรอเปนสาธารณะ เราสามารถระบผทเรา
ตองการจะแชร site ของเราไดโดยการใสอเมลของบคคลนน พรอมใหสทธแกผนนได หลกการเดยวกบการแชรไฟลใน Google drive
![Page 40: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/40.jpg)
40 คมอการใชงาน Google sites
การยอ Link ดวย Bit.ly
bit.ly คอ เปนเวบไซดอกทหนงทใหบรการยอลงใหสนลงเพอความสวยงาม และสามารถแกไข
ปรบแตง link ได bitly คอบรการยอ URL ซงเราเรยกบรการแบบนวา URL Shortener คลายๆกบ เวบ google - http://goo.gl , facebook - http://fb.me
เหมาะกบลงคดาวโหลดตางๆ เมอยอแลวเราสามารถทจะเขาไปดสถตไดวาลงคทเรายอถกดาวนโหลด
ไปแลวกครงดาวนโหลดจากเวบไหนบาง คนประเทศไหนทคลกลงของเรา นาสนใจมากเจาลงสนตวน
![Page 41: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/41.jpg)
41 คมอการใชงาน Google sites
วธการใชงาน bit.ly สมครสมาชก ไปท bitly.com กรอกขอมลใหครบถวน หรอจะสมครกบ facebook กได
หลงสมครเสรจแลว เราก Login เขาไปใชงานกจะเจอหนาตาง และเมนตางๆ หลงจากนนกกอปลงคยาวๆ ทเราตองการจะยอไปวางไวในชอง Paste a link here…
![Page 42: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/42.jpg)
42 คมอการใชงาน Google sites
Bitmarks เปนสมารทบคมารด ทจะแสดงรายการ URL ทเรายอเกบเอาไว สามารถคนหา Bitly เกาๆ ทเราเคยยอเอาไวไดอยางงายดาย
ยกตวอยาง Link ทจะยอคอ https://sites.google.com/a/nu.ac.th/naresuan-university-sites001/ จะยาวมากโดยเอาไปโพสในเมล หรอ apps โซลเชยลตางๆ ตวอกษรจะไมพอเรากใชบรการยอกบ bit.ly หลงจากทยอแลวจะได bit.ly/10NQX5b
![Page 43: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/43.jpg)
43 คมอการใชงาน Google sites
เมอวาง Link แลว กจะมหนาตางปรากฎขนมาเราก copy Link สนๆ ไปโพสไดเลย ไมวาจะใน e-mail หรอในเวบบอรด สามารถโพสไดหมด และเรายงสามารถแกไข link ไดอกดวยเชนดงภาพ bit.ly/nusite
สามารถแชร Bitmarks นใหเพอนไดดวยอยางงายดายผานทาง Facebook, Twitter หรอ E-mail กได และสามารถเพมขอความสนๆ เกยวกบลงคลงไปได
![Page 44: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/44.jpg)
44 คมอการใชงาน Google sites
เราสามารถตงคาความสวนตวใหลงคไดดวยการคลกเครองหมายถกทชองหนาลงค แลวจะปรากฏเมนใหตงคา
ระบบ Search สามารถฟลเตอรการ Search ไดดวย ท าใหคนหาไดงาย
![Page 45: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/45.jpg)
45 คมอการใชงาน Google sites
Bundles ใชส าหรบจดกลมให Link ตางของเรา ในการจดการ Link เยอะๆ
![Page 46: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/46.jpg)
46 คมอการใชงาน Google sites
Stats เปนฟเจอรทนาสนใจทสดส าหรบการใช Bitly เพราะเราสามารถด Feedback ไดเลยวามคนเทาไร ทกดเขามาดลงคของเราบาง และสรปกราฟขอมลใหเราดวย
Your network ส าหรบ Social Network ทสนบสนน Bitly ในขณะนม Twitter และ Facebook
![Page 47: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/47.jpg)
47 คมอการใชงาน Google sites
ตวอยางรปแบบการแชร ลงใน Facebook
![Page 48: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/48.jpg)
48 คมอการใชงาน Google sites
วธการท า 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
![Page 49: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/49.jpg)
49 คมอการใชงาน Google sites
ขนมาดงภาพคลก Create Page
หากมขอผดพลาดระบบจะแจง ในทนคอชอนใชไมได เดาเอาวาถาเลอกเปนเวบไซตกตองพมพคลายๆ รปแบบของเวบไซตจงจะได ตองลองพมพดไมไดกเปลยน ชอทตงแลวจะไมสามารถเปลยนไดเมอ Create เสรจ
![Page 50: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/50.jpg)
50 คมอการใชงาน Google sites
ในกรณทชอผาน เมอคลก Create Page จะขนมาหนาตาแบบน แสดงวาเราได Create Page ขนมาแลว เปนในสวนของการตงคาตางๆ เราสามารถทจะอพโหลดรปเปน Profile Picture ไดตามปกต
และมในสวนอนๆ อกตามภาพ เปนการแกไขขอมล การสงขอมลไปหาลกคาหรอคนอนๆ วาเรามเพจน การโปรโมทเพจบนเวบไซต
![Page 51: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/51.jpg)
51 คมอการใชงาน Google sites
สวนของการเซทคาในมอถอ และ การเซทสถานะใหไปอพเดทท Twitter ดวยเมอเราอพเดทในหนาเพจของเรา
ลองมาดในสวนตางๆ กนสกเลกนอย ในภาพจะเปนการคลกเขาไปในสวนของ Tell Your Fans คอเปนการแจงขาวใหลกคาหรอบคคลตางๆ ทราบวาเรามเพจน
![Page 52: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/52.jpg)
52 คมอการใชงาน Google sites
อนนเปนการเขาไปในสวนของ Provide some basic information เปนการกรอกขอมลและตงคาตางๆ สามารถคลกเลอกได ทเมนดานซาย หากตองการกลบไปหนา Page ใหคลกทปม View Page ทอยดานขวาบน
หนาตา Fan Page ทเราสรางขน เขามาโดยคนทเปนสมาชก Facebook และ Login อย
![Page 53: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/53.jpg)
53 คมอการใชงาน Google sites
หนาตาทเขามาโดยคนทไมไดเปนสมาชก หรอ ไมได Login ขอดของ Fan Page ทแตกตางจากหนา Facebook ปกตทเราใช คอ แมไมได Login Facebook หรอไมไดเปนสมาชก facebook กสามารถทจะเขา
มาดขอมลได เพยงแตจะไมสามารถเขามาโพสขอความใดๆ ไดหากไม Login หรอไมไดเปน Friend เทานน ซงหนาปกตถาไมไดเปนสมาชกหรอเปน Friend จะไมสามารถเขาดขอมลใดๆ ได
วธการน าปม Like ไปตดไวในหนาเวบไซต
เมอเรา Create Fan Page เรยบรอย หากเรามเวบไซตหลกอยแลว เราสามารถไปสรางลงคใหเชอมโยงมาท Page ทเราสราง และเราสามารถทจะท าปม Like ไปตดไวในหนาเวบไซตหลกของเรา เมอมผชมทชนชอบในองคกร สนคาบรการ หรอเวบไซตของเรา กจะกด Like ขอมลกจะเชอมโยงกบ Fan Page ทเราสรางไว
วธการคอ เขามาในหนาเพจทเราสรางไว
หากปดไปแลว หรอเขาในครงใหมเราสามารถเขามาโดยตรงท URL ของ Page หรอเขามาทหนา Home ปกตของเรา ทเมนดานซายใหคลก More
![Page 54: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/54.jpg)
54 คมอการใชงาน Google sites
แลวคลกท Ads and Pages กจะเขามาในหนา Page
หรออกวธคอ คลกทเมน Account ทอยบนมมขวา แลวคลกท Manage Pages
เมอเขามาในหนา Page แลว ใหคลกทปม Add Like Box ในเมน Promote this Page on your
website ตวเลขดานหนา(5)อาจตางกน
เสรจแลวกจะไดหนาจอดงภาพ ในแถบเมนดานซายเลอก Like Box
copy URL ของ Page ทเราสรางมาใสไวในชองแรก ในสวนอนๆ กเลอกตามความตองการของเรา จะแสดงตวอยางทางดานขวา
Width คอความกวางของกลอง Color Scheme มใหเลอกมดกบสวาง หรอ ขาวกบด า Connections เลอกไดวาจะใหโชวกคน
![Page 55: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/55.jpg)
55 คมอการใชงาน Google sites
Sream กบ Header สามารถเอาออกได
เสรจแลวคลก Get Code
Copy Code ไปตดในหนาเวบไดเลยในรปแบบ IFRAME
![Page 56: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/56.jpg)
56 คมอการใชงาน Google sites
กลบไปทหนา site แลวไปทค าสง แกไข แลวกด อพเดท
ตวอยางส าเรจ
![Page 57: คู่มืออบรม Google sites](https://reader034.fdocuments.net/reader034/viewer/2022042716/55c8ccffbb61eb274d8b4568/html5/thumbnails/57.jpg)
57 คมอการใชงาน Google sites