YOU ARE DOWNLOADING DOCUMENT

Please tick the box to continue:

Transcript
Page 1: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

1 คมอการใชงาน Google sites

ค าน า

Google Sites คอ โปรแกรมออนไลนทท าใหการสรางเวบไซตใหงายขนเหมอนกบการแกไขเอกสารธรรมดาๆดวย Google Sites สามารถรวบรวมความหลากหลายของขอมลในทเดยว เชน รวมวดโอ ปฏทนการน าเสนอ เอกสารหรอสงทแนบ และขอความ อ านวยความสะดวกใหคณรวมกนด หรอแกไขหนาเวบ จะเปนกลมเลกๆ หรอทงองคกรของคณ หรอจะทงโลกเลยกได

รจกกเกลไซต (Google Sites)

Google Sites ใหบรการครงแรกเมอเดอนพฤษภาคม 2551

สรางเวบไซตไดสดแสนจะงายดาย ใชเวลากนาทกโชวผลงาน

ไมจ าเปนตองรภาษาเขยนเวบ (HTML) ใหปวดหว แคใชเวรดพมพงานเปนกเรมไดเลย แถมเมนเปนภาษาไทยอกตางหาก

มแบบเทมเพลตส าเรจรปใหเลอกมากมาย คลายๆ กบแบบส าเรจเพาเวอรพอยต

สามารถแชรเวบใหเพอนๆ รวมสรางสรรคได

เปนระบบทครอบคลม เอามาใชดวยกนไดเลย เชน อเมล (Gmail) ปฏทน (Calendar)

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

Page 2: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

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: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

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: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

4 คมอการใชงาน Google sites

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

การใชงาน Google sites (เบองตน)

1. เขา Login ใชงานไดท

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

Page 5: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

5 คมอการใชงาน Google sites

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

เลอกเทมเพลตทใชในแบบลกษณะทเราตองการ และ กรอกรายละเอยดของ site พรอมเนอหาตางๆ อยางยอ เพอเปนการบอกถงจดประสงคของการสราง site ของเราได

ในค าสง เลอกดเพมเตมในแกลเลอร นนเราสามารถเลอกเทมเพจทท าไวในรปแบบส าเรจรปไดและเราสมารถแกไขเพอปรบแตงกบsite ของเราทตองการไดในอนาคต

Page 6: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

6 คมอการใชงาน Google sites

ในรปแบบนเราสามารถเลอกแบบตางๆไดมากมายตามหมวดหมไดเลย ซงจะสามารถประหยดเวลาในการสราง site ไปไดมาก

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

Page 7: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

7 คมอการใชงาน Google sites

ค าอธบายไซต เพอบอกถงเนอหาและจดประสงคทมของ site ของเราใหไดเขาใจมากยงขน ดงตวอยาง

เลอกธม ทเราตองการไดจากค าสงนเพอความเหมาะสมของการท างาน ของ site เรา

Page 8: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

8 คมอการใชงาน Google sites

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

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

หากตองการแกไขเวบไซตของคณคลกทปมแกไขเพจในมมขวาบนของหนาจอแถบเครองมอแกไขเวบไซตของคณ แตถาตองการ ทจะเพมหนาเวบเพจ ใหกดทสญลกษณ หนากระดาษ

Page 9: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

9 คมอการใชงาน Google sites

ค าสงยกเลกและท าซ า การเปลยนแปลงโดยการคลกทปมลกศรในแถบเครองมอ นอกจากนคณยง สามารถใชแปนพมพลดเหลาน

เลกท า (Ctrl-z)

ท าซ า (Ctrl-y หรอ Shift-Ctrl-z)

Page 10: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

10 คมอการใชงาน Google sites

การเปลยนฟรอนตวอกษรและขนาด คณสามารถเลอกประเภทของตวอกษร Front และขนาดทใชเมนแบบเลอนลง และ พมพตวหนาและตวเอยงขดเสนใตขอความและเปลยนสของขอความหรอพนหลง ดงจะเหนค าสงตอไปน B การพมพตวหนา I ตวเอยง U ขดเสนใตขอความท U A สของขอความการเปลยนแปลง

เครองหมายเปลยนสพนหลงขอความ

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

ปมรายการล าดบเลขหรอปมรายการสญลกษณแสดงหวขอยอยขนอยกบประเภทของรายการทคณตองการเพอเพมไปยงเวบไซต

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

สามารถทจะเนนขอความทคณตองการและจะเปลยนเปนลงกและคลกทปมเชอมโยงส link ทคณตองการได เชน URL , Email ,Bookmark ซงจะปรากฏ หนาตางขนมาพรอมกบตวเลอกเหลาน หลงจากนน กคลกทปม OK เพอยนยนการท างานไดเลย

Page 11: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

11 คมอการใชงาน Google sites

การเปลยนชอ site โดยไปทค าสง เพมเตม จดการไซต

แกไข ชอไซต รวมไปจนถง แกไขหรอเพมเตมค าอธบายไซต แลวใหกดทบนทกเพมเรมการท างาน ในล าดบตอไป

Page 12: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

12 คมอการใชงาน Google sites

การแกไขการออกแบบ เปนการแกไขในสวนรายละเอยด ในสวนหว การน าทางในแนวนอนแถวดานขาง สวนทายทก าหนด

เองได ดงตอไปน

Page 13: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

13 คมอการใชงาน Google sites

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

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

Page 14: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

14 คมอการใชงาน Google sites

แถบดานขาง – เปนสวนทมความสามารถคลายๆกบค าสง ทง 2 ขอทกลาวมาสามารถเลอกไดวาตองการแสดงหรอไมกได โดยคลกท ปมค าสง เครองหมายอกษร + และสามารถเลอกองคประกอบใหมๆ ไดจากค าสงน โดยคลกทปม เพม ตวอยางการเพมค าสงในรปแบบตางๆจะปรากฏขนในรป

เชน ปม +1

เพมปม +1 ทผเขาชมสามารถใชเพอแนะน าหนาเวบของคณและ ชวยใหไซตของคณโดดเดนขน

การน าทาง เพมลงกไปยงแตละหนาเพอใหผใชงานไซตของคณสามารถเขาถงไดอยางรวดเรว

ขอความ เพมขอความในแถบดานขางของไซต

กจกรรมลาสดของไซต รายการของกจกรรมลาสดในไซตของคณ

กจกรรมลาสดของฉน รายการของกจกรรมลาสดโดยผใชทเขาสระบบปจจบน

นบถอยหลง จ านวนวนนบถอยหลงถงวนททระบ

เจาของไซต แสดงเจาของไซตในแถบดานขางของไซต

ผเขยนหนาเวบ แสดงผเขยนหนาเวบลาสดในแถบดานขางของไซต

Page 15: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

15 คมอการใชงาน Google sites

และสามารถแกไขใหปมอยทางดานซายหรอขวากได พรอมปรบขนาดความกวางไดตามความเหมาะสม โดยคลกทเครองหมายดนสอ

Page 16: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

16 คมอการใชงาน Google sites

การแกไขโครงสรางหนาเวบ

จากนนไปทค าสงเคาโครงของไซตเพอแกไขในสวนปลกยอยไดเชนสวนหว และแถบดานขาง โดนสามารถระบขนาด ความกวางความยาวสวนสงของคอลมไดและยงสามารถอพโหลดไฟลโลโกในบรเวณของสวนหวของ site ได

Page 17: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

17 คมอการใชงาน Google sites

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

รปแบบของสตวอกษร ,ขนาดตวอกษร ,ภาพพนหลง ในสวนประกอบของเพจตางๆ สามารถเปลยนแปลงได จากค าสงน เมอท าการแกไขแลวใหกดทปมบนทก

สและแบบอกษร

Page 18: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

18 คมอการใชงาน Google sites

***สามารถดพรววการปรบเปลยนส – ปรบขนาด รปแบบตางๆ ได

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

Page 19: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

19 คมอการใชงาน Google sites

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

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

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

Page 20: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

20 คมอการใชงาน Google sites

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

การ insert ภาพ คลกทแทรกรปภาพ สามารถน าไฟลภาพจากบนเครองของคณหรออพโหลดหนงจาก Web address

(URL) ใดกได

การแทรกรปโดยการ Upload File

Page 21: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

21 คมอการใชงาน Google sites

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

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

Page 22: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

22 คมอการใชงาน Google sites

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

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

คลกทไอคอนหนาแกไขซงดเหมอนไอคอนรปดนสอเพอเปดโปรแกรมแกไขหนา วางเคอรเซอรในต าแหนงทคณตองการแทรกวตถจากเมนแทรกใหเลอกวตถทคณตองการแทรก

Page 23: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

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: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

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: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

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: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

26 คมอการใชงาน Google sites

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

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

Page 27: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

27 คมอการใชงาน Google sites

4. Google Form

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

Page 28: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

28 คมอการใชงาน Google sites

5. Google drawings

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

Page 29: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

29 คมอการใชงาน Google sites

การ Insert ปฏทนของ Google Calendars คณสามารถ Insert ปฏทนของ Google Calendars ไดมากเทาทคณตองการลงในเวบไซตของ Google

หากคณตองการ Insert ปฏทน ( Google Calendars )ของคณ คลกทไอคอนหนาแกไขซงดเหมอนดนสอ

วางเคอรเซอรในต าแหนงทคณตองการจะแทรกปฏทนของคณ จากเมนแทรกเลอกปฏทน Google Calendars คลกทชอของปฏทนทคณตองการแทรกแลวคลกเลอก

สามารถปรบขนาดของปฏทนของคณได จากค าสงเหลาน

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

Page 30: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

30 คมอการใชงาน Google sites

การ Insert Google Maps การแทรกแผนท Google ในเวบไซต Google ของคณเพอแบงปนกบเพอนรวมงาน และ ครอบครว ท

บอกถงสถานทตางๆและต าแนงทอย ใน Google Maps ไดชดเจน

คลกทปมแกไขเพจ คลกทเมนแทรกและเลอกแผนท หนาตางทมแผนทจะปรากฏขน พมพทอยหรอสถานทในกลองคนหาและคลกคนหา สถานทของคณจะปรากฏในแผนทมเครองหมายส

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

Page 31: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

31 คมอการใชงาน Google sites

การ Insert gadget ในเวบไซตตวอยางทเหนไดงาย ส าหรบการแทรก gadget เชน การใส code ทว ออนไลน การใส

playlist ส าหรบเลน วดโอ ของ youtube เปนตน

Gadget คอ app ตางๆ ไมวาจะเปนดานความบนเทง หรอดานการศกษา หรอเพอเพมความสะดวกสบาย เชน นาฬกา ปฏทน หรอโนต หรอขาวสารตางๆ ทอยบน sites

ตวอยาง

Page 32: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

32 คมอการใชงาน Google sites

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

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

Page 33: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

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: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

34 คมอการใชงาน Google sites

แลวกดทปม อพเดท จะปรากฏแอนนเมชน ดงภาพทแสดง แลวกดทบนทกเพอด าเนนงานตอไป

หรอสามารถน า code ประเภทพวกขาวสารตางๆทมแจกตามเวบขาวทวไปกได หรอวทยออนไลน กได ดงภาพตวอยางดงตอไปน

Page 35: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

35 คมอการใชงาน Google sites

สรางเพจเอกสารดาวนโหลด ในหวขอนจะสามารถสรางหนาเวบเพจทสามารถน าเอกสารทตองการจะใหบคคลทสนใจ ดาวนโหลด

หรอเปดอานเอกสารของเราไดโดยการ up load ไฟลของเราขนไปไดโดยไปทค าสง สรางหนาเพจหนาใหม

ตงชอเพจใหมทตองการสรางใหเลอกเทมเพจทเราใชเปนแบบตเกบเอกสาร เลอกต าแหนงของเพจทตองการแลวกดทสรางจะปรากฏค าสงเหลานโดย เพมไฟลทเราตองการ upload ลงไป และเรายงสามารถใชเครองมอเหลานเพอท าการ ลบ ยาย หรอรบสมครความเปลยนแปลงจากเวบผอนได

Page 36: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

36 คมอการใชงาน Google sites

การตงคาหนาเวบ

สามารถจะแสดงค าสงเหลานหรอ ใหคลกเลอกหรอไมกได

Page 37: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

37 คมอการใชงาน Google sites

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

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

Page 38: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

38 คมอการใชงาน Google sites

การยายต าแนงของการน าทาง การยายล าดบการแสดงของปมน าทางสมารถแกไขไดจากค าสงแกไขการออกแบบไซต แลวคลกตรง

sidebar ทางดานขวาใหเราเอาเครองหมายถกออกในชองจดระเบยบการน าทางของฉนโดยอตโนมต เพอแกไขไปเปนแนวทางทเราตองการ จะมเครองมอควบคมอยทางดานซายเลอกต าแหนงทตองการได

Page 39: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

39 คมอการใชงาน Google sites

การแบงปนการมอบสทธ และแกไข การแบงบนและมองสทธเพอน าไปเผยแพรในองคกรหรอเปนสาธารณะ เราสามารถระบผทเรา

ตองการจะแชร site ของเราไดโดยการใสอเมลของบคคลนน พรอมใหสทธแกผนนได หลกการเดยวกบการแชรไฟลใน Google drive

Page 40: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

40 คมอการใชงาน Google sites

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

bit.ly คอ เปนเวบไซดอกทหนงทใหบรการยอลงใหสนลงเพอความสวยงาม และสามารถแกไข

ปรบแตง link ได bitly คอบรการยอ URL ซงเราเรยกบรการแบบนวา URL Shortener คลายๆกบ เวบ google - http://goo.gl , facebook - http://fb.me

เหมาะกบลงคดาวโหลดตางๆ เมอยอแลวเราสามารถทจะเขาไปดสถตไดวาลงคทเรายอถกดาวนโหลด

ไปแลวกครงดาวนโหลดจากเวบไหนบาง คนประเทศไหนทคลกลงของเรา นาสนใจมากเจาลงสนตวน

Page 41: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

41 คมอการใชงาน Google sites

วธการใชงาน bit.ly สมครสมาชก ไปท bitly.com กรอกขอมลใหครบถวน หรอจะสมครกบ facebook กได

หลงสมครเสรจแลว เราก Login เขาไปใชงานกจะเจอหนาตาง และเมนตางๆ หลงจากนนกกอปลงคยาวๆ ทเราตองการจะยอไปวางไวในชอง Paste a link here…

Page 42: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

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: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

43 คมอการใชงาน Google sites

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

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

Page 44: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

44 คมอการใชงาน Google sites

เราสามารถตงคาความสวนตวใหลงคไดดวยการคลกเครองหมายถกทชองหนาลงค แลวจะปรากฏเมนใหตงคา

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

Page 45: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

45 คมอการใชงาน Google sites

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

Page 46: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

46 คมอการใชงาน Google sites

Stats เปนฟเจอรทนาสนใจทสดส าหรบการใช Bitly เพราะเราสามารถด Feedback ไดเลยวามคนเทาไร ทกดเขามาดลงคของเราบาง และสรปกราฟขอมลใหเราดวย

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

Page 47: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

47 คมอการใชงาน Google sites

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

Page 48: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

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: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

49 คมอการใชงาน Google sites

ขนมาดงภาพคลก Create Page

หากมขอผดพลาดระบบจะแจง ในทนคอชอนใชไมได เดาเอาวาถาเลอกเปนเวบไซตกตองพมพคลายๆ รปแบบของเวบไซตจงจะได ตองลองพมพดไมไดกเปลยน ชอทตงแลวจะไมสามารถเปลยนไดเมอ Create เสรจ

Page 50: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

50 คมอการใชงาน Google sites

ในกรณทชอผาน เมอคลก Create Page จะขนมาหนาตาแบบน แสดงวาเราได Create Page ขนมาแลว เปนในสวนของการตงคาตางๆ เราสามารถทจะอพโหลดรปเปน Profile Picture ไดตามปกต

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

Page 51: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

51 คมอการใชงาน Google sites

สวนของการเซทคาในมอถอ และ การเซทสถานะใหไปอพเดทท Twitter ดวยเมอเราอพเดทในหนาเพจของเรา

ลองมาดในสวนตางๆ กนสกเลกนอย ในภาพจะเปนการคลกเขาไปในสวนของ Tell Your Fans คอเปนการแจงขาวใหลกคาหรอบคคลตางๆ ทราบวาเรามเพจน

Page 52: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

52 คมอการใชงาน Google sites

อนนเปนการเขาไปในสวนของ Provide some basic information เปนการกรอกขอมลและตงคาตางๆ สามารถคลกเลอกได ทเมนดานซาย หากตองการกลบไปหนา Page ใหคลกทปม View Page ทอยดานขวาบน

หนาตา Fan Page ทเราสรางขน เขามาโดยคนทเปนสมาชก Facebook และ Login อย

Page 53: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

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: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

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: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

55 คมอการใชงาน Google sites

Sream กบ Header สามารถเอาออกได

เสรจแลวคลก Get Code

Copy Code ไปตดในหนาเวบไดเลยในรปแบบ IFRAME

Page 56: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

56 คมอการใชงาน Google sites

กลบไปทหนา site แลวไปทค าสง แกไข แลวกด อพเดท

ตวอยางส าเรจ

Page 57: ค าน า - elearning.nu.ac.thelearning.nu.ac.th/ebook/คู่มืออบรม Google... · คู่มือการใช้งาน Google sites 1 ค าน า

57 คมอการใชงาน Google sites


Related Documents