คู่มือการใช้งาน google site

คูม่ อื ใชง้ าน ครูอรวรรณ ทรงบณั ฑติ ย์

การวางโครงสรา้ ง Web site

คู่มอื ใชง้ าน Google site โครงสร้าง Site

ทาความรจู้ กั กบั Google site

ค่มู อื ใชง้ าน Google site Google Site 1. [email protected] 2.

3. คมู่ ือใชง้ าน Google site 1 2 4.

ค่มู ือใชง้ าน Google site สว่ นประกอบของ Google site

Create your site

Create your site.. คู่มือใช้งาน Google site 1. Site document name ป้อนชื่อทไี่ มซ่ ากนั เพ่ือติดตามเว็บไซต์ ชอื่ เอกสาร ของเวบ็ ไซตจ์ ะปรากฏให้คุณเห็นเทา่ นัน 2. Site name ชอื่ เวบ็ ไซตจ์ ะปรากฏในส่วนหวั และในแถบชื่อ หนา้ ตา่ งของเวบ็ 3. Page title แต่ละหนา้ ในเวบ็ ไซตข์ องคุณมชี อ่ื เรอ่ื งซึ่งจะปรากฏ ทด่ี ้านบนของหน้า และชื่อหน้ายังปรากฏในเมนนู าทางดว้ ย 1. T.orawan(ชอื่ ตัวเอง) 2 ช่อื ท่ีจะใชเ้ ปน็ ชอ่ื เวบ็ ไซต์ 3 54 4. การเปลยี่ นประเภทสว่ นหวั เมาส์ชีไ้ ปท่ีภาพพนื ้ หลงั และคลิกประเภทส่วนหวั (Header type) และ เลือกตวั เลือกต่อไปนี ้ หนา้ ปก แบนเนอร์ แบนเนอร์ ชอื่ เทา่ นนั ขนาดใหญ่

ค่มู ือใชง้ าน Google site 5. รูปแบบการแสดงผลของเมนู

ค่มู ือใชง้ าน Google site 6. เปลีย่ นภาพพนื หลงั 5 1. ไปที่ภาพพืนหลงั แล้วคลิกเปลี่ยนรูปภาพ รปู แบบการเลอื กภาพ 2. เลือกตวั เลือกต่อไปนี • หากตอ้ งการอัปโหลดรูปภาพจากคอมพิวเตอร์ ใหค้ ลกิ อัปโหลด • หากต้องการเลอื กรูปภาพจากแกลเลอรหี รือตาแหน่งอน่ื ใหค้ ลกิ เลอื กรปู ภาพ 3. (ไมบ่ ังคบั ) หากต้องการกลับไปทภ่ี าพพืนหลงั เดมิ ใหค้ ลิกรีเซ็ต

คูม่ ือใชง้ าน Google site 7. เพมิ่ โลโก้ โลโกจ้ ะปรากฏในแถบนาทางดา้ นบนถดั จากช่ือเวบ็ ไซต์ 1. ช้ีไปที่ดา้ นบนของส่วนหวั ของหนา้ เวบ็ แลว้ คลิกเพิ่มโลโก้ 2. คลิกอปั โหลด หรือเลือก 3. เลือกโลโกแ้ ลว้ คลิกเปิ ดหรือเลือก 4. (ไมบ่ งั คบั ) หากตอ้ งการเปลี่ยนสีของส่วนหวั ของหนา้ เวบ็ ใหค้ ลิกลูกศรลง และเลือกสีในหวั ขอ้ พืน้ หลงั 5.(ไมบ่ งั คบั ) หากตอ้ งการเลือกสีธีมตามโลโก้ ใหเ้ ลือกสีของธีมในหนา้ ตา่ งแก้ไขโลโก้ หมายเหตุ: ไฟลโ์ ลโกจ้ ะอยใู่ นรูปแบบ .jpg, .png หรือ.gif ก็ได้ เพอื่ ใหไ้ ดผ้ ลลพั ธ์ท่ีดีท่ีสุด ความสูงของโล ของโลโกค้ วรมีขนาดอยา่ งนอ้ ย 112 พิกเซล 8. เปล่ยี นธมี และรปู แบบตวั อกั ษร 1. คลิกธีมท่มี ุมขวาบน 2. เลือกธมี และเลอื กสี 3. คลกิ รปู แบบตวั อักษรและเลอื กรปู แบบ

คมู่ อื ใช้งาน Google site 9. เพม่ิ จัดลาดบั ใหม่ และวางซอ้ นหนา้ เวบ็ เพม่ิ หน้าเว็บสาหรับเนือ้ หาเพิ่มเติม แล้วเก็บข้อมลู ที่เกี่ยวข้องไว้ด้วยกนั โดยการวาง ซ้อนหน้าเวบ็ จากนนั้ หน้าเว็บท่ีซ้อนกนั จะปรากฏเป็นหวั ข้อย่อยของหน้าเว็บอ่ืน 1 การเพม่ิ หนา้ เวบ็ 1. คลกิ ที่แถบเครื่องมือทางขวา 2. จากนนั้ เลือก Pages และสร้าง New Page โดยคลิก ที่มมุ ขวาลา่ ง 2 จากนนั้ จะมีหน้าตา่ งโชว์ขนึ ้ มาให้ตงั้ ชื่อ เรยี งลาดบั หรอื ซอ้ นหนา้ ใส่ชอื่ หน้าทต่ี ้องการสรา้ ง สามารถลากหน้าเว็บขนึ ้ หรือลงในรายการเพื่อ ตงั้ ชื่อหน้าเว็บและคลิก Done เรียงลาดบั ใหม่ หากต้องการเพ่ิม URL ให้คลิกเพิ่มลงิ ก์ ลงิ ก์ หมายเหตุ: คณุ ซ้อนหน้าเวบ็ ได้เพียงห้าระดบั เท่านนั้ คณุ ซ้อนหน้าเวบ็ ที่ตงั้ เป็นหน้าแรกไมไ่ ด้ เลือกตวั เลอื กหนา้ เวบ็ ตงั เป็นหน้าแรก ในหวั ข้อหน้าเว็บ ให้เลือกหน้าเว็บและหน้าถัดจากนนั้ ทาซาหน้าเว็บ คลกิ เพม่ิ เติม เพม่ิ เตมิ และเลือกตวั เลือกดงั นี ้ เปลี่ยนชอ่ื หน้าเว็บ สรา้ งหน้ายอ่ ย ซอ่ นหนา้ เวบ็ หรอื หนา้ ยอ่ ย *หน้าเวบ็ ทต่ี ังเปน็ หนา้ แรกไมส่ ามารถซอ่ นได้ ลบหน้าเว็บออกจากเวบ็ ไซต์ **ไมส่ ามารถลบหนา้ เว็บที่ตังเปน็ หน้าแรกออกไม่ได้

คูม่ อื ใช้งาน Google site 10. เพิ่มเนอื หาไปยงั เวบ็ ไซต์ ทางด้านขวา ให้เลือกหน้าเว็บที่คณุ ต้องการเพม่ิ เนือ้ หาและเลือกตวั เลือกดงั นี ้ 1. ดบั เบลิ คลิกหน้าเวบ็ ที่คณุ ต้องการเพม่ิ เนือ้ หา 2. หรือคลกิ แทรกและเลือกเนือ้ หาท่ีคณุ ต้องการเพิม่

คู่มอื ใช้งาน Google site 11. แก้ไขขอ้ ความ หากต้องการแก้ไขข้อความหรือช่ือหน้าเวบ็ เพียงคลิกท่ีชอ่ งและปอ้ นข้อความใหม่ หรือจาก แถบเครื่องมือเหนือกลอ่ งข้อความ ให้เลือกตวั เลือกอ่ืน ตวั เลือกในการแก้ไข 12. การแกไ้ ขหวั ขอ้ เลือกท่ีส่วนท่ีตอ้ งการเปล่ียนแปลง 1. เปลยี่ นพืน้ หลงั สาหรับแต่ละส่วน - คลิกรูปแบบ และเลือกรูปแบบ และสามารถเลือกรูปภาพ เพือ่ เพิ่ม ภาพพ้นื หลงั ไดด้ ว้ ย 2. ย้ายส่วน - เมื่อคุณแทรกเน้ือหาใหม่ เน้ือหาน้นั จะเพิ่มลงในส่วนใหมห่ รือส่วนที่มีอยู่ หากตอ้ งการยา้ ยส่วน ดงั กล่าวข้ึนหรือลง ใหค้ ลิกยา้ ยส่วน และลากส่วนท่ีคุณตอ้ งการ 3. ทาสาเนาส่วน - คลิกส่วนที่ซ้ากนั และคุณยงั คดั ลอกและวางส่วนลงในหนา้ อ่ืนในเวบ็ ไซตไ์ ดอ้ ีกดว้ ย 4. เพม่ิ ส่วนท้าย - เล่ือนไปดา้ นล่างของหนา้ เวบ็ และคลิกเพ่ิมส่วนทา้ ย ส่วนทา้ ยจะปรากฏในทุกหนา้ ของ เวบ็ ไซต์ ช้ีไปที่ส่วนทา้ ยและคลิกแกไ้ ข เพือ่ แกไ้ ข หากตอ้ งการซ่อนส่วนทา้ ยของหนา้ เวบ็ ใหช้ ้ีไปท่ีส่วนน้นั และ คลิกซ่อนส่วนทา้ ย

ค่มู ือใชง้ าน Google site

คู่มอื ใชง้ าน Google site การฝังวดี ีโอคลิป จาก Youtubeลงในเวบ็ ไซต์ 1. กดเลือก Video search จากนนั พมิ พ์ เพื่อคน้ หา วีดีโอคลปิ 2. เมอื่ เจอคลปิ ที่ต้องการ กดเลือกคลิป 3. คลิกเลือก Select 1 2 3 Coding

1 คู่มือใชง้ าน Google site 2 3 4 1. กดเลือก Maps 2. จากนนั พมิ พ์ คน้ หาตาแหน่งทต่ี ัง 3. จากนนั กด Drop a placemark 4. คลิกเลือก Select เป็นอันเสร็จสิน

คมู่ ือใช้งาน Google site 1. กดเลือก Calendar 2. จากนันเลือกปฏทิ ิน 1 123 2 1. เปิดในแทปใหม่ 2. การตงั คา่ ปฏิทิน 3. ลบปฏิทิน

คู่มอื ใชง้ าน Google site 13. แกไ้ ขรปู ภาพ วิธีการปรับขนาดรูปภาพ เลือกรูปภาพจากนนั้ ลากด้านข้างหรือมมุ ของรูปภาพ กดแปน้ Shift ค้างไว้ขณะลากเพื่อรักษาสดั สว่ นรูปภาพ วธิ ีการครอบตัดรูปภาพ 1.เลือกรูปภาพแล้วเลือกครอบตดั 2.เลื่อนจดุ เพ่ือซมู เข้าหรือออก 3.ลากรูปภาพเพ่ือเปลี่ยนสว่ นท่ีมองเหน็ ได้ 4.คลิกเสร็จสิน้ 5.(ไมบ่ งั คบั ) หากต้องการยกเลกิ การครอบตดั รูปภาพ ให้เลือกรูปภาพแล้วคลิกยกเลิกการครอบตดั 14. เลือกเลยเ์ อาต์ คลกิ เลย์เอาต์ที่ด้านขวา แล้วเลือกเลย์เอาต์แบบอื่นสาหรับส่วนต่างๆ ของหน้าเว็บ

15. สร้างและแทรกไสลดร์ ปู ภาพ คู่มือใชง้ าน Google site 1.เลือก Image carousel 1 2 3 1.เลือก Image carousel 2.เลือก + เพ่ือแทรกรูปภาพ สามารถเพิม่ ได้หลาย ๆ รูป ในกรณีต้องการให้มีการเปล่ียนรูป ต้องมีรูปอยา่ งน้อย 2 รูป 3.เลือกแทรก 4 . การตงั้ คา่ การแสดงผล แสดงจดุ เลน่ อตั โนมตั ิ

16. สรา้ งและแทรกไสลดร์ ปู ภาพ คู่มือใชง้ าน Google site 1.เลือก Button 3 1 2 2. ใสช่ ื่อป่มุ และลงิ ค์ 3.เลือกแทรก ตวั อยา่ ง

ค่มู ือใช้งาน Google site 17. การเพมิ่ ลงิ ก์ มหี นา้ เว็บ https://www.google.com ไม่มีหนา้ เวบ็

คมู่ อื ใช้งาน Google site 18. แชรแ์ ละทางานรว่ มกนั 1.เลือกตวั เลอื กตอ่ ไปนี • หากตอ้ งการแชรเ์ วบ็ ไซตจ์ าก Sites ใหค้ ลิกเพ่มิ บุคคล • หากตอ้ งการแชรเ์ วบ็ ไซต์จากไดรฟ์ ใหเ้ ลอื กไฟลข์ องเว็บไซต์ในไดรฟแ์ ละคลกิ แชร์ 2.เลือกบคุ คลเพอ่ื แชรเ์ วบ็ ไซต์ • หากต้องการตังค่าสทิ ธใิ์ นองคก์ ร: ในหัวขอ้ ผทู้ ม่ี สี ทิ ธเ์ิ ขา้ ถงึ ใหค้ ลิกเปลย่ี น เลอื ก ตวั เลือกการแชร์ และคลิกบนั ทกึ จากนนั คณุ คดั ลอกและวางลิงกไ์ ปยังเว็บไซตด์ ังกล่าวลง ในอีเมลหรอื ข้อความแชทได้ • การตังคา่ สิทธส์ิ าหรบั บคุ คล: ในช่องเชิญผอู้ นื่ ใหป้ ้อนชอ่ื หรอื อเี มลของผูใ้ ชใ้ นองค์กร ท่ีคณุ ต้องการแชรเ์ วบ็ ไซต์ แล้วคลิกส่ง เสรจ็ สนิ 3.เปลยี่ นสทิ ธข์ิ องผใู้ ช้ • หากต้องการใหส้ ิทธ์ิ ใหค้ ลกิ ลูกศรลง ถดั จากชื่อของบคุ คลนันและเลอื กระดบั สิทธ์ิ • หากตอ้ งการนาสทิ ธ์ิออก ให้คลกิ ลูกศรลง ถัดจากช่ือบุคคลนันและคลิกนาออก 4.(ไม่บงั คบั ) หากต้องการจากดั ผแู้ กไ้ ขไมใ่ หเ้ ผยแพร่ เปลี่ยนแปลงสทิ ธิเ์ ข้าถึงเว็บไซต์ หรอื เพ่มิ บคุ คลใหม่ ใหค้ ลิกชอ่ งถดั จากปอ้ งกนั ไมใ่ หผ้ แู้ กไ้ ขเผยแพร่ เปลี่ยนแปลงสทิ ธเิ์ ขา้ ถงึ และเพมิ่ บคุ คลใหม่ คลกิ บันทกึ การเปลยี่ นแปลง เสรจ็ สนิ วิธกี ารหยดุ การแชรเ์ วบ็ ไซต์ 1.เปดิ เวบ็ ไซต์และคลกิ แชร์ ท่ีดา้ นบน 2.ในหัวขอ้ ผ้ทู ่มี ีสทิ ธเิ์ ขา้ ถงึ ใหค้ น้ หาบคุ คลทคี่ ุณตอ้ งการนาออก 3.ถัดจากชือ่ บคุ คล ให้คลิกลบ บันทกึ การเปลย่ี นแปลง เสรจ็ สนิ

19. การเผยแพร่ (Publish) ค่มู ือใช้งาน Google site 1 คลกิ ปมุ่ 2 3 การต้ังชือ่ URL ในทีน่ คี้ อื https://sites.google.com/rayongwit.ac.th/t-chickapoo 3 ...../ rayongwit.ac.th/t-chickapoo 4 ตังค่าการเผยแพร่ 5 เผยแพร่ rayongwit.ac.th