7.6. From Drive (จากไดรฟฟ) ป่มุทป (From Drive) ใชแร้ ทรกเนตชอั้ หาตร่างๆทม่ืลช าจาก Drive เมอช่ื คลิลกทปลื่ช มท่ปุ จะปรากฎกรอบทืชล่ Sidebar ตวต อยา่ร งตามภาพทืช่ล 65 การแทรกไฟลคจ์ าก Drive ลงในหนร้าเววบ็ จะต้รองกสาหนดสลทิ ธิลการเขรา้ ถถงึ ไฟล์ค(หรอช การแชร์คไฟลค์) ใหร้ สอดคลร้อง ไม่รเช่รนนันต้ แมจ้ร ะอยรใู่ด นหนรา้ เว็วบกว็อาจดูดไมไ่ร ดร้ เปนป็ ตรน้ ภาพทช่ืีร 65 ภาพทล่ืช 66 เป็ปนตวต อยาร่ ง ผลลพต ธคห์ ลงต แทรกไฟลคจ์ าก Drive แล้วร ภาพท่ืรชี 66 โดย วสสันตต์ คคณุ ดลิด กเศวต ([email protected]) 51
ภาพทืล่ช 67 เป็ปนไฟล์ค pdf จาก Drive ทืลอช่ ยรู่ใด นเวว็บไซตทค์ ชื่เล ผยแพร่แร ลร้ว ภาพท่ืชีร 67 7.7. Layouts (การออกแบบ) Layouts (การออกแบบ) ใช้รแทรก Section ทลื่ชมลองค์คประกอบหลายตตว พรร้อมจตดตาส แหน่รงใหร้ด้รวย ซื่ชึถงเรา จะเรลยกกนต วา่ร วางเลย์ตเอาทต์ โดยวางเลยเค์ อาทค์มใล หรเ้ ลชอก 6 แบบดว้ร ยกตน ตามภาพทลื่ช 68 ภาพทื่ชีร 68 ภาพทชล่ื 69 เป็ปนตวต อยร่างการแทรกเลยเค์ อาท์ค แบบท่ชืล 2 ( ) ภาพทรีชื่ 69 52 การใช้ชงาน Google Sites
เมื่ชอได้รเลยค์เอาท์คมาแลร้ว ก็ใว ห้รเราแทรกสืลิช่งต่รางๆลงในกรอบต่รางๆ หากเปป็นข้รอความกว็ให้รแกร้ไขขร้อความตาม ตอ้ร งการ ภาพท่ืลช 70 เปป็นผลลตพธ์หค ลตงใสเ่ร นชัอ้ต หาลงในกรอบตาร่ งๆแลร้ว ภาพทชรื่ี 70 7.8. Collapsible text(ขอ้ห ความแบบบยุบย ได้ห) ป่ปุม (Collapsible text) ใช้รแทรกกรอบพิลมพ์คข้รอความทล่ชืสามารถยทุบไดร้ เหมาะกตบการพิลมพ์คขร้อความ ยาวๆ เมื่อช คลลิกทปืช่ล มุ่ปท จะปรากฎกรอบ Collapsible text ทตนทล ตวต อย่รางตามภาพทลื่ช 71 ภาพทืีรช่ 71 ภาพทลื่ช 72 เปปน็ ขร้อความทถชืล่ ูดกยุทบ ภาพที่ืรช 72 ภาพทลช่ื 73 เปน็ป ขอร้ ความทช่ืลถดูกคลายออกมาดดู ภาพทรี่ืช 73 53 โดย วสสันต์ต คุคณดดิลกเศวต ([email protected])
7.9. Table of contents (สารบตญ) ปปุมท่ (Table of contents) ใช้รสราร้ งสารบตญจากเนตัช้อหาในหน้ราเวว็บ โดยจะดึถงเฉพาะขร้อความทลช่ืใชร้สไตลค์ Title, Heading และ Subheading เท่าร นั้นต หากเนัช้ตอในหน้าร เว็วบเปลชลื่ยนสารบตญจะอพต เดทตามอตต โนมตต ิล ภาพทื่ลช 74 เปป็นตวต อย่าร งเนอตชั้ หาในหน้าร เวบ็ว ภาพทรชื่ี 74 เม่ชอื คลกลิ ทป่ชลื ุ่ปมท (Table of contents) จะปรากฎสารบญต ทนต ทล ตวต อย่รางตามภาพทชล่ื 75 ภาพทรชื่ี 75 54 การใชช้งาน Google Sites
การเลืคอกสไตลต์ย่อค หน้หา ขณะทสางานกบต องค์คประกอบท่ืชลมขล ้อร ความ จะปรากฎแถบเครื่อช งมอช ตวต อยา่ร งตามภาพทช่ืล 76 เราสามารถ สามารถเลอช กสไตล์ยค ่รอหน้ราให้รกตบขรอ้ ความไดทร้ ืชแ่ล ถบเครชอ่ื งมอช นัล้ต ตวต เลอช กทม่ชลื ลให้รเลชอกก็วคอช Title, Heading, Subheading, Normal text และ Small ภาพทชืีร่ 76 7.10. Image carousel (ภาพหมยุน) ปุ่ทปม Image carousel (ภาพหมปน) ใขร้แทรกเน้ชตัอหาทืชล่เป็ปนภาพหมุทนเวลยน เปลื่ลชยนภาพอตตโนมตตลิ โดย เราสามารถตตัง้ ความเรวว็ ในการเปลยช่ืล นภาพได้ร 4 ระดตบ กคว็ อช Very fast, Slow, Medium, Fast เมช่ือคลลิกทลช่ืปุ่ปทม Image carousel จะปรากฎหนร้าต่ราง Insert images มาใหร้เลชอกภาพทื่ชลจะใช้รทสาเปป็น ภาพหมทนุ เวยล น ตวต อย่รางตามภาพทลื่ช 77 ทลื่หช นร้าตาร่ ง Insert images ตามภาพทชลื่ 77 คลลิกท่ชืลปปุ่ทม เพอื่ช เลชอกภาพ ภาพทชื่ีร 77 โดย วสนัส ตต์ คุณค ดิดลกเศวต ([email protected]) 55
ปุ่ทปม (Settings) ในหนร้าต่ราง Insert images ใชร้ตต้ังค่ราภาพหมทุน เมชื่อคลิลกจะปรากฎหน้ราต่ราง Edit carousel ตวต อยาร่ งตามภาพท่ืชล 78 ภาพทืชีร่ 78 คณุท สมบตต ิลทชื่มล ใล หตร้ งตั้ ครา่ มดล งต ต่รอไปน้ัลต Show dots (แสดงจปด) : แสดงจทุดทลชื่ด้รานล่ราง เป็ปนตตวบ่รงบอกลาส ดตบอขงภาพ และจาส นวนของภาพหมุทน ทัต้งหมด Show captions (แสดงคสาบรรยายภาพ) : แสดงคสาบรรยายภาพ(Caption) แต่ตร ้รองใสรใ่ หรก้ รอ่ น โดยทื่ลช หนรา้ ตา่ร ง Insert images/Edit carousel(กรณแท กช้ไข) คลกลิ ทืล่ช ปมุ่ป → Add caption จะปรากฎหนร้าตา่ร งมา ใหร้กรอกคาส บรรยายภาพ ตวต อยา่ร งตามภาพทชลื่ 79 ภาพทชื่ีร 79 56 การใช้งช าน Google Sites
Auto start (เรีมพิ่ท ตน้ช อตร โนมรติพ) : ภาพจะหมทุนเวยล นอตต โนมตต ิล ถ้ราตกติล๊ ออกภาพจะไม่หร มุนท เวลยน หากต้รองการ เปลลยช่ื นภาพตร้องคลิลกเปล่ยืชล นภาพเอง Transition speed (ความเร็ววของการเปลทยี่ นสไลด์พ) : ใชร้เลชอกความเรว็ว ในการหมนุท เวยล นภาพ (ตวต เลชอกนตั้ล จะทสางานไดร้ ตอร้ งติลก๊ต ทลชื่ Auto start ดว้ร ย) ภาพทื่ชล 80 เปนป็ ตวต อยาร่ งภาพหมนุท ในหน้าร เว็วบทเ่ืชล ผยแพรรแ่ ลร้ว ภาพท่รืชี 80 7.11. Button (ปปุม่ย ) ปุม่ปท (Button) ใช้สร ราร้ งปุปทม่ ทืชลม่ ลล ลิงค์ค เพอชื่ โดดไปยตงหน้ราเวบว็ อืชน่ ๆ หรชอโดไปยตงเวว็บตาร่ งๆ เมชอื่ คลิลกทืชล่ปท่มุป (Button) จะปราฎหน้าร ตาร่ ง Insert button มาใหร้ตตงั้ คา่ร ตาร่ งๆของปปทุ่มทลจ่ืช ะสรา้ร ง ตวต อยา่ร งตามภาพท่ลืช 81 ภาพทชีรื่ 81 โดย วสสนั ต์ต คุคณดดิลกเศวต ([email protected]) 57
ภาพทลชื่ 82 เป็ปนตวต อยา่ร งปปุทม่ ทลอช่ื ยรู่ใด นหน้าร เวว็บ ภาพทร่ีชื 82 7.12. Devider(ตตวแบคง่ ) ปุปท่ม (Devider) ใช้รแทรกเส้รนแบ่รงลงในหนร้าเวว็บ เมชื่อคลลิกท่ลชืปปทุ่มจะปรากฎเสร้นแบร่งทตนทล ตตวอย่รางตาม ภาพทลื่ช 83 ภาพทรีชื่ 83 7.13. Youtube ปทุป่ม (Youtube) ใช้รแทรกวลิดลโอจาก Youtube เมชื่อปทุป่ม จะปรากฎหน้ราต่ราง Select a file มาให้รค้รนหา วดิล โล อใน Youtube ทจ่ชลื ะแทรก ตวต อยาร่ งตามภาพทื่ชล 84 ภาพทีร่ืช 84 58 การใช้งช าน Google Sites
ภาพทลืช่ 85 เป็ปนตวต อยร่างวดิล ลโอทื่ลแช ทรกลงในหนา้ร เวว็บ ปทุป่ม (Settings) ใช้รตต้ังค่าร วิดล ลโอ เมชื่อคลลิกทชลื่ปุปท่มจะปรากฎหน้ราตร่าง Youtube Video Settings ตามภาพ ทล่ชื 86 ภาพท่ชีรื 85 ภาพทชื่ีร 86 Hide controls (ซอ่ต นปปมุ่ ควบคปม) : ใช้รเลชอกการซร่อนป่ทุปมควบคทุม ตวต เลชอกทมืชล่ กล คว็ อช Normal(ปกตลิ-แถบ แสดงความคชบหนรา้ คอ่ร ยๆจางไป), Slide out of view(เลชือ่ นออกจากมทมุ มอง), (Don’t hide) ไมต่ร ้อร งซร่อน Proguess bar color (สทของแถบแสดงความคชบหน้าช ) : ใชร้เลอช กสใล หร้กตบแถบความคชบหน้รา ตวต เลชอกท่มลชื กล ็ว คชอ สแล ดง, สลขาว สวพทิ ชพ์ Allow Fullscreen (อนญป าตใหช้เปิดป เตมว็ หนา้ช จอ) : เมอ่ชื เปดปิ จะสามารถเปิดป ดูดแบบเต็มว หนา้ร จอได้ร 7.14. Calendar (ปฏวทิ นิว ) ปุ่ปทม (Calendar) ใช้รแทรกปฏิลทิลนลงในหน้ราเวว็บ เมืช่อคลลิกทืชล่ปทุป่ม จะปรากฎรายการปฎิลทลินมาให้รเลชอกใน Sidebar ตวต อยาร่ งตามภาพทช่ลื 87 ปฏลทิ ลินทช่ลืเราจะแทรกลงในหนร้าเวว็บ เราจะต้รองกาส หนดการเข้ราถถึงปฏิลทิลน(การแชรค์) ให้รเหมาะสม ไม่รเชร่นน้ตัน อาจจะมองไม่เร ห็วนปฏลทิ ลนิ เช่นร ดดูไดร้แบบแบบสาธารณะ หรชอ ดไูด ดร้เฉพาะบุคท คลทืร่ลช ะบุทเทาร่ นตั้น เปป็นตนร้ โดย วสสนั ต์ต คุคณดิลด กเศวต ([email protected]) 59
ภาพทชีรื่ 87 ภาพทลชื่ 88 เป็ปนปฏิลทนลิ ทลชื่แรกลงในหน้าร เวว็บ ภาพทชื่รี 88 ปป่มุท (Settings) ใชตร้ ต้งั ค่าร ปฏิทล ลิน เมืช่อคลกิล ทื่ปชล ปุ่มท จะปรากฎหนร้าต่าร งตามภาพทลชื่ 89 60 การใชง้ช าน Google Sites
ภาพทีรช่ื 89 Show Title : แสดงชอืช่ ของปฏิลทินล ตามภาพทชลื่ 88 ชช่อื ปฏิลทินล ก็วคชอ WK_Project_A Show Date : แสดงวตนทื่ลช ทลืชบ่ ริลเวณดา้ร นบนของปฏลิทินล ซงชถึื่ ใชร้เปนป็ Dropdwon เลอช กวนต ทชื่ลไดดร้ วร้ ย ตาม ภาพทลชื่ 88 กค็ว อช Dropdown Navigation Buttons : แสดงปมป่ทุ ทล่ชืใช้เร ปลยชลื่ นหนรา้ ปฏิทล ลนิ ตามภาพทชลื่ 88 กค็ว อช ปมปุ่ท Show Timezone : แสดงโซนเวลา Use Viewer’s Timezone : แสดงโซนเวลาของผร้ดดู ดู View Selection : แสดงตวต เลอช กมุมท มอง ตามภาพทลช่ื 88 กค็ว ชอ View Mode : โหมดมมทุ มอง ตวต เลชอกทมชืล่ กล คว็ ลิอ Month, Week และ Agenda โดย วสัสนตต์ คคณุ ดิดลกเศวต ([email protected]) 61
7.15. Map (แผนทีร่ืช) ปมทุป่ (Map) ใชแ้ร ทรกแผนท่ืชลล งในหน้ราเว็วบ เมือ่ช คลิกล ทปชื่ล มทุ่ป จะปรากฎหนรา้ ตาร่ ง Select a map มาให้ร ค้นร หาตสาแหน่งร ทตช่ลื อร้ งการจะแสดงแผนทชล่ื ตวต อยร่างตามภาพท่ืชล 90 ภาพทร่ืชี 90 ภาพทลชื่ 91 เป็ปนตวต อยร่างแผนทลท่ืช ืชล่อยด่รูในหนรา้ เว็วบ ภาพท่รีชื 91 62 การใชชง้ าน Google Sites
7.16. Docs ปทุป่ม (Docs) ใช้รแทรกเอกสาร Google Docs ลงในหนร้าเวว็บ เอกสารทชื่ลจะแทรกลงในหน้ราเว็วบ เราจะ ตอ้ร งกสาหนดการเขา้ร ถงึถ (การแชร์ค) ใหเร้ หมาะสม ไม่รเชร่นนนตั้ อาจจะมองไมเ่ร ห็วน การต้ัตงคาร่ การแชร์เค ชนร่ ดดูไดแร้ บบแบบ สาธารณ, ดูได ดร้เฉพาะผใู้รด ชง้ร านในองคกค์ ร(โดเมนเดยล วกตน) หรชอ ดไูด ดร้เฉพาะบคุท คลทรชล่ื ะบุทเทรา่ นตั้น เป็ปนตร้น เม่ชือคลิลกท่ลืชปุท่ปม จะปรากฎรายการของไฟล์คเอกสาร Google Docs มาให้รเลชอกใน Sidebar ตตวอยร่างตาม ภาพทลืช่ 92 ภาพทรีชื่ 92 ภาพท่ืชล 93 เปนป็ ตตวอยาร่ งเอกสาร Google Docs ทืลชอ่ ยด่รูในหน้าร เวว็บ ภาพทืช่รี 93 โดย วสนสั ต์ต คณุค ดลดิ กเศวต ([email protected]) 63
7.17. Slides ปุ่ทปม (Slides) ใชร้แทรกเอกสาร Google Slides ลงในหนร้าเว็วบ โดยเอกสารทล่ชืจะแทรกลงในหน้ราเว็วบ เราจะต้รองกาส หนดการเขร้าถถึง(การแชรค์) ให้รเหมาะสม ไมร่เชร่นน้ตัน อาจจะมองไม่รเหว็น การตัต้งคร่าการแชรค์เชร่น ดูดได้ร แบบแบบสาธารณ, ดไดู ด้เร ฉพาะผใ้รดู ชง้ร านในองค์กค ร(โดเมนเดลยวกนต ) หรอช ดดไู ดเ้ร ฉพาะบคทุ คลทชื่รล ะบทุเทา่ร น้นัต เปน็ป ตน้ร เมช่ือคลลิกทืลช่ป่ทุปม จะปรากฎรายการของไฟล์คเอกสาร Google Slides มาใหร้เลชอกใน Sidebar ตตวอย่รางตาม ภาพทชื่ล 94 ภาพท่ชรีื 94 ภาพท่ืชล 95 ภาพทีช่ืร 95 ปุทป่ม (Settings) ใชตร้ งต้ั ครา่ Slides เม่อชื คลลกิ ท่ปืลช ุม่ทป จะปรากฎหน้ราตร่างตามภาพทล่ืช 96 64 การใชง้ช าน Google Sites
ภาพทีร่ชื 96 Auto Start : เลร่นสไลดค์แบบอตต โนมตต ลิ Loop Playback : (ทาส งานเมชอ่ื เปปดิ ใชร้ Auto Start) เมชอ่ื เล่นร สไลดค์จนจบ จะวนกลตบมาเลน่ร หนรา้ แรกใหมร่ Delay Time : (ทสางานเมชอ่ื เปปดิ ใช้ร Auto Start) หนร่วงเวลาตามทลชื่กาส หนด กอร่ นเล่รนสไลดต์ค ่อร ไป Starting Slide : หน้าร สไลดทค์ จชล่ื ะใช้รเปป็นหนร้าเร่ืมิลช ต้นร 7.18. Sheets ป่ทุปม (Sheets) ใชร้แทรกเอกสาร Google Sheets ลงในหนร้าเวว็บ โดยเอกสารทชล่ืจะแทรกลงในหนร้าเว็วบ เราจะตร้องกสาหนดการเขร้าถึถง(การแชร์ค) ใหร้เหมาะสม ไม่รเชร่นนตั้น อาจจะมองไม่รเห็วน การต้ตังคร่าการแชรค์เชร่น ดูดไดร้ แบบแบบสาธารณ, ดูดได้รเฉพาะผดใรู้ ชงร้ านในองคก์ค ร(โดเมนเดยล วกตน) หรอช ดไดู ดรเ้ ฉพาะบทคุ คลทรื่ลช ะบุเท ทรา่ นตัน้ เป็ปนตน้ร เมืช่อคลิลกท่ชปลื ุ่มทป จะปรากฎรายการของไฟล์เค อกสาร Google Sheets มาใหเร้ ลชอกใน Sidebar ตวต อยาร่ งตาม ภาพทชื่ล 97 ภาพทร่ีชื 97 โดย วสนัส ต์ต คณุค ดลิด กเศวต ([email protected]) 65
ภาพท่ลชื 98 ภาพทีช่รื 98 ปทปุม่ (Settings) ใชต้ร ัต้งคาร่ Slides เมอชื่ คลกลิ ทชลื่ปุ่ปทม จะปรากฎหนรา้ ตาร่ งตามภาพทืลช่ 99 ภาพทชี่รื 99 Sheet : ใช้เร ลอช กช้ัตลททจ่ชืล ะแสดงเปนป็ หนา้ร แรก บนเวว็บ 7.19. Forms ปุ่ปทม (Forms) ใช้รแทรก Form ลงในหนร้าเวว็บ โดย Form ทชลื่จะแทรกลงในหน้ราเวว็บ เราจะตร้อง กสาหนดการเขร้าถถึง(การแชรค์) ใหร้เหมาะสม ไมร่เชร่นน้ตัน อาจจะมองไมร่เห็วน การตต้ังคร่าการแชรค์เชร่น ดูดไดร้แบบแบบ สาธารณ, ดไดู ด้รเฉพาะผ้ใรดู ชงร้ านในองคคก์ ร(โดเมนเดลยวกตน) หรอช ดไดู ด้เร ฉพาะบคทุ คลทืชร่ล ะบุทเทา่ร นันต้ เป็นป ต้รน เมื่อช คลลกิ ทืชลป่ ุปมท่ จะปรากฎรายการของ Forms มาให้รเลอช กใน Sidebar ตวต อยา่ร งตามภาพท่ืลช 100 66 การใช้งช าน Google Sites
ภาพทื่ีรช 100 ภาพทลื่ช 101 เป็นป ตวต อยาร่ ง Forms ทลชื่อยู่รดในหนา้ร เวว็บ ภาพทชรีื่ 101 โดย วสสันต์ต คณคุ ดดิลกเศวต ([email protected]) 67
7.20. Charts (แผนภดมู วิ) ปทุ่ปม (Charts) ใชร้แทรกแผนภดูมลิลงในหน้ราเวว็บ เมื่ชอคลลิกทืชล่ปทุป่ม จะปรากฎรายการของไฟลค์มาให้รเลชอก ตตวอยร่างตามภาพท่ืชล 102 เนื่ชองจากไม่รมลแอพสสาหรตบแผนภูดมลิโดยตรง จึถงตร้องเลชอกแผนภูดมลิท่ลืชสรร้างไว้รในไฟลค์อืช่นๆ ของ Google Apps เช่นร แผนภมูด ลทิ ลชื่สรา้ร งไวร้ในไฟล์ค Google Sheet เปปน็ ตร้น ภาพทีรชื่ 102 หากในไฟลค์ Google Apps ทื่เชล ลชอก มแล ผนภูมด ขลิ ้าร งในจะปรากฎแผนภดมู ิตล าร่ งๆมาใหร้เลอช ก ตตวอยาร่ งตามภาพ ทล่ืช 103 ภาพท่ืชีร 103 68 การใชงช้ าน Google Sites
ภาพทชื่ล 104 เป็นป ตวต อยา่ร งแผนภูมด ลิทชื่อล ยดูร่ในหนาร้ เว็วบ ภาพท่ืชีร 104 โดย วสนสั ต์ต คุณค ดดิลกเศวต ([email protected]) 69
70 การใช้งช าน Google Sites
Search
