Page 1
1 คมอการใชงาน Google sites
ค าน า
Google Sites คอ โปรแกรมออนไลนทท าใหการสรางเวบไซตใหงายขนเหมอนกบการแกไขเอกสารธรรมดาๆดวย Google Sites สามารถรวบรวมความหลากหลายของขอมลในทเดยว เชน รวมวดโอ ปฏทนการน าเสนอ เอกสารหรอสงทแนบ และขอความ อ านวยความสะดวกใหคณรวมกนด หรอแกไขหนาเวบ จะเปนกลมเลกๆ หรอทงองคกรของคณ หรอจะทงโลกเลยกได
รจกกเกลไซต (Google Sites)
Google Sites ใหบรการครงแรกเมอเดอนพฤษภาคม 2551
สรางเวบไซตไดสดแสนจะงายดาย ใชเวลากนาทกโชวผลงาน
ไมจ าเปนตองรภาษาเขยนเวบ (HTML) ใหปวดหว แคใชเวรดพมพงานเปนกเรมไดเลย แถมเมนเปนภาษาไทยอกตางหาก
มแบบเทมเพลตส าเรจรปใหเลอกมากมาย คลายๆ กบแบบส าเรจเพาเวอรพอยต
สามารถแชรเวบใหเพอนๆ รวมสรางสรรคได
เปนระบบทครอบคลม เอามาใชดวยกนไดเลย เชน อเมล (Gmail) ปฏทน (Calendar)
เอกสาร (Documents) ยทบ (YouTube) อลบมภาพ (Picasa) แผนท (Map) ฯลฯ
Page 2
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
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
4 คมอการใชงาน Google sites
การเขาใชงาน google site
การใชงาน Google sites (เบองตน)
1. เขา Login ใชงานไดท
2. สามารถเรมตนการใชงาน Google sites ไดจาก ค าสงนไดเลยครบ
Page 5
5 คมอการใชงาน Google sites
การวางโครงสรางและรายละเอยดของ site
เลอกเทมเพลตทใชในแบบลกษณะทเราตองการ และ กรอกรายละเอยดของ site พรอมเนอหาตางๆ อยางยอ เพอเปนการบอกถงจดประสงคของการสราง site ของเราได
ในค าสง เลอกดเพมเตมในแกลเลอร นนเราสามารถเลอกเทมเพจทท าไวในรปแบบส าเรจรปไดและเราสมารถแกไขเพอปรบแตงกบsite ของเราทตองการไดในอนาคต
Page 6
6 คมอการใชงาน Google sites
ในรปแบบนเราสามารถเลอกแบบตางๆไดมากมายตามหมวดหมไดเลย ซงจะสามารถประหยดเวลาในการสราง site ไปไดมาก
ในสวนตอมาคอการตงชอ site ของเรา พรอมบอกต าแหนง http ต าแหนงของ site เราอยางละเอยด
Page 7
7 คมอการใชงาน Google sites
ค าอธบายไซต เพอบอกถงเนอหาและจดประสงคทมของ site ของเราใหไดเขาใจมากยงขน ดงตวอยาง
เลอกธม ทเราตองการไดจากค าสงนเพอความเหมาะสมของการท างาน ของ site เรา
เ
Page 8
8 คมอการใชงาน Google sites
เครองมอในการแกไข Site
จะปรากฏหนาตางเพอใสรายละเอยด และการเลอกเทมเพลตทสามารถเลอกได และ สามารถระบต าแหนงของปมหนานนๆได
หากตองการแกไขเวบไซตของคณคลกทปมแกไขเพจในมมขวาบนของหนาจอแถบเครองมอแกไขเวบไซตของคณ แตถาตองการ ทจะเพมหนาเวบเพจ ใหกดทสญลกษณ หนากระดาษ
Page 9
9 คมอการใชงาน Google sites
ค าสงยกเลกและท าซ า การเปลยนแปลงโดยการคลกทปมลกศรในแถบเครองมอ นอกจากนคณยง สามารถใชแปนพมพลดเหลาน
เลกท า (Ctrl-z)
ท าซ า (Ctrl-y หรอ Shift-Ctrl-z)
Page 10
10 คมอการใชงาน Google sites
การเปลยนฟรอนตวอกษรและขนาด คณสามารถเลอกประเภทของตวอกษร Front และขนาดทใชเมนแบบเลอนลง และ พมพตวหนาและตวเอยงขดเสนใตขอความและเปลยนสของขอความหรอพนหลง ดงจะเหนค าสงตอไปน B การพมพตวหนา I ตวเอยง U ขดเสนใตขอความท U A สของขอความการเปลยนแปลง
เครองหมายเปลยนสพนหลงขอความ
Link สรางการเชอมโยง
ปมรายการล าดบเลขหรอปมรายการสญลกษณแสดงหวขอยอยขนอยกบประเภทของรายการทคณตองการเพอเพมไปยงเวบไซต
ลกษณะการจดเรยงหนาในแบบตางๆ
สามารถทจะเนนขอความทคณตองการและจะเปลยนเปนลงกและคลกทปมเชอมโยงส link ทคณตองการได เชน URL , Email ,Bookmark ซงจะปรากฏ หนาตางขนมาพรอมกบตวเลอกเหลาน หลงจากนน กคลกทปม OK เพอยนยนการท างานไดเลย
Page 11
11 คมอการใชงาน Google sites
การเปลยนชอ site โดยไปทค าสง เพมเตม จดการไซต
แกไข ชอไซต รวมไปจนถง แกไขหรอเพมเตมค าอธบายไซต แลวใหกดทบนทกเพมเรมการท างาน ในล าดบตอไป
Page 12
12 คมอการใชงาน Google sites
การแกไขการออกแบบ เปนการแกไขในสวนรายละเอยด ในสวนหว การน าทางในแนวนอนแถวดานขาง สวนทายทก าหนด
เองได ดงตอไปน
Page 13
13 คมอการใชงาน Google sites
สวนหว – ในสวนนเปนค าสงทเราสารถเลอกไดวา ตองการทจะใช ชอและพนทบรเวณหวของเพจหรอไมสามารถคลกเลอกไดเลย
การน าทางแนวนอน - ในสวนนเปนค าสงทเราสามารถเลอกไดวา ตองการทเลอกปมการน าทางของเพจของเราในบรเวณดานซาย เปนลกษณะแนวนอนได และสามารถปรบแตงแกไขได โดยคลกท ปมค าสง เครองหมายอกษร +
Page 14
14 คมอการใชงาน Google sites
แถบดานขาง – เปนสวนทมความสามารถคลายๆกบค าสง ทง 2 ขอทกลาวมาสามารถเลอกไดวาตองการแสดงหรอไมกได โดยคลกท ปมค าสง เครองหมายอกษร + และสามารถเลอกองคประกอบใหมๆ ไดจากค าสงน โดยคลกทปม เพม ตวอยางการเพมค าสงในรปแบบตางๆจะปรากฏขนในรป
เชน ปม +1
เพมปม +1 ทผเขาชมสามารถใชเพอแนะน าหนาเวบของคณและ ชวยใหไซตของคณโดดเดนขน
การน าทาง เพมลงกไปยงแตละหนาเพอใหผใชงานไซตของคณสามารถเขาถงไดอยางรวดเรว
ขอความ เพมขอความในแถบดานขางของไซต
กจกรรมลาสดของไซต รายการของกจกรรมลาสดในไซตของคณ
กจกรรมลาสดของฉน รายการของกจกรรมลาสดโดยผใชทเขาสระบบปจจบน
นบถอยหลง จ านวนวนนบถอยหลงถงวนททระบ
เจาของไซต แสดงเจาของไซตในแถบดานขางของไซต
ผเขยนหนาเวบ แสดงผเขยนหนาเวบลาสดในแถบดานขางของไซต
Page 15
15 คมอการใชงาน Google sites
และสามารถแกไขใหปมอยทางดานซายหรอขวากได พรอมปรบขนาดความกวางไดตามความเหมาะสม โดยคลกทเครองหมายดนสอ
Page 16
16 คมอการใชงาน Google sites
การแกไขโครงสรางหนาเวบ
จากนนไปทค าสงเคาโครงของไซตเพอแกไขในสวนปลกยอยไดเชนสวนหว และแถบดานขาง โดนสามารถระบขนาด ความกวางความยาวสวนสงของคอลมไดและยงสามารถอพโหลดไฟลโลโกในบรเวณของสวนหวของ site ได
Page 17
17 คมอการใชงาน Google sites
แกไขสและแบบตวอกษร
รปแบบของสตวอกษร ,ขนาดตวอกษร ,ภาพพนหลง ในสวนประกอบของเพจตางๆ สามารถเปลยนแปลงได จากค าสงน เมอท าการแกไขแลวใหกดทปมบนทก
สและแบบอกษร
Page 18
18 คมอการใชงาน Google sites
***สามารถดพรววการปรบเปลยนส – ปรบขนาด รปแบบตางๆ ได
ในสวนของธมกสามารถเปลยนไดตามความตองการ มใหเลอกหลากหลายรปแบบ
Page 19
19 คมอการใชงาน Google sites
การแทรกวตถ และสอตางๆ ลงไปใน sites
การ Insert เพอเรมตนการใสวตถและสอตางๆ ลงไปใน sites ของคณเพยงคลก แกไขหนา เลอก Insert และเลอกวตถหรอ app ทคณตองการแทรกเชน Presentation Google Docs เปนตน
ค าสงตางๆในการท างานบน google site
Page 20
20 คมอการใชงาน Google sites
ยกตวอยางวตถทคณสามารถแทรก insert: ไดดงตอไปน
การ insert ภาพ คลกทแทรกรปภาพ สามารถน าไฟลภาพจากบนเครองของคณหรออพโหลดหนงจาก Web address
(URL) ใดกได
การแทรกรปโดยการ Upload File
Page 21
21 คมอการใชงาน Google sites
การแทรกรปโดยการ ใช URL
ตวอยางงานทใสรปประกอบเพอความนาสนใจ
Page 22
22 คมอการใชงาน Google sites
การแทรก Google Docs, Spreadsheets Presentations and Forms ลงใน sites
คณสามารถแทรกเอกสารของ แทรก Google Docs, Spreadsheets Presentations, and Forms ลงใน sites ของคณในสองขนตอนงายๆ ดงน
คลกทไอคอนหนาแกไขซงดเหมอนไอคอนรปดนสอเพอเปดโปรแกรมแกไขหนา วางเคอรเซอรในต าแหนงทคณตองการแทรกวตถจากเมนแทรกใหเลอกวตถทคณตองการแทรก
Page 23
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
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
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
26 คมอการใชงาน Google sites
3. Google presentations เปนโปรแกรมงานน าเสนอแบบออนไลนทชวยใหคณพรเซนตการท างานของคณไดทางระบบ visual
way นคอสงทคณสามารถท าไดดวยการน าเสนอผลงานของ Google presentations • สามารถใหผอนแกไขงานน าเสนอกบเพอนรวมงานของคณได • น าเขาและแปลงงานน าเสนอทมอยในรปแบบสกล pptx และ PPS. ประเภทไฟล ได • ดาวนโหลดงานน าเสนอของคณเปนรปแบบไฟล PDF, PPT, หรอ. ไฟล txt ได • สามารถแทรกรปภาพและวดโอและภาพนงได • อนญาตใหผชมสามารถดงานน าเสนอของคณไดในแบบออนไลน สามารถ • เผยแพรและฝงการน าเสนอของคณเขาไปในเวบไซตทชวยใหเขาถงผชมทมากวาได (embed code)
Page 27
27 คมอการใชงาน Google sites
4. Google Form
เปนเครองมอทชวยในการสรางแบบส ารวจ/แบบสอบถามเพอเกบขอมล โดยการเชอมตอการท างานไปยง Spreadsheet เมอมการตอบสนองจากผรบ ขอมลจะถกรวบรวมน าไปเกบไวท Speadsheet
Page 28
28 คมอการใชงาน Google sites
5. Google drawings
คอโปรแกรมแกไขภาพวาดออนไลนทชวยใหคณสรางอะไรไดจากการเขยน การวาด แผนภม ในขณะทท างานรวมกบคนอน ๆ นคอสงทคณสามารถท าไดดวยภาพวาดของ Google: • ใหผอนสามารถแกไขภาพวาดกบเพอนและเพอนรวมงานของคณได • ดาวนโหลดงานน าเสนอของคณเปน PNG, JPEG, SVG, หรอไฟล PDF ได • มฟงกชนการแทรกรปภาพ, รปรางและเสนและรปแบบใหเหมาะสมกบความชอบของคณ • สามารถท างานแบบ real-time รวมกนกบคนอนๆ ได • สามารถแทรกรปวาดลงในเอกสาร Google Spreadsheets หรอ Google Presentations ได
Page 29
29 คมอการใชงาน Google sites
การ Insert ปฏทนของ Google Calendars คณสามารถ Insert ปฏทนของ Google Calendars ไดมากเทาทคณตองการลงในเวบไซตของ Google
หากคณตองการ Insert ปฏทน ( Google Calendars )ของคณ คลกทไอคอนหนาแกไขซงดเหมอนดนสอ
วางเคอรเซอรในต าแหนงทคณตองการจะแทรกปฏทนของคณ จากเมนแทรกเลอกปฏทน Google Calendars คลกทชอของปฏทนทคณตองการแทรกแลวคลกเลอก
สามารถปรบขนาดของปฏทนของคณได จากค าสงเหลาน
ตวอยาง sites ทแทรก Google Calendars
Page 30
30 คมอการใชงาน Google sites
การ Insert Google Maps การแทรกแผนท Google ในเวบไซต Google ของคณเพอแบงปนกบเพอนรวมงาน และ ครอบครว ท
บอกถงสถานทตางๆและต าแนงทอย ใน Google Maps ไดชดเจน
คลกทปมแกไขเพจ คลกทเมนแทรกและเลอกแผนท หนาตางทมแผนทจะปรากฏขน พมพทอยหรอสถานทในกลองคนหาและคลกคนหา สถานทของคณจะปรากฏในแผนทมเครองหมายส
แดงบอกต าแหนง
Page 31
31 คมอการใชงาน Google sites
การ Insert gadget ในเวบไซตตวอยางทเหนไดงาย ส าหรบการแทรก gadget เชน การใส code ทว ออนไลน การใส
playlist ส าหรบเลน วดโอ ของ youtube เปนตน
Gadget คอ app ตางๆ ไมวาจะเปนดานความบนเทง หรอดานการศกษา หรอเพอเพมความสะดวกสบาย เชน นาฬกา ปฏทน หรอโนต หรอขาวสารตางๆ ทอยบน sites
ตวอยาง
Page 32
32 คมอการใชงาน Google sites
Gadget บางตวสามารถใชค าสงในการคนหาได เชน ขาว สภาพอากาศ ผลกฬา และอนๆเปนเปนประโยชนตอsite ของเรา
เมอสามารถเลอก Gadget ไดแลวเราสามารถแกไข ปรบเปลยนขนาด และการตงหนากระดาษ การจดเรยง รวมไปถงถงการน าเอาออกได จากค าสงดานลางเพยงแคคลกทตว Gadget
Page 33
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
34 คมอการใชงาน Google sites
แลวกดทปม อพเดท จะปรากฏแอนนเมชน ดงภาพทแสดง แลวกดทบนทกเพอด าเนนงานตอไป
หรอสามารถน า code ประเภทพวกขาวสารตางๆทมแจกตามเวบขาวทวไปกได หรอวทยออนไลน กได ดงภาพตวอยางดงตอไปน
Page 35
35 คมอการใชงาน Google sites
สรางเพจเอกสารดาวนโหลด ในหวขอนจะสามารถสรางหนาเวบเพจทสามารถน าเอกสารทตองการจะใหบคคลทสนใจ ดาวนโหลด
หรอเปดอานเอกสารของเราไดโดยการ up load ไฟลของเราขนไปไดโดยไปทค าสง สรางหนาเพจหนาใหม
ตงชอเพจใหมทตองการสรางใหเลอกเทมเพจทเราใชเปนแบบตเกบเอกสาร เลอกต าแหนงของเพจทตองการแลวกดทสรางจะปรากฏค าสงเหลานโดย เพมไฟลทเราตองการ upload ลงไป และเรายงสามารถใชเครองมอเหลานเพอท าการ ลบ ยาย หรอรบสมครความเปลยนแปลงจากเวบผอนได
Page 36
36 คมอการใชงาน Google sites
การตงคาหนาเวบ
สามารถจะแสดงค าสงเหลานหรอ ใหคลกเลอกหรอไมกได
Page 37
37 คมอการใชงาน Google sites
สรางหนาเพจประกาศขาวสาร
ตงชอเพจใหมทตองการสรางใหเลอกเทมเพจทเราใชเปนแบบประกาศ เลอกต าแหนงของเพจทตองการแลวกดท สราง โดยการโพสขอความ ขาวสาร ขอมลตางๆไดจากทนหรอรบสมครความเปลยนแปลงจากเวบผอนได เชนกน
Page 38
38 คมอการใชงาน Google sites
การยายต าแนงของการน าทาง การยายล าดบการแสดงของปมน าทางสมารถแกไขไดจากค าสงแกไขการออกแบบไซต แลวคลกตรง
sidebar ทางดานขวาใหเราเอาเครองหมายถกออกในชองจดระเบยบการน าทางของฉนโดยอตโนมต เพอแกไขไปเปนแนวทางทเราตองการ จะมเครองมอควบคมอยทางดานซายเลอกต าแหนงทตองการได
Page 39
39 คมอการใชงาน Google sites
การแบงปนการมอบสทธ และแกไข การแบงบนและมองสทธเพอน าไปเผยแพรในองคกรหรอเปนสาธารณะ เราสามารถระบผทเรา
ตองการจะแชร site ของเราไดโดยการใสอเมลของบคคลนน พรอมใหสทธแกผนนได หลกการเดยวกบการแชรไฟลใน Google drive
Page 40
40 คมอการใชงาน Google sites
การยอ Link ดวย Bit.ly
bit.ly คอ เปนเวบไซดอกทหนงทใหบรการยอลงใหสนลงเพอความสวยงาม และสามารถแกไข
ปรบแตง link ได bitly คอบรการยอ URL ซงเราเรยกบรการแบบนวา URL Shortener คลายๆกบ เวบ google - http://goo.gl , facebook - http://fb.me
เหมาะกบลงคดาวโหลดตางๆ เมอยอแลวเราสามารถทจะเขาไปดสถตไดวาลงคทเรายอถกดาวนโหลด
ไปแลวกครงดาวนโหลดจากเวบไหนบาง คนประเทศไหนทคลกลงของเรา นาสนใจมากเจาลงสนตวน
Page 41
41 คมอการใชงาน Google sites
วธการใชงาน bit.ly สมครสมาชก ไปท bitly.com กรอกขอมลใหครบถวน หรอจะสมครกบ facebook กได
หลงสมครเสรจแลว เราก Login เขาไปใชงานกจะเจอหนาตาง และเมนตางๆ หลงจากนนกกอปลงคยาวๆ ทเราตองการจะยอไปวางไวในชอง Paste a link here…
Page 42
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
43 คมอการใชงาน Google sites
เมอวาง Link แลว กจะมหนาตางปรากฎขนมาเราก copy Link สนๆ ไปโพสไดเลย ไมวาจะใน e-mail หรอในเวบบอรด สามารถโพสไดหมด และเรายงสามารถแกไข link ไดอกดวยเชนดงภาพ bit.ly/nusite
สามารถแชร Bitmarks นใหเพอนไดดวยอยางงายดายผานทาง Facebook, Twitter หรอ E-mail กได และสามารถเพมขอความสนๆ เกยวกบลงคลงไปได
Page 44
44 คมอการใชงาน Google sites
เราสามารถตงคาความสวนตวใหลงคไดดวยการคลกเครองหมายถกทชองหนาลงค แลวจะปรากฏเมนใหตงคา
ระบบ Search สามารถฟลเตอรการ Search ไดดวย ท าใหคนหาไดงาย
Page 45
45 คมอการใชงาน Google sites
Bundles ใชส าหรบจดกลมให Link ตางของเรา ในการจดการ Link เยอะๆ
Page 46
46 คมอการใชงาน Google sites
Stats เปนฟเจอรทนาสนใจทสดส าหรบการใช Bitly เพราะเราสามารถด Feedback ไดเลยวามคนเทาไร ทกดเขามาดลงคของเราบาง และสรปกราฟขอมลใหเราดวย
Your network ส าหรบ Social Network ทสนบสนน Bitly ในขณะนม Twitter และ Facebook
Page 47
47 คมอการใชงาน Google sites
ตวอยางรปแบบการแชร ลงใน Facebook
Page 48
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
49 คมอการใชงาน Google sites
ขนมาดงภาพคลก Create Page
หากมขอผดพลาดระบบจะแจง ในทนคอชอนใชไมได เดาเอาวาถาเลอกเปนเวบไซตกตองพมพคลายๆ รปแบบของเวบไซตจงจะได ตองลองพมพดไมไดกเปลยน ชอทตงแลวจะไมสามารถเปลยนไดเมอ Create เสรจ
Page 50
50 คมอการใชงาน Google sites
ในกรณทชอผาน เมอคลก Create Page จะขนมาหนาตาแบบน แสดงวาเราได Create Page ขนมาแลว เปนในสวนของการตงคาตางๆ เราสามารถทจะอพโหลดรปเปน Profile Picture ไดตามปกต
และมในสวนอนๆ อกตามภาพ เปนการแกไขขอมล การสงขอมลไปหาลกคาหรอคนอนๆ วาเรามเพจน การโปรโมทเพจบนเวบไซต
Page 51
51 คมอการใชงาน Google sites
สวนของการเซทคาในมอถอ และ การเซทสถานะใหไปอพเดทท Twitter ดวยเมอเราอพเดทในหนาเพจของเรา
ลองมาดในสวนตางๆ กนสกเลกนอย ในภาพจะเปนการคลกเขาไปในสวนของ Tell Your Fans คอเปนการแจงขาวใหลกคาหรอบคคลตางๆ ทราบวาเรามเพจน
Page 52
52 คมอการใชงาน Google sites
อนนเปนการเขาไปในสวนของ Provide some basic information เปนการกรอกขอมลและตงคาตางๆ สามารถคลกเลอกได ทเมนดานซาย หากตองการกลบไปหนา Page ใหคลกทปม View Page ทอยดานขวาบน
หนาตา Fan Page ทเราสรางขน เขามาโดยคนทเปนสมาชก Facebook และ Login อย
Page 53
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
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
55 คมอการใชงาน Google sites
Sream กบ Header สามารถเอาออกได
เสรจแลวคลก Get Code
Copy Code ไปตดในหนาเวบไดเลยในรปแบบ IFRAME
Page 56
56 คมอการใชงาน Google sites
กลบไปทหนา site แลวไปทค าสง แกไข แลวกด อพเดท
ตวอยางส าเรจ
Page 57
57 คมอการใชงาน Google sites