Copyright 2014 : by Google Apps Supporting Program
Google Site Training Document
Copyright 2014 : by Google Apps Supporting Program
Google Site Training Document
By CRM Charity Foundation,
Copyright 2014 : by Google Apps Supporting Program Page 1
Google Site Training Document
By CRM Charity Foundation,
www.crm-c.com
+662-207-8612
Copyright 2014 : by Google Apps Supporting Program
Google Sites………………...........................................................................
การสราง Google Sites เพอการเรยนการสอน
การแกไขเนอหาภายใน Sites ...................................
การเปลยนเคาโครงของเพจ (Layout)
การเพมหนาใหม (New Page) ภายใน
การเพมรปภาพภายใน Sites .................................
การเพมวดโอภายใน Sites เพอใหนกศกษาศกษากอนเรยน
การเพมสไลดนาเสนอภายใน Sites
การเพม Spreadsheet ภายใน Sites
การเพมเอกสารภายใน Sites .............................................................
การเพม Spreadsheet Form ภายใน
Copyright 2014 : by Google Apps Supporting Program
สารบญ ....................................................................................................................... 4
เพอการเรยนการสอน............................................................................................... 5
Sites ..................................................................................................................... 9
(Layout)......................................................................................................... 10
ภายใน Sites ……………................................................
Sites ..................................................................................................................... 20
เพอใหนกศกษาศกษากอนเรยน........................................................
Sites ทใชในการเรยนการสอน........................................................................ 27
Sites เพอเกบขอมล..................................................................................... 30
Sites .................................................................................
ภายใน Sites เพอทาแบบสอบถาม.................................................................. 33
Copyright 2014 : by Google Apps Supporting Program Page 2
............................................. 4
................................................................. 5
........................................ 9
.............................................................. 10
........................................................................... 17
................................................................ 20
......................................... 23
......................................... 27
...................................... 30
........................................................ 32
........................................ 33
Copyright 2014 : by Google Apps Supporting Program
การเพม Calendar ภายใน Sites เพอใช
การจดการไซต (Manage Site)……
การดกจกรรมเกยวกบการจดการไซต
การแกไข Page .....................................................................................................
การเพมไฟล Attachment…………
การจดการ Page Template .....................................
การแบงปนและตงคาสทธการเขาถง
การตงคาทวไปของเวบไซต....................................................
การตงคาเคาโครงของไซต (Site Layout)
การตงคาสและรปแบบตวหนงสอ
การเปลยนธม (Theme)…………
การแนบไฟลในหนา File Cabinet ............
การตงคาเพจ ......................................
Copyright 2014 : by Google Apps Supporting Program
เพอใชสาหรบการเผยแพร ตารางเวลา และกจกรรมตาง ๆ
…………................................................................
การดกจกรรมเกยวกบการจดการไซต.......................................................................................................... 39
Page .....................................................................................................
………........................................................................
Page Template ........................................................................................
การแบงปนและตงคาสทธการเขาถง .............................................................................
...........................................................................................
(Site Layout)........................................................................
การตงคาสและรปแบบตวหนงสอ (Colors and Fonts) ..................................................
………..........................................................................
File Cabinet ................................................................................
..............................................................................................................
Copyright 2014 : by Google Apps Supporting Program Page 3
ตารางเวลา และกจกรรมตาง ๆ……….…….…… 35
............................................................... 37
...................................................................... 39
Page ........................................................................................................................................ 40
............................................................................. 41
.............................................................. 42
........................................................... 43
............................................... 47
.................................................... 49
....................................... 51
.......................................................................... 52
.............................................................................. 53
............................................................................ 56
Copyright 2014 : by Google Apps Supporting Program
Google Sites เปนแอปพลเคชนออนไลน ใชสาหรบชวยในการสรางเวบไซต ซงสามารถสราง
ไดงาย สะดวกและรวดเรว โดยทไมจาเปนตองรเรอง
1. Google sites สามารถรวมเอกสาร งานนาเสนอ สเปรดชต วดโอ ภาพสไลด เพอชวยในทางานอยาง
เปนระเบยบ
2. มเทมเพลตใหเลอกหลากหลาย
3. สามารถเขาถงไดทกททมอนเตอรเนต
4. ทางานไดหลายระบบปฏบตการ เชน
5. ระบบมความรกษาความปลอดภยทด โดยผดแลระบบสามารถจดการสทธในการแบงปนไซตได
Tip: Google Sites ชวยใหสามารถสรางไซตไดงายทสด และใชงานงาย เพยงแคจา
- Edit
- New Page
- Insert
Copyright 2014 : by Google Apps Supporting Program
Google Sites
เปนแอปพลเคชนออนไลน ใชสาหรบชวยในการสรางเวบไซต ซงสามารถสราง
ไดงาย สะดวกและรวดเรว โดยทไมจาเปนตองรเรอง Programming ขอดของ Google sites
สามารถรวมเอกสาร งานนาเสนอ สเปรดชต วดโอ ภาพสไลด เพอชวยในทางานอยาง
มเทมเพลตใหเลอกหลากหลาย
สามารถเขาถงไดทกททมอนเตอรเนต
ทางานไดหลายระบบปฏบตการ เชน Window, Mac, Linux โดยการทางานผานเบราวเซอรตางๆ
ระบบมความรกษาความปลอดภยทด โดยผดแลระบบสามารถจดการสทธในการแบงปนไซตได
ชวยใหสามารถสรางไซตไดงายทสด และใชงานงาย เพยงแคจา
Copyright 2014 : by Google Apps Supporting Program Page 4
เปนแอปพลเคชนออนไลน ใชสาหรบชวยในการสรางเวบไซต ซงสามารถสราง
Google sites คอ
สามารถรวมเอกสาร งานนาเสนอ สเปรดชต วดโอ ภาพสไลด เพอชวยในทางานอยาง
โดยการทางานผานเบราวเซอรตางๆ
ระบบมความรกษาความปลอดภยทด โดยผดแลระบบสามารถจดการสทธในการแบงปนไซตได
ชวยใหสามารถสรางไซตไดงายทสด และใชงานงาย เพยงแคจา 3 ป ม คอ
Copyright 2014 : by Google Apps Supporting Program
การสราง Google Sites
Good to knows: การสรางไซตเพอการเรยนการสอนเปนการนาองคความรตางๆทเกยวของกบกระบวน
วชามาสรางไซตทเปนแหลงรวบรวมความรตางๆ เพองายตอนกศกษาในการศกษาคน
ควาหาขอมลทเก
เรยน, แบงปนไฟลใหนกศกษา
ทาง Google Sites
1. ลอกอนดวย Google Account
2. เลอก 9 จดทมมบนขวา แลวใหเลอก
3. กด Create
Copyright 2014 : by Google Apps Supporting Program
Google Sites เพอการเรยนการสอน
การสรางไซตเพอการเรยนการสอนเปนการนาองคความรตางๆทเกยวของกบกระบวน
วชามาสรางไซตทเปนแหลงรวบรวมความรตางๆ เพองายตอนกศกษาในการศกษาคน
ควาหาขอมลทเกยวของกบกระบวนวชาทสอน โดยอาจารยสามารถเพมวดโอกอนเขา
แบงปนไฟลใหนกศกษา, สรางแบบทดสอบกอนเรยน
Google Sites และอนๆอกมากมาย
Google Account
จดทมมบนขวา แลวใหเลอก Sites
Copyright 2014 : by Google Apps Supporting Program Page 5
เพอการเรยนการสอน
การสรางไซตเพอการเรยนการสอนเปนการนาองคความรตางๆทเกยวของกบกระบวน
วชามาสรางไซตทเปนแหลงรวบรวมความรตางๆ เพองายตอนกศกษาในการศกษาคน
ยวของกบกระบวนวชาทสอน โดยอาจารยสามารถเพมวดโอกอนเขา
สรางแบบทดสอบกอนเรยน, ใหนกศกษาสงงานผาน
Copyright 2014 : by Google Apps Supporting Program
4. เลอกเทมเพลต
- Blank Template: เทมเพลตวางเปลา
- Browse the gallery for more:
5. ตงชอ Sites (สามารถใส A-Z, a
Tip: ชอของ Site
Copyright 2014 : by Google Apps Supporting Program
เทมเพลตวางเปลา
Browse the gallery for more: เทมเพลตทสามารถเลอกใชได
Z, a-z, 0-9, ก-ฮ และเวนวรรคได) และ url (ใสไดเฉพาะ
Site สามารถซากนได แตใน Domain เดยวกน url จะซากนไมได
Copyright 2014 : by Google Apps Supporting Program Page 6
ใสไดเฉพาะ A-Z, a-z, 0-9)
จะซากนไมได
Copyright 2014 : by Google Apps Supporting Program
6. เลอกธม (Theme)
Tip: สามารถสรางเทมเพลตใหมได โดยเลอก
และสามารถแบงปนเทมเพลตใหกบองคกรหรอสาธารณะได
7. ตวเลอกเพมเตม (ถาม)
- Site categories:
- Site description:
8. กดป ม Create เพอสราง
Copyright 2014 : by Google Apps Supporting Program
สามารถสรางเทมเพลตใหมได โดยเลอก build your own custom theme
และสามารถแบงปนเทมเพลตใหกบองคกรหรอสาธารณะได
)
Site categories: ชอประเภทของ Site
Site description: คาอธบาย Site
เพอสราง Sites
Copyright 2014 : by Google Apps Supporting Program Page 7
your own custom theme
Copyright 2014 : by Google Apps Supporting Program
9. ตวอยาง Sites เมอกด
ประโยชนของการสรางไซตเพอการเรยนการสอนคอ
1. นกศกษาสามารถเขาถง
2. นกศกษาสามารถหาศกษาหาขอมลไดงาย จากเวปไซตเดยว
3. อาจารยสามารถสราง
Copyright 2014 : by Google Apps Supporting Program
เมอกด Create
ประโยชนของการสรางไซตเพอการเรยนการสอนคอ
นกศกษาสามารถเขาถง Link ของ Site ไดงาย
นกศกษาสามารถหาศกษาหาขอมลไดงาย จากเวปไซตเดยว
อาจารยสามารถสราง Site และแกไขขอมล หรออพเดต ไดงาย สะดวก และรวดเรว
Copyright 2014 : by Google Apps Supporting Program Page 8
และแกไขขอมล หรออพเดต ไดงาย สะดวก และรวดเรว
Copyright 2014 : by Google Apps Supporting Program
การแกไขเนอหาภายใน Good to knows: การแกไขเปนการเพมเนอหาขอมล
ของขอความ เพอความเปนระเบยบและความสวยงาม
1. กดป ม Edit
2. แกไขขอมลโดยเลอกชองทตองการแกไขและใชเครองมอปรบแตงบนแทบเคร
ตวเอยง, ขดเสนใต, ปรบตาแหนงขอความ
3. กดป ม Save
Copyright 2014 : by Google Apps Supporting Program
ไขเนอหาภายใน Sites การแกไขเปนการเพมเนอหาขอมล, แกไขขอมล, ปรบแตงตวหนงสอ
ของขอความ เพอความเปนระเบยบและความสวยงาม
แกไขขอมลโดยเลอกชองทตองการแกไขและใชเครองมอปรบแตงบนแทบเคร
ปรบตาแหนงขอความ, เปลยนสตวหนงสอ
Copyright 2014 : by Google Apps Supporting Program Page 9
ปรบแตงตวหนงสอ, จดตาแหนง
แกไขขอมลโดยเลอกชองทตองการแกไขและใชเครองมอปรบแตงบนแทบเครองมอ เชน การทาตวหนา,
Copyright 2014 : by Google Apps Supporting Program
การเปลยนเคาโครงของเพจ Good to knows: การเปลยนเคาโครงของเพจเปนการปรบแตงเพจใหมรปรางหนาตาตามทเราตองการ
เชน ตงคา
วธท 1
1. เลอกเพจทตองการเปลยนเคาโครง
2. กดป ม Edit
3. กดป ม Layout
4. เลอกเคาโครงทตองการ
5. กดป ม Save
Copyright 2014 : by Google Apps Supporting Program
การเปลยนเคาโครงของเพจ (Layout) การเปลยนเคาโครงของเพจเปนการปรบแตงเพจใหมรปรางหนาตาตามทเราตองการ
คา Header, Footer, Sidebar หรอ Navigator เพอใหใชงานเหมาะสมกบไซต
เลอกเพจทตองการเปลยนเคาโครง (Layout)
เลอกเคาโครงทตองการ
Copyright 2014 : by Google Apps Supporting Program Page 10
การเปลยนเคาโครงของเพจเปนการปรบแตงเพจใหมรปรางหนาตาตามทเราตองการ
เพอใหใชงานเหมาะสมกบไซต
Copyright 2014 : by Google Apps Supporting Program
6. ตวอยางเพจหลงจากเปลยน
วธท 2
1. เลอกเพจทตองการเปลยนเคาโครง
2. กดป ม More เลอก Manage Site
Copyright 2014 : by Google Apps Supporting Program
ตวอยางเพจหลงจากเปลยน Layout เปน Two Column
เลอกเพจทตองการเปลยนเคาโครง (Layout)
Manage Site
Copyright 2014 : by Google Apps Supporting Program Page 11
Copyright 2014 : by Google Apps Supporting Program
3. กดป ม Site Layout > กดป ม
4. เลอกปรบแตงเคาโครงเพจตามทตองการ
5. กดป ม OK เพอบนทกการเปลยนแปลง
Copyright 2014 : by Google Apps Supporting Program
กดป ม Change Site Layout
เลอกปรบแตงเคาโครงเพจตามทตองการ
เพอบนทกการเปลยนแปลง
Copyright 2014 : by Google Apps Supporting Program Page 12
Copyright 2014 : by Google Apps Supporting Program
วธท 3
1. เลอกเพจทตองการเปลยนเคาโครง
2. กดป ม More เลอก Edit site layout
3. สามารถเลอกเปด/ปดการใชงาน
และสามารถปรบขนาดความกวางของไซตได
Copyright 2014 : by Google Apps Supporting Program
เลอกเพจทตองการเปลยนเคาโครง (Layout)
Edit site layout
ปดการใชงาน Header , Horizontal navigation, Sidebar
และสามารถปรบขนาดความกวางของไซตได
Copyright 2014 : by Google Apps Supporting Program Page 13
Header , Horizontal navigation, Sidebar และ Custom footer
Copyright 2014 : by Google Apps Supporting Program
- ตวอยางเคาโครงของไซต
- หมายเลข 1: Header (
- หมายเลข 2: Horizontal navigation
- หมายเลข 3: Sidebar
- หมายเลข 4: Custom footer
Copyright 2014 : by Google Apps Supporting Program
รงของไซต
1: Header (สวนหว)
2: Horizontal navigation
3: Sidebar
4: Custom footer
Copyright 2014 : by Google Apps Supporting Program Page 14
Copyright 2014 : by Google Apps Supporting Program
4. สามารถตงคา Sidebar
- กาหนดตาแหนง
- กดป ม OK เพอบนทกการเปลยนแปลง
- ตวอยาง Sidebar
Copyright 2014 : by Google Apps Supporting Program
Sidebar หรอเปลยนตาแหนงของ Sidebar ไดโดยเลอกทป มดนสอ
กาหนดตาแหนง Sidebar
เพอบนทกการเปลยนแปลง
Sidebar ดานซาย
Copyright 2014 : by Google Apps Supporting Program Page 15
ไดโดยเลอกทป มดนสอ
Copyright 2014 : by Google Apps Supporting Program
-ตวอยาง Sidebar
5. สามารถเพม Page Element
recent activity, Recent site activity, Site owner
6. สามารถลบ Sidebar ได โดยเลอนเมาทชท
Navigation ทตองการ
Copyright 2014 : by Google Apps Supporting Program
Sidebar ดานขวา
Page Element ของ Sidebar ได เชน AdSense, Navigation, Text, Countdown, My
recent activity, Recent site activity, Site owner และ Page authors
ได โดยเลอนเมาทชท Navigatin ทตองการลบ แลวกดป มกากบาทเพอลบ
Copyright 2014 : by Google Apps Supporting Program Page 16
AdSense, Navigation, Text, Countdown, My
ทตองการลบ แลวกดป มกากบาทเพอลบ
Copyright 2014 : by Google Apps Supporting Program
การเพมหนาใหม Good to knows: การเพมหนาใหมคอการสรางหนาเวบไซตใหม หรอ การสรางหนาเพจยอย เ
แบงเนอหาขอมลเปนประเภทหรอหมวดหมอยางเปนระเบยบ
1. กดป ม New Page
2. ใสชอหนา (Page)
3. URL ของหนาใหมจะโชวอยลางชอของหนา สามารถเปลยน
4. เลอกเทมเพลตของหนาทตองการสราง
Copyright 2014 : by Google Apps Supporting Program
การเพมหนาใหม (New Page) ภายใน Sitesการเพมหนาใหมคอการสรางหนาเวบไซตใหม หรอ การสรางหนาเพจยอย เ
แบงเนอหาขอมลเปนประเภทหรอหมวดหมอยางเปนระเบยบ
ของหนาใหมจะโชวอยลางชอของหนา สามารถเปลยน URL ได โดยคลก
เลอกเทมเพลตของหนาทตองการสราง
Copyright 2014 : by Google Apps Supporting Program Page 17
Sites การเพมหนาใหมคอการสรางหนาเวบไซตใหม หรอ การสรางหนาเพจยอย เพอการจด
แบงเนอหาขอมลเปนประเภทหรอหมวดหมอยางเปนระเบยบ
ได โดยคลก change URL
Copyright 2014 : by Google Apps Supporting Program
- Web Page: หนาเวบทวไป
- Announcement:
- File Cabinet: หนาเวบเพอเกบไฟลตางๆ
- List: List
Copyright 2014 : by Google Apps Supporting Program
หนาเวบทวไป
Announcement: หนาเวบแบบประกาศ
หนาเวบเพอเกบไฟลตางๆ
Copyright 2014 : by Google Apps Supporting Program Page 18
Copyright 2014 : by Google Apps Supporting Program
- Start Page: หนาแรก
5. เลอกตาแหนงของเพจทสราง
- Put page at the top level:
- Put page under Start Page:
- หรอ เลอกตาแหนงอน โดยคลกท
Tip: เราสามารถสรางหนาเวบไซตไดตามตองการ และสามารถแกไขหรอยายตาแหนงหนาเวบไซต
หลงจากทสรางแลวได
Copyright 2014 : by Google Apps Supporting Program
หนาแรก
เลอกตาแหนงของเพจทสราง
Put page at the top level: สรางเพจอยบนหนาแรก
under Start Page: สรางเพจอยภายใตหนาทตองการ
หรอ เลอกตาแหนงอน โดยคลกท Choose a different location
เราสามารถสรางหนาเวบไซตไดตามตองการ และสามารถแกไขหรอยายตาแหนงหนาเวบไซต
Copyright 2014 : by Google Apps Supporting Program Page 19
เราสามารถสรางหนาเวบไซตไดตามตองการ และสามารถแกไขหรอยายตาแหนงหนาเวบไซต
Copyright 2014 : by Google Apps Supporting Program
การเพมรปภาพภายใน Good to knows: การเพมรปภาพภายในไซต อาจารยผสอนสามารถเพมรปภาพทใชในการเรยนการ
สอนเพอชวยอธบายใหนกศกษาเขาใจในกระบวนวชาทเรยนมากขน เชน อาจารย
ผสอนสามารถเพมรปภาพอาจารยเพอใชเปนการแนะนาตวเองหรอแนะนากระบวน
วชาได
1. กดป ม Edit
2. กดป ม Insert > เลอก Image
Copyright 2014 : by Google Apps Supporting Program
การเพมรปภาพภายใน Sites การเพมรปภาพภายในไซต อาจารยผสอนสามารถเพมรปภาพทใชในการเรยนการ
สอนเพอชวยอธบายใหนกศกษาเขาใจในกระบวนวชาทเรยนมากขน เชน อาจารย
ผสอนสามารถเพมรปภาพอาจารยเพอใชเปนการแนะนาตวเองหรอแนะนากระบวน
Image
Copyright 2014 : by Google Apps Supporting Program Page 20
การเพมรปภาพภายในไซต อาจารยผสอนสามารถเพมรปภาพทใชในการเรยนการ
สอนเพอชวยอธบายใหนกศกษาเขาใจในกระบวนวชาทเรยนมากขน เชน อาจารย
ผสอนสามารถเพมรปภาพอาจารยเพอใชเปนการแนะนาตวเองหรอแนะนากระบวน
Copyright 2014 : by Google Apps Supporting Program
3. อพโหลดรปภาพ
3.1 อพโหลดรปภาพโดยเลอกรปภาพภายในเครอง
1. เลอก
2. เลอกไฟลรปภาพจากภายในเครองคอมพวเตอร
3. ใสชอรปภาพในชอง
4. กดป ม
3.2 อพโหลดรปภาพโดย
Copyright 2014 : by Google Apps Supporting Program
อพโหลดรปภาพโดยเลอกรปภาพภายในเครอง
เลอก Uploaded Image
เลอกไฟลรปภาพจากภายในเครองคอมพวเตอร
ใสชอรปภาพในชอง Alt text (optional) (ถาม)
กดป ม OK เพออพโหลดรปภาพ
อพโหลดรปภาพโดย URL
Copyright 2014 : by Google Apps Supporting Program Page 21
Copyright 2014 : by Google Apps Supporting Program
1. เลอก
2. ใส URL
ขวาทรปภาพแลวเลอก คดลอก
3. ถา URL
4. กรอกชอของภาพ
5. กดป ม
Tip: อาจารยควรอพโหลดรปภาพเกบไวท
การจดเกบไฟล, ชวยปองกนปญหาไฟลสญหาย
ออนไลนไดสามารถห
4. สามารถปรบแตงรปภาพโดยการคลกทรปภาพแลวแถบเครองมอจะโชวอยดานลางของรปภาพ เชน
การจดวางตาแหนงของรปภาพ
หรอ ลบรปภาพทเลอก
5. กดป ม Save เพอบนทกการเปลยนแปลง
Copyright 2014 : by Google Apps Supporting Program
เลอก Web address (URL)
URL ของรปภาพทตองการอพโหลด (คดลอก URL ของรปภาพโดยคลก
ขวาทรปภาพแลวเลอก คดลอก URL รปภาพ)
URL ของรปถกตอง รปภาพจะโชวในชองหมายเลข 3
กรอกชอของภาพ (ถาม)
กดป ม OK เพออพโหลดรปภาพ
อาจารยควรอพโหลดรปภาพเกบไวท Picasa กอน เพราะชวยในการประหยดเนอทใน
ชวยปองกนปญหาไฟลสญหาย, สามารถแบงปนรปภาพใหกบสงคม
ออนไลนไดสามารถหาขอมลเพมเตมไดจาก http://picasa.google.com/
สามารถปรบแตงรปภาพโดยการคลกทรปภาพแลวแถบเครองมอจะโชวอยดานลางของรปภาพ เชน
การจดวางตาแหนงของรปภาพ, ปรบขนาดของรปภาพ ซงมใหเลอก 3 size คอ
เพอบนทกการเปลยนแปลง
Copyright 2014 : by Google Apps Supporting Program Page 22
ของรปภาพโดยคลก
3 ตามรป
กอน เพราะชวยในการประหยดเนอทใน
สามารถแบงปนรปภาพใหกบสงคม
http://picasa.google.com/
สามารถปรบแตงรปภาพโดยการคลกทรปภาพแลวแถบเครองมอจะโชวอยดานลางของรปภาพ เชน
คอ S, M, L และการเปลยน
Copyright 2014 : by Google Apps Supporting Program
การเพมวดโอภายใน Good to knows: การเพมวดโอในไซตชวยใหนกศกษาเขาใจบทเรยนมากยงขนเพราะในบางบทเรยน
จาเปนทตองศก
เพอทบทวนบทเรยน เพราะในบางครงเวลาทใชสอนอาจจะไมเพยงพอในการเรยน
การสอน
1. กดป ม Edit
2. กดป ม Insert > เลอก Video > Youtube
Copyright 2014 : by Google Apps Supporting Program
การเพมวดโอภายใน Sites เพอใหนกศกษาศกษากอนเรยนการเพมวดโอในไซตชวยใหนกศกษาเขาใจบทเรยนมากยงขนเพราะในบางบทเรยน
จาเปนทตองศกษากอนเขาหองเรยนเพอความเขาใจมากยงขน หรอสามารถศกษา
เพอทบทวนบทเรยน เพราะในบางครงเวลาทใชสอนอาจจะไมเพยงพอในการเรยน
การสอน
Video > Youtube
Copyright 2014 : by Google Apps Supporting Program Page 23
เพอใหนกศกษาศกษากอนเรยน การเพมวดโอในไซตชวยใหนกศกษาเขาใจบทเรยนมากยงขนเพราะในบางบทเรยน
ษากอนเขาหองเรยนเพอความเขาใจมากยงขน หรอสามารถศกษา
เพอทบทวนบทเรยน เพราะในบางครงเวลาทใชสอนอาจจะไมเพยงพอในการเรยน
Copyright 2014 : by Google Apps Supporting Program
Tip: การคนหาวดโอจาก Youtube
1. เขาเวบไซต www.youtube.com
2. คนหาวดโอทตองการ
3. เวบไซตจะโชวผลของการคนหา
4. เลอกวดโอทตองการ
5. คดลอก Link วดโอทตองการ โดยการคลกขวาแลวเลอกคดลอก
Copyright 2014 : by Google Apps Supporting Program
Youtube
www.youtube.com
คนหาวดโอทตองการ
เวบไซตจะโชวผลของการคนหา
เลอกวดโอทตองการ
วดโอทตองการ โดยการคลกขวาแลวเลอกคดลอก
Copyright 2014 : by Google Apps Supporting Program Page 24
Copyright 2014 : by Google Apps Supporting Program
3. วาง Link วดโอทคดลอกมาในชองสเหล
4. ถาตองการกรอบรอบวดโอใหกดเลอกใช
5. ถาตองการตงชอวดโอใหกดเลอก
6. กดป ม Save เพอบนทกและแทรกวดโอ
7. สามารถตงคาวดโอโดยการคลกทว
สามารถปรบตาแหนงการจดวางวดโอได
Copyright 2014 : by Google Apps Supporting Program
วดโอทคดลอกมาในชองสเหลยมสแดง
ถาตองการกรอบรอบวดโอใหกดเลอกใช “Include border around YouTube video”
ถาตองการตงชอวดโอใหกดเลอก “Include title:” แลวใสชอวดโอทตองการ
เพอบนทกและแทรกวดโอ
สามารถตงคาวดโอโดยการคลกทวดโอ แลวแถบเครองมอจะโชวอยดานลางของวดโอ
สามารถปรบตาแหนงการจดวางวดโอได
Copyright 2014 : by Google Apps Supporting Program Page 25
“Include border around YouTube video”
แลวใสชอวดโอทตองการ
ดโอ แลวแถบเครองมอจะโชวอยดานลางของวดโอ
Copyright 2014 : by Google Apps Supporting Program
8. กดป ม Save เพอบนทกการเปลยนแปลง
9. ตวอยางวดโอ
Copyright 2014 : by Google Apps Supporting Program
เพอบนทกการเปลยนแปลง
Copyright 2014 : by Google Apps Supporting Program Page 26
Copyright 2014 : by Google Apps Supporting Program
การเพมสไลดนาเสนอภายใน Good to knows: การเพมสไลดนาเสนอเปนการเพมสไลดการเรยนการสอนทเกยวของกบวชา
เพอชวยใหนกศกษาสามารถศกษาคนควาหาความร
ใชทบทวนบทเรยนได
1. กดป ม Edit
2. กดป ม Insert > เลอก Presentation
Copyright 2014 : by Google Apps Supporting Program
การเพมสไลดนาเสนอภายใน Sites ทใชในการเรยนการสอนการเพมสไลดนาเสนอเปนการเพมสไลดการเรยนการสอนทเกยวของกบวชา
เพอชวยใหนกศกษาสามารถศกษาคนควาหาความรเพมเตมกอนการเขาหองเรยน
ใชทบทวนบทเรยนได
Presentation
Copyright 2014 : by Google Apps Supporting Program Page 27
ทใชในการเรยนการสอน การเพมสไลดนาเสนอเปนการเพมสไลดการเรยนการสอนทเกยวของกบวชา
เพมเตมกอนการเขาหองเรยนหรอ
Copyright 2014 : by Google Apps Supporting Program
3. เลอก Presentation ทตองการ
Tip: ไฟลการนาเสนอตองเปนไฟล
Power Point
4. หรอ คดลอกแลววางในชอง
5. กด Select
6. เลอกการตงคาทตองการ
7. กด Save เพอบนทกและแทรกสไลดนาเสนอ
8. กดทสไลดเพอปรบตาแหนงทตองการ เชน ขวา
Copyright 2014 : by Google Apps Supporting Program
ทตองการ
ไฟลการนาเสนอตองเปนไฟล Google Presentation หรอถาหากเปนไฟล
Power Point ควรจะอพโหลดสไลด Power Point ใน Google Drive
หรอ คดลอกแลววางในชอง “Or paste a web address here:”
เลอกการตงคาทตองการ
เพอบนทกและแทรกสไลดนาเสนอ
กดทสไลดเพอปรบตาแหนงทตองการ เชน ขวา, กลาง หรอซาย
Copyright 2014 : by Google Apps Supporting Program Page 28
หรอถาหากเปนไฟล
Google Drive กอน
Copyright 2014 : by Google Apps Supporting Program
9. กดป ม Save เพอบนทกการเปลยนแปลง
10. ตวอยางสไลดนาเสนอ
Copyright 2014 : by Google Apps Supporting Program
เพอบนทกการเปลยนแปลง
ตวอยางสไลดนาเสนอ
Copyright 2014 : by Google Apps Supporting Program Page 29
Copyright 2014 : by Google Apps Supporting Program
การเพม Spreadsheet Good to knows: การเพม
เหมาะแกการเกบขอมลเยอะๆ เชน ไฟลการเงน
คะแนนสะสม เปนตน
1. กดป ม Edit
2. กดป ม Insert > เลอก Spreadsheet
3. เลอกไฟล Spreadsheet
Tip: ไฟลทอพโหลดควรจะเปนไฟล
ควรจะอพโหลดไฟลใน
Copyright 2014 : by Google Apps Supporting Program
Spreadsheet ภายใน Sites เพอเกบขอมลการเพม Spreadsheet เปนการเพมไฟล Spreadsheet เพอใชในการเกบขอมล
เหมาะแกการเกบขอมลเยอะๆ เชน ไฟลการเงน, ไฟลการเชคชอนกศกษา
คะแนนสะสม เปนตน
Spreadsheet
Spreadsheet ทตองการ
ไฟลทอพโหลดควรจะเปนไฟล Google Spreadsheet หรอถาเปนไฟล
ควรจะอพโหลดไฟลใน Google Drive กอน
Copyright 2014 : by Google Apps Supporting Program Page 30
เพอเกบขอมล เพอใชในการเกบขอมล
ไฟลการเชคชอนกศกษา, ไฟล
หรอถาเปนไฟล Excel
Copyright 2014 : by Google Apps Supporting Program
4. หรอคดลอกลงควางในชอง
5. กดป ม Select
6. เลอกการตงคาทตองการ
7. กดป ม Save เพอบนทกและแทรก
8. กดป ม Save เพอบนทกการเปลยนแปลง
9. ตวอยาง Spreadsheet
Copyright 2014 : by Google Apps Supporting Program
หรอคดลอกลงควางในชอง “Or paste a web address here:”
เลอกการตงคาทตองการ
เพอบนทกและแทรก Spreadsheet
เพอบนทกการเปลยนแปลง
Spreadsheet
Copyright 2014 : by Google Apps Supporting Program Page 31
Copyright 2014 : by Google Apps Supporting Program
การเพมเอกสารภายใน Good to knows: การเพมเอกสารเปนการเพมเอกสารท
รายละเอยดและตารางการเรยนการสอน
แบบฝกหด เปนตน
1. กดป ม Edit
2. กดป ม Insert > เลอก Document (
3. เลอกไฟลเอกสารทตองการ
4. หรอคดลอกลงควางในชอง
5. กดป ม Select
6. เลอกการตงคาทตองการ
7. กดป ม Save เพอบนทกและแทรก
8. กดป ม Save เพอบนทกการเปลยนแปลง
9. ตวอยางเอกสาร
Copyright 2014 : by Google Apps Supporting Program
การเพมเอกสารภายใน Sites การเพมเอกสารเปนการเพมเอกสารทมเนอหาเกยวของกบการเรยนการสอน เชน
รายละเอยดและตารางการเรยนการสอน, รายงาน, เอกสารประกอบการเรยนการสอน
แบบฝกหด เปนตน
Document (ไฟลทอพโหลดตองไฟลของ Google Docs)
เลอกไฟลเอกสารทตองการ
หรอคดลอกลงควางในชอง “Or paste a web address here:”
เลอกการตงคาทตองการ
เพอบนทกและแทรก Spreadsheet
เพอบนทกการเปลยนแปลง
Copyright 2014 : by Google Apps Supporting Program Page 32
มเนอหาเกยวของกบการเรยนการสอน เชน
เอกสารประกอบการเรยนการสอน
Google Docs)
Copyright 2014 : by Google Apps Supporting Program
การเพม Spreadsheet Form Good to knows: การเพม
ประโยชนในการสารวจความคดเหน
กอนเรยน
1. กดป ม Edit
2. กดป ม Insert > เลอก Document
Copyright 2014 : by Google Apps Supporting Program
Spreadsheet Form ภายใน Sites เพอทาแบบสอบถามการเพม Spreadsheet Form เปนการเพมแบบสารวจ, แบบสอบถาม ซงเปน
ประโยชนในการสารวจความคดเหน, ประเมนการเรยนการสอน เชน แบบทดสอบ
กอนเรยน, แบบทดสอบหลงเรยน, แบบสารวจความคดเหน เปนตน
Document
Copyright 2014 : by Google Apps Supporting Program Page 33
เพอทาแบบสอบถาม แบบสอบถาม ซงเปน
ประเมนการเรยนการสอน เชน แบบทดสอบ
แบบสารวจความคดเหน เปนตน
Copyright 2014 : by Google Apps Supporting Program
3. เลอกไฟลทตองการ
4. หรอคดลอกลงควางในชอง
5. กดป ม Select
6. เลอกการตงคาทตองการ
7. กดป ม Save เพอบนทกและแทรก
8. กดป ม Save เพอบนทกการเปลยนแปลง
9. ตวอยางแบบสอบถาม
Copyright 2014 : by Google Apps Supporting Program
หรอคดลอกลงควางในชอง “Or paste a web address here:”
เลอกการตงคาทตองการ
เพอบนทกและแทรก Spreadsheet
เพอบนทกการเปลยนแปลง
Copyright 2014 : by Google Apps Supporting Program Page 34
Copyright 2014 : by Google Apps Supporting Program
การเพม Calendar ภายใน Sites
Good to knows: การเพมปฏทนภายในไซดเปนตวชวยอกอยางหนงทสามารถบรหารตารางเวลา
ของอาจารยผสอนและนกเรยนนกศกษาได ยกตวอยางเชน
สามารถกาหนดตารางเวลาการสอนและกจกรรมตางๆของตวเองภายในปฏทน
ได ซงนกเรยนนกศกษาสามารถตรวจเชคเวลาทอาจารยผสอนวางไดจาก
1. กดป ม Edit
2. กดป ม Insert > เลอก Calendar
3. เลอกปฏทนทตองการแบงปน
4. หรอคดลอกลงควางในชอง
5. กดป ม Select
Copyright 2014 : by Google Apps Supporting Program
Sites เพอใชสาหรบกาหนด, เผยแพร ตารางเวลา และกจกรรมตางๆ
การเพมปฏทนภายในไซดเปนตวชวยอกอยางหนงทสามารถบรหารตารางเวลา
ของอาจารยผสอนและนกเรยนนกศกษาได ยกตวอยางเชน
สามารถกาหนดตารางเวลาการสอนและกจกรรมตางๆของตวเองภายในปฏทน
ได ซงนกเรยนนกศกษาสามารถตรวจเชคเวลาทอาจารยผสอนวางไดจาก
Calendar
เลอกปฏทนทตองการแบงปน
ลอกลงควางในชอง “Or paste a web address here:”
Copyright 2014 : by Google Apps Supporting Program Page 35
เผยแพร ตารางเวลา และกจกรรมตางๆ
การเพมปฏทนภายในไซดเปนตวชวยอกอยางหนงทสามารถบรหารตารางเวลา
ของอาจารยผสอนและนกเรยนนกศกษาได ยกตวอยางเชน อาจารยผสอน
สามารถกาหนดตารางเวลาการสอนและกจกรรมตางๆของตวเองภายในปฏทน
ได ซงนกเรยนนกศกษาสามารถตรวจเชคเวลาทอาจารยผสอนวางไดจากปฏทน
Copyright 2014 : by Google Apps Supporting Program
6. เลอกการตงคาทตองการ
7. กดป ม Save เพอบนทกและแทรกปฏทน
8. กาหนดตาแหนงปฏทน
9. กดป ม Save เพอบนทกการเปลยนแปลง
10. ตวอยางปฎทน
Copyright 2014 : by Google Apps Supporting Program
เลอกการตงคาทตองการ
เพอบนทกและแทรกปฏทน
ปฏทนโดยการคลกทปฏทนแลวแถบเครองมอจะโชวดานลางของ
กการเปลยนแปลง
Copyright 2014 : by Google Apps Supporting Program Page 36
แลวแถบเครองมอจะโชวดานลางของปฏทน
Copyright 2014 : by Google Apps Supporting Program
การจดการไซต (Manage Site)Good to knows: การจดการไซตคอการตงคาตางๆเกยวกบไซต เชน การเปลยนชอไซต
ไซต, การลบไอเทม
แบงปนไซต เปนตน
1. กดป ม More > Manage Site
Copyright 2014 : by Google Apps Supporting Program
(Manage Site) การจดการไซตคอการตงคาตางๆเกยวกบไซต เชน การเปลยนชอไซต
การลบไอเทม, การจดตาแหนงเพจ, การจดการสทธการเขาถงและการ
แบงปนไซต เปนตน
More > Manage Site
Copyright 2014 : by Google Apps Supporting Program Page 37
การจดการไซตคอการตงคาตางๆเกยวกบไซต เชน การเปลยนชอไซต, การลบ
การจดการสทธการเขาถงและการ
Copyright 2014 : by Google Apps Supporting Program
2. เมอเขาไปทหนา Manage Site
Permission, Page Template, Colors and Fonts, Attachment, Apps Script, Delete Items,
General, AdSense และ
Copyright 2014 : by Google Apps Supporting Program
Manage Site จะสามารถแกไข และจดการ Site ไดทงหมด เชน การ
Permission, Page Template, Colors and Fonts, Attachment, Apps Script, Delete Items,
และ Site Layout
Copyright 2014 : by Google Apps Supporting Program Page 38
ไดทงหมด เชน การ Sharing and
Permission, Page Template, Colors and Fonts, Attachment, Apps Script, Delete Items,
Copyright 2014 : by Google Apps Supporting Program
○ การดกจกรรมเกยวกบการจดการไซต
Good to knows: การดกจกรรมเกยวกบไซตคอเปนการดการแกไขหรอเพมเตมเกยวกบไซต
ซงสามารถดเวลาทแกไขหรอเพมเตม
ทแกไขได
1. เลอก Recent site activity
2. สามารถดรายการการ
Copyright 2014 : by Google Apps Supporting Program
กรรมเกยวกบการจดการไซต
การดกจกรรมเกยวกบไซตคอเปนการดการแกไขหรอเพมเตมเกยวกบไซต
ซงสามารถดเวลาทแกไขหรอเพมเตม, ดชอผแกไข และสามารถดรายการ
ทแกไขได
Recent site activity
สามารถดรายการการแกไขจดการไซต เชน เวลาทแกไข, รายชอผ ทแกไข
Copyright 2014 : by Google Apps Supporting Program Page 39
การดกจกรรมเกยวกบไซตคอเปนการดการแกไขหรอเพมเตมเกยวกบไซต
ดชอผแกไข และสามารถดรายการ
รายชอผ ทแกไข
Copyright 2014 : by Google Apps Supporting Program
○ การแกไข Page
Good to knows:
Copyright 2014 : by Google Apps Supporting Program
Page
การแกไขเพจคอการเปลยนตาแหนงของเพจ สามารถทาไดโดยการคลก
เลอกเพจทตองการยายตาแหนง
Copyright 2014 : by Google Apps Supporting Program Page 40
การแกไขเพจคอการเปลยนตาแหนงของเพจ สามารถทาไดโดยการคลก
Copyright 2014 : by Google Apps Supporting Program
○ การเพมไฟล Attachment
Good to knows:
1. เลอก Attachment
2. สามารถเพมไฟลไดโดยการคลกป ม
3. ตวอยางหลงจากการอพโหลดไฟล
Copyright 2014 : by Google Apps Supporting Program
Attachment
การเพมไฟล Attachment เปนการเพมไฟลประกอบการเรยนการสอน หรอ
เปนการฝากไฟลทเกยวของกบการเรยนการสอน
Attachment
สามารถเพมไฟลไดโดยการคลกป ม Upload แลวเลอกไฟลทตองการอพโหลด
ตวอยางหลงจากการอพโหลดไฟล
Copyright 2014 : by Google Apps Supporting Program Page 41
ระกอบการเรยนการสอน หรอ
แลวเลอกไฟลทตองการอพโหลด
Copyright 2014 : by Google Apps Supporting Program
○ การจดการ Page Template
Good to knows:
1. สามารถจดการเทมเพลตของแตละเพจ เชน
○ Apps Script
Good to knows:
○ Deleted items
Good to knows:
Copyright 2014 : by Google Apps Supporting Program
Page Template
การจดการเพจเทมเพลตคอการตงคาเพจ เชน โชวเพจ
, ตงคาเพจเรมตน หรอลบเพจ
สามารถจดการเทมเพลตของแตละเพจ เชน Show, Hide, Set as default
คอการเพมความสามารถใหกบงานอตโนมต เชน แปลงคาเงนอตโนมต
Error ทวๆไป
คอหนาทโชวประวตของ Items ทถกลบทง
Copyright 2014 : by Google Apps Supporting Program Page 42
รเพจเทมเพลตคอการตงคาเพจ เชน โชวเพจ, ซอนเพจ
Show, Hide, Set as default หรอ ลบเพจ
คอการเพมความสามารถใหกบงานอตโนมต เชน แปลงคาเงนอตโนมต, ดก
Copyright 2014 : by Google Apps Supporting Program
○ การแบงปนและตงคาสทธการเขาถง
Good to knows:
1. เลอก Sharing and Permission
2. การกาหนดสทธการเขาถงสามารถปรบเปลยนระดบการเขาถงโดยคลกป ม
Copyright 2014 : by Google Apps Supporting Program
การแบงปนและตงคาสทธการเขาถง
การแบงปนและตงคาสทธการเขาถงคอการตงคาไซต กาหนดสทธของการ
เขาถงไซต เชน ทกคนในองคกรสามารถเขาถงไซต,
สาธารณะ เปนตน
Sharing and Permission
การกาหนดสทธการเขาถงสามารถปรบเปลยนระดบการเขาถงโดยคลกป ม
Copyright 2014 : by Google Apps Supporting Program Page 43
การแบงปนและตงคาสทธการเขาถงคอการตงคาไซต กาหนดสทธของการ
, การตงไซตเปน
การกาหนดสทธการเขาถงสามารถปรบเปลยนระดบการเขาถงโดยคลกป ม “Change”
Copyright 2014 : by Google Apps Supporting Program
3. เลอกระดบการเขาถง
- Public on the web
สามารถเขาถง โดยไมตองมการขออนญาตการเขาถง
- Anyone with the link
- CRM Charity Foundation
- People at CRM Charity Foundation with the li
ภายในองคทมลงค
- Private
สามารถตงคาสทธการเขาถงได คอ สามารถดอยางเดยว หรอ สามารถแกไขไซตได
Copyright 2014 : by Google Apps Supporting Program
เลอกระดบการเขาถง
Public on the web:การเผยแพรเวบไซตสสาธารณซงทกคนทอยบนอนเตอรเนต
สามารถเขาถง โดยไมตองมการขออนญาตการเขาถง
Anyone with the link: การเผยแพรเวบไซตใหกบคนทมลงค
CRM Charity Foundation: การเผยแพรเวบไซตใหกบทกคนในองคกร
People at CRM Charity Foundation with the lik:การเผยแพรเวบไซตใหกบคน
ภายในองคทมลงค
Private:การกาหนดใหไมมสทธในการเขาถงแตสามารถเพมชอทอยอเมลได
สามารถตงคาสทธการเขาถงได คอ สามารถดอยางเดยว หรอ สามารถแกไขไซตได
Copyright 2014 : by Google Apps Supporting Program Page 44
ซงทกคนทอยบนอนเตอรเนต
การเผยแพรเวบไซตใหกบคนทมลงค
การเผยแพรเวบไซตใหกบทกคนในองคกร
การเผยแพรเวบไซตใหกบคน
การกาหนดใหไมมสทธในการเขาถงแตสามารถเพมชอทอยอเมลได
สามารถตงคาสทธการเขาถงได คอ สามารถดอยางเดยว หรอ สามารถแกไขไซตได
Copyright 2014 : by Google Apps Supporting Program
4. กดป ม Save เพอบนทกการเปลยนแปลง
5. สามารถเพมทอยอเมลผ ตดตอทเพอจดการกบไซตนได
- สามารถเพมทอยอเมลหลายคนได
- สามารถตงคาสทธการเขาถงได เชน เปนเจาของ
เพยงอยางเดยว
- สามารถเพมขอความถงผ ทตองการส
- สามารถลบรายชอผ ตดตอได โดยการคลกกากบาททหลงทอยอเมลได
6. กดป ม Share & Save
Copyright 2014 : by Google Apps Supporting Program
เพอบนทกการเปลยนแปลง
สามารถเพมทอยอเมลผ ตดตอทเพอจดการกบไซตนได
สามารถเพมทอยอเมลหลายคนได
สามารถตงคาสทธการเขาถงได เชน เปนเจาของ,สามารถแกไขได และสามารถด
เพยงอยางเดยว
สามารถเพมขอความถงผ ทตองการสงคาเชญได โดยคลกท
สามารถลบรายชอผ ตดตอได โดยการคลกกากบาททหลงทอยอเมลได
Share & Save เพอทบนทกและแบงปนไซต
Copyright 2014 : by Google Apps Supporting Program Page 45
สามารถแกไขได และสามารถด
โดยคลกท “Add Message”
สามารถลบรายชอผตดตอได โดยการคลกกากบาททหลงทอยอเมลได
Copyright 2014 : by Google Apps Supporting Program
Tip: การแบงปนไซตดวยลงค สามารถยอลงคใหสนลงไดงายๆดวย
1. เขาเวบไซต goo.gl
2. คดลอกลงคของไซตทสราง
Copyright 2014 : by Google Apps Supporting Program
การแบงปนไซตดวยลงค สามารถยอลงคใหสนลงไดงายๆดวย goo.gl
คดลอกลงคของไซตทสราง
Copyright 2014 : by Google Apps Supporting Program Page 46
Copyright 2014 : by Google Apps Supporting Program
3. วางลงคทคดลอกมาวางในชองตามรปภาพ แลวกดป ม
4. หลงจากนนกจะไดลงคทสนลง และสามารถนาลงคทไดแบงปนใหกบผอนเพอเขาสไซตของเราได
Copyright 2014 : by Google Apps Supporting Program
วางลงคทคดลอกมาวางในชองตามรปภาพ แลวกดป ม Shorten URL
หลงจากนนกจะไดลงคทสนลง และสามารถนาลงคทไดแบงปนใหกบผอนเพอเขาสไซตของเราได
Copyright 2014 : by Google Apps Supporting Program Page 47
หลงจากนนกจะไดลงคทสนลง และสามารถนาลงคทไดแบงปนใหกบผอนเพอเขาสไซตของเราได
Copyright 2014 : by Google Apps Supporting Program
○ การตงคาทวไปของเวบไซต
Good to knows:
1. เลอกป ม General
2. สามารถแกไข เปลยนแปลงชอไซต
Copyright 2014 : by Google Apps Supporting Program
การตงคาทวไปของเวบไซต
การตงคาทวไปของไซตคอการตงคาตางๆของไซต เชนการเปลยนชอไซต
การตงประเภทของไซต,การเพมหรอแกไขคาอธบายของไซต
ไซต, การลบไซต, การตงคาภาษา เปนตน
General
สามารถแกไข เปลยนแปลงชอไซต, ประเภทของไซต, คาอธบายไซต
Copyright 2014 : by Google Apps Supporting Program Page 48
การตงคาทวไปของไซตคอการตงคาตางๆของไซต เชนการเปลยนชอไซต,
การเพมหรอแกไขคาอธบายของไซต, การคดลอก
คาอธบายไซต
Copyright 2014 : by Google Apps Supporting Program
3. สามารถคดลอกไซต
4. สามารถตงคาภาษา
Copyright 2014 : by Google Apps Supporting Program
สามารถคดลอกไซต, แบงปนเทมเพลตใหกบสาธารณะ, ลบไซต
สามารถตงคาภาษา, ตงคาการเขาถงผานโทรศพทมอถอ และตงคาสทธการเขาถงไซต
Copyright 2014 : by Google Apps Supporting Program Page 49
ตงคาการเขาถงผานโทรศพทมอถอ และตงคาสทธการเขาถงไซต
Copyright 2014 : by Google Apps Supporting Program
○ การตงคาเคาโครงของไซต
Good to knows:
1. สามารถจดการแกไขตาแหนงของเพจไดโดกดป ม
2.คลกเอาเครองหมายเชคถกทหนาขอความ
3. การยายตาแหนงของเพจตางๆ โดยคลกเลอกทชอเพจ และสามารถกดลกศรขน ลง ซาย
และขวา เพอยายตาแหนงของเพจ
4. กดป ม OK เพอบนทกการแกไขการเปลยนแปลง
Copyright 2014 : by Google Apps Supporting Program
การตงคาเคาโครงของไซต (Site Layout)
การตงคาเคาโครงของไซตคอการกาหนดหนาตาหรอเคาโครงของไซต เชน
การจดตาแหนงของเพจ, การจดลาดบเพจ เปนตน
สามารถจดการแกไขตาแหนงของเพจไดโดกดป ม Edit ขาง Navigator
คลกเอาเครองหมายเชคถกทหนาขอความAutomatically organize my navi
การยายตาแหนงของเพจตางๆ โดยคลกเลอกทชอเพจ และสามารถกดลกศรขน ลง ซาย
และขวา เพอยายตาแหนงของเพจ
เพอบนทกการแกไขการเปลยนแปลง
Copyright 2014 : by Google Apps Supporting Program Page 50
การตงคาเคาโครงของไซตคอการกาหนดหนาตาหรอเคาโครงของไซต เชน
Navigator
Automatically organize my navigation ออก
การยายตาแหนงของเพจตางๆ โดยคลกเลอกทชอเพจ และสามารถกดลกศรขน ลง ซาย
Copyright 2014 : by Google Apps Supporting Program
○ การตงคาสและรปแบบตวหนงสอ
Good to knows:
การตงคาสพนหลงของเพจ
1. เลอก Colors and Fonts
2. สามารถปรบแตงสของไซตไดตามตองการ เชน รปแบบตวหนงส
เพจ,สพนหลงของเพจ, รปภาพพนหลงของเพจ
เลอกหวขอทตองการตามรปภาพขางลาง
3. กดป ม Save เพอบนทกการเปลยนแปลง
Copyright 2014 : by Google Apps Supporting Program
การตงคาสและรปแบบตวหนงสอ (Colors and Fonts)
การตงคาสและรปแบบตวหนงสอคอการปรบแตงตวหนงสอใหสวยงามและ
เหมาะสมกบไซต เชน การปรบขนาดตวหนงสอ, การเปลยนสตวหนงสอ
การตงคาสพนหลงของเพจ
Colors and Fonts
สามารถปรบแตงสของไซตไดตามตองการ เชน รปแบบตวหนงสอและสตวหนงสอของ
รปภาพพนหลงของเพจ, สลงคของเพจ และการปรบแตงไซตอนๆ โดยการ
เลอกหวขอทตองการตามรปภาพขางลาง
เพอบนทกการเปลยนแปลง
Copyright 2014 : by Google Apps Supporting Program Page 51
ละรปแบบตวหนงสอคอการปรบแตงตวหนงสอใหสวยงามและ
การเปลยนสตวหนงสอ,
อและสตวหนงสอของ
สลงคของเพจ และการปรบแตงไซตอนๆ โดยการ
Copyright 2014 : by Google Apps Supporting Program
○ การเปลยนธม (Theme)
Good to knows:
1. เลอก Theme
2. เลอกธมทตองการ
3. กดป ม Save เพอบนทกการเปลยนแปลง
Tip: สามารถสรางธมใหมได โดยเลอก
ธมใหกบองคกรหรอคนทอยใน
Copyright 2014 : by Google Apps Supporting Program
(Theme)
การเปลยนธมเปนการเปลยนหนาตาของไซต โดยจะมรปแบบไซตสาเรจ
ใหเลอกมากมาย
Theme
เลอกธมทตองการ
เพอบนทกการเปลยนแปลง
สามารถสรางธมใหมได โดยเลอก build your own custom theme และสามารถแบงปน
ธมใหกบองคกรหรอคนทอยใน Domain เดยวกนได หรอสามารถตงคาเปนสาธารณะได
Copyright 2014 : by Google Apps Supporting Program Page 52
นธมเปนการเปลยนหนาตาของไซต โดยจะมรปแบบไซตสาเรจ
และสามารถแบงปน
เดยวกนได หรอสามารถตงคาเปนสาธารณะได
Copyright 2014 : by Google Apps Supporting Program
การแนบไฟลในหนา Good to knows: การแนบไฟลในหน
ยงสามารถแบงปนไฟลใหกบผ อนได
1. สรางเพจ File Cabinet (
2. เปดเพจ File Cabinet
3. กดป ม Add file หรอ Add link
- ถา Add link ใหคดลอกลงคมาวางในชองท
- ตงชอไฟลในชองท
- ใสคาอธบายลงคในชองท
Copyright 2014 : by Google Apps Supporting Program
การแนบไฟลในหนา File Cabinet การแนบไฟลในหนา File Cabinet เปนการฝากไฟลเพอปองกนไฟลสญหาย และ
ยงสามารถแบงปนไฟลใหกบผ อนได
File Cabinet (สามารถดวธสรางไดในหนาท 10)
Add link แลวเลอกไฟลทตองการ เพออพโหลดไฟล
ใหคดลอกลงคมาวางในชองท 1 ตามรปภาพ
ตงชอไฟลในชองท 2 ตามรปภาพ
ใสคาอธบายลงคในชองท 3 ตามรปภาพ
Copyright 2014 : by Google Apps Supporting Program Page 53
เปนการฝากไฟลเพอปองกนไฟลสญหาย และ
Copyright 2014 : by Google Apps Supporting Program
4. สรางโฟลเดอรใหมโดยการกดป ม
5. ตงชอโฟลเดอร แลวกดป ม
6. การยายไฟลไวในโฟลเดอร ทาไดโดยเลอกไฟลทตองการโดยการเชคถกหนาไฟลทตองการ
เลอกไดหลายไฟล พรอมๆกน) แลวกดป ม
7. ไฟลทยายจะมาอยในโฟลเดอรทตองการ
Copyright 2014 : by Google Apps Supporting Program
สรางโฟลเดอรใหมโดยการกดป ม Move to > เลอก New Folder...
ตงชอโฟลเดอร แลวกดป ม Save เพอบนทก
การยายไฟลไวในโฟลเดอร ทาไดโดยเลอกไฟลทตองการโดยการเชคถกหนาไฟลทตองการ
แลวกดป ม Move to > เลอกโฟลเดอรทตองการ
ไฟลทยายจะมาอยในโฟลเดอรทตองการ
Copyright 2014 : by Google Apps Supporting Program Page 54
การยายไฟลไวในโฟลเดอร ทาไดโดยเลอกไฟลทตองการโดยการเชคถกหนาไฟลทตองการ (สามารถ
Copyright 2014 : by Google Apps Supporting Program
8. การลบไฟลสามารถทาไดโดยเลอกไฟลทตองการลบ โดยการเชคถกหนาไฟลทตองการลบ
เลอกไดหลายไฟล พรอมๆกน) แลวกดป ม
9. สามารถตดตามการเปลยนแปลงหรอยกเลกการตดตามการเปลยนแปลงไดโดย กดป ม
change/Unsubscribe to change
10. การลบโฟลเดอร ทาไดโดยกดป ม
11. สามารถเปดด หรอ ดาวนโหลดไฟลทตองการไดโดยการกดป ม
ไฟลทตองการ
Copyright 2014 : by Google Apps Supporting Program
ถทาไดโดยเลอกไฟลทตองการลบ โดยการเชคถกหนาไฟลทตองการลบ
แลวกดป ม Delete เพอลบไฟล
สามารถตดตามการเปลยนแปลงหรอยกเลกการตดตามการเปลยนแปลงไดโดย กดป ม
change/Unsubscribe to change
การลบโฟลเดอร ทาไดโดยกดป ม Remove หลงชอโฟลเดอรทตองการลบ
สามารถเปดด หรอ ดาวนโหลดไฟลทตองการไดโดยการกดป ม View หรอ
Copyright 2014 : by Google Apps Supporting Program Page 55
ถทาไดโดยเลอกไฟลทตองการลบ โดยการเชคถกหนาไฟลทตองการลบ (สามารถ
สามารถตดตามการเปลยนแปลงหรอยกเลกการตดตามการเปลยนแปลงไดโดย กดป ม Subscribe to
หลงชอโฟลเดอรทตองการลบ
หรอ Download ดานลางชอ
Copyright 2014 : by Google Apps Supporting Program
การตงคาเพจ Good to knows: การตงคาเพจเปนการกาหนดคาต
การโชวลงคเพจยอย
1. คลกป ม More > เลอก
Copyright 2014 : by Google Apps Supporting Program
การตงคาเพจเปนการกาหนดคาตางๆของไซต เชน การตงคาการโชวชอเพจ
การโชวลงคเพจยอย, การอนญาตใหเพมไฟล, การอนญาตใหเพมความคดเหน
เลอก Page Settings
Copyright 2014 : by Google Apps Supporting Program Page 56
างๆของไซต เชน การตงคาการโชวชอเพจ,
การอนญาตใหเพมความคดเหน
Copyright 2014 : by Google Apps Supporting Program
2. สามารถเลอกตงคาเพจแตละเพจไดโดยเลอกเชคถกหนาชองทตองการ
- Show page title:
- Show links to subpages:
- Allow attachments:
- Allow comments:
3. ตวอยางการตงคาเพจ
- หมายเลข 1 คอ ชอขอ
- หมายเลข 2 คอ ลงคของเพจยอย
- หมายเลข 3 คอ การเพมไฟล
- หมายเลข 4 คอ การเพมความคดเหน
Copyright 2014 : by Google Apps Supporting Program
สามารถเลอกตงคาเพจแตละเพจไดโดยเลอกเชคถกหนาชองทตองการ
e title: โชวชอของเพจ
Show links to subpages: โชวลงคของเพจยอย
Allow attachments: อนญาตใหเพมไฟล
Allow comments: อนญาตใหผ ทมบญช Gmail สามารถเพมความคดเหนในแตละเพจได
คอ ชอของเพจ
คอ ลงคของเพจยอย
คอ การเพมไฟล
คอ การเพมความคดเหน
Copyright 2014 : by Google Apps Supporting Program Page 57
สามารถเพมความคดเหนในแตละเพจได