การสร้างเว็บไซต์ด้วย Google sites

จัดทำโดย นำงสำวใบยำ ปรำกฎชือ่ ปี2 หม2ู่

คำนำ หนังสอื อเิ ลก็ ทรอนกิ สเ์ ล่มนจ้ี ดั ทำขน้ึ เพือ่ เปน็ สว่ นหนงึ่ ของวิชำกำรจัดระบบ คอมพวิ เตอร์ในสถำนศกึ ษำเพอ่ื ให้ได้ศกึ ษำหำควำมร้ใู นเรอ่ื งกำรสร้ำงเว็บดว้ ย Google Sites และได้ศกึ ษำอยำ่ งเข้ำใจเพอ่ื เป็นประโยชนก์ บั กำรเรยี น ผู้จดั ทำหวงั วำ่ จะเปน็ ประโยชนก์ บั ผอู้ ำ่ น หรือนักเรียน นักศกึ ษำ ทกี่ ำลังหำ ขอ้ มลู เรอื่ งนอ้ี ยหู่ ำกมีขอ้ แนะนำหรือข้อผิดพลำดประกำรใด ผู้จัดทำขอน้อมรบั ไว้และขออภยั มำ ณ ท่ีนดี้ ้วย ผู้จัดทำ



สำรบัญ หนำ้ เรอื่ ง 1 ควำมรเู้ บ้ืองตน้ เก่ยี วกบั Google site 5 สรำ้ งไซต์ ดว้ ย Google site - เร่ิมต้นกำรสร้ำงไซต์ 6 - กำรเพม่ิ สว่ นหัวของไซต์ 8 - กำรเพม่ิ หน้ำเวบ็ ในไซต์ 10 - กำรแกไ้ ขหนำ้ เวบ็ 14 - กำรสรำ้ งและแทรก Google Form 20



ควำมรู้เบื้องตน้ เก่ยี วกับ Google site

2 ควำมรู้เบื้องตน้ เกี่ยวกับ Google site กำรสรำ้ งเว็บไซตด์ ้วย คอื เวบ็ ไซตข์ อง Google เปน็ โปรแกรมออนไลนท์ ท่ี ำใหก้ ำรสร้ำงเว็บไซตใ์ หง้ ่ำยขึน้ เหมอื นกบั กำรแก้ไขเอกสำร ธรรมดำ ๆ ด้วย Google Sites สำมำรถรวบรวมควำมหลำกหลำยของข้อมลู ในท่ี เดยี ว เชน่ รวมวดิ ีโอ ปฏิทินกำรนำเสนอ เอกสำรหรือสงิ่ ท่ีแนบ และขอ้ ควำม อำนวย ควำมสะดวกให้คณุ ร่วมกนั ดู หรือแกไ้ ขหนำ้ เวบ็ จะเป็นกลุม่ เลก็ ๆ หรือท้งั องคก์ รของ คณุ หรอื จะทั้งโลกเลยกไ็ ด้

3 ควำมรเู้ บ้อื งต้นเกยี่ วกบั Google site รู้จักกเู กิ้ลไซต์ (Google Sites) · Google Sites ใหบ้ ริกำรครงั้ แรกเม่อื เดือนพฤษภำคม 2551 · สร้ำงเวบ็ ไซต์ได้สุดแสนจะง่ำยดำย ใช้เวลำไม่ก่ีนำทีก็โชว์ ผลงำนได้ · ไมจ่ ำเปน็ ตอ้ งร้ภู ำษำเขียนเวบ็ (HTML) ให้ปวดหวั แคใ่ ช้ เวริ ด์ พมิ พง์ ำนเป็นก็เร่ิมได้เลย แถมเมนเู ปน็ ภำษำไทยอกี ตำ่ งหำก · มีแบบเทมเพลตสำเรจ็ รูปให้เลอื กมำกมำย คล้ำย ๆ กับแบบ สำเรจ็ เพำเวอรพ์ อยต์ · สำมำรถแชร์เว็บให้เพือ่ น ๆ ร่วมสร้ำงสรรค์ได้ · เปน็ ระบบท่คี รอบคลมุ เอำมำใช้ด้วยกันไดเ้ ลย เช่น อีเมล์ (Gmail) ปฏิทนิ (Calendar) · เอกสำร (Documents) ยทู ปู (YouTube) อัลบมั้ ภำพ (Picasa) แผนท่ี (Map) ฯลฯ

4 ควำมรเู้ บ้ืองต้นเก่ียวกบั Google site น่ีคือส่ิงทค่ี ุณสำมำรถดำเนนิ กำรไดก้ บั Google Sites · กำหนดรปู ลักษณ์ของเว็บไซต์ของคุณ · สร้ำงเพจยอ่ ยเพ่อื ใหเ้ นอ้ื หำของคุณจดั เผน็ ระเบยี บ · เลอื กประเภทเพจ เวบ็ เพจประกำศ, ตเู้ กบ็ เอกสำร · ให้เนอื้ หำในเวบ็ ของคณุ (เช่น วิดีโอ เอกสำร ออนไลน์ Picasa แสดงสไลด์ภำพถำ่ ย, gadgets iGoogle) และไฟลแ์ บบ ออฟไลนใ์ นตำแหนง่ กลำงหนง่ึ · ให้เวบ็ ไซตข์ องคุณเป็นสว่ นตัวหรือสำธำรณะตำมทค่ี ุณต้องกำร · ค้นหำใน Google เน้อื หำของเว็บไซต์ที่มีเทคโนโลยกี ำร คน้ หำ Google · เรียนรู้พ้ืนฐำนของ Google เว็บไซตแ์ ละเร่มิ ตน้ สร้ำง เวบ็ ไซต์ของคุณเอง · Google Sites เป็นแอปพลเิ คชันออนไลนท์ ที่ ำให้กำรสร้ำง เวบ็ ไซต์ของทมี กลำยเป็นเรอ่ื งงำ่ ย · แกไ้ ขเอกสำร เม่ือใช้ Google Sites ผู้คนสำมำรถรวบรวม ข้อมูลทหี่ ลำกหลำยไว้ในท่ีเดียวได้อยำ่ งรวดเรว็ ได้แก่ วดิ ีโอ ปฏิทนิ งำน นำเสนอ ไฟล์แนบ และข้อควำม และสำมำรถใช้งำนรว่ มกบั กล่มุ เล็ก ๆ ทั้ง องคก์ รหรือทงั้ โลก เพ่อื ดูหรือแกไ้ ขได้อย่ำงง่ำยดำย · Free Accountไว้ท1่ี 00 MB - พื้นที่จัดเก็บ 10 GB* (GB=กกิ ะไบต์) - ขนำดไฟลส์ งู สดุ 10 MB (MB=เมกกะไบต์) - จำนวนหน้ำเวบ็ เพจไมจ่ ำกดั กำรใชง้ ำน Google site

5 สรำ้ งไซตด์ ว้ ย Google site

สรำ้ งไซต์ ด้วย Google site

เร่มิ ตน้ กำรสรำ้ งไซต์

7 เรม่ิ ตน้ กำรสร้ำงไซต์ 1. คลกิ สร้ำง >> เลือก ใน site แบบคลำสสกิ 2. กำรสร้ำงไซต์ 1. พิมพช์ อ่ื ไซต์ของเรำ 2. เปล่ยี นชือ่ ภำษำองั กฤษ โดยเพ่มิ ชื่อเรำต่อท้ำย 3. คลกิ เครื่องหมำยถกู 4. คลกิ สร้ำง 3. กำรจัดกำรไซต์ 4. คลิกเลอื กเครอ่ื งหมำยถูก ออก - คลิก กำรทำงำนอน่ื ๆ(m) - เลือก จดั กำรไซต์ 5. กำรกำหนดคำ่ กำรคน้ หำ 6. กำรใช้งำน Them 1. เลอื่ นเมำ้ ส์ลงมำด้ำนลำ่ งจนพบ 1. เลือก ธีม สีและแบบอกั ษร กำหนดคำ่ กำรค้นหำ 2. เลอื กธีมทีต่ อ้ งกำร 3. เลอื ก บนั ทกึ 2. คลกิ เคร่อื งหมำยถกู ออก 3. คลิก ตกลง 4. คลิก บันทึก 7. กำรเผยแพร่ผลงำน 1. เลอื ก กำรแชรแ์ ละสทิ ธ์ิ 2. พิมพ์ช่ือ e-mail คนท่ีเรำต้องกำรให้เป็นเจำ้ ของร่วมด้วย 3. เปลี่ยนจำก แก้ไขได้ ให้เปน็ เป็นเจ้ำของ 4. คลกิ ส่ง 8. ออกจำกกำรจดั กำรไซต์ โดยคลกิ ที่ชื่อไซต์ของเรำ

กำรเพิ่มสว่ นหวั ของไซต์

9 กำรเพม่ิ สว่ นหวั ของไซต์ 1. ให้คลกิ ที่ กำรทำงำนอ่นื ๆ(m) > เลอื ก แก้ไขกำรออกแบบไซต์ 2. คลกิ ที่ แก้ไขส่วนหวั ของไซต์ 3. เลือกไฟลจ์ ำกโฟลเ์ ดอร์ในเครอ่ื งคอมพวิ เตอร์ รอจนกว่ำภำพจะปรำกฎ >> เลือกกง่ึ กลำง >> คลกิ ตกลง 4. กดปดิ เพือ่ ออกจำกกำรแก้ไขออกแบบไซต์

กำรเพิ่มหน้ำเวบ็ ในไซต์

11 กำรเพ่มิ หนำ้ เว็บในไซต์ กำรเพิ่มหนำ้ เว็บไซต์ 1. ใหน้ ักเรยี นเข้ำอีเมลล์ของตนเอง และเข้ำไปที่ Google site จะ ปรำกฎหนำ้ ตำ่ ง \"คลิกเลือกไซต์ของตนเอง\" 2. เพ่ิมหนำ้ เว็บ โดยคลิกท่ปี ุม่ \"สร้ำงหน้ำ(c)\" 3. ใส่ชื่อหนำ้ เว็บท่ตี อ้ งกำรเพ่ิม และคลิกท่ี \"สรำ้ ง\" 4. เมื่อสรำ้ งหนำ้ เรยี บรอ้ ย ใหค้ ลกิ ที่ \"บนั ทึก\" เพ่ือปดิ กำรแกไ้ ขหนำ้ เวบ็

12 กำรเพมิ่ หน้ำเว็บในไซต์ กำรแก้ไขเมนดู ำ้ นขำ้ งของไซต์ 1. ให้คลกิ ท่ีเครอ่ื งมือ \"กำรทำงำนอื่นๆ\" และคลกิ ที่ \"แก้ไขกำร ออกแบบไซต์ \" 2. คลกิ ทีไ่ อคอน รปู ดนิ สอ เพอ่ื แกไ้ ขควำมกวำ้ งของเมนู 3. แกไ้ ขควำมกว้ำง เปน็ 200 พิกเซล และคลิก ตกลง 4. นำเมำ้ ส์มำวำงทีเ่ มนดู ้ำนซำ้ ยมอื และคลกิ 1 คร้งั เพอื่ จดั เรียงเมนูให้ ถกู ตอ้ ง 5. เปลย่ี นชอ่ื จำกกำรนำทำง เป็น \"เมนหู ลัก\" และคลกิ เครือ่ งหมำยถูก หนำ้ \"จัดระเรียบกำรนำทำงของฉันโดยอตั โนมัติ ออก 6. จะปรำกฎหน้ำตำ่ ง กำหนดค่ำกำรนำทำง ให้คลกิ \"เพิม่ หน้ำเวบ็ \" 7. คลกิ เลือกเมนูทตี่ ้องกำรไว้ลำดบั แรก แลว้ คลกิ ตกลง ทำจนครบทุก เมนตู ำมลำดบั 8. เมอื่ ได้เมนูทตี่ ้องกำร ใหน้ ักเรียนคลกิ \"ตกลง\"

13 กำรเพม่ิ หนำ้ เวบ็ ในไซต์ กำรแก้ไขเมนดู ้ำนบนของไซต์ 1. เพม่ิ เมนดู ้ำนบน โดยคลิกที่ \"กำรนำทำงในแนวนอน\" 2. รอจนกว่ำเมนดู ำ้ นบนจะปรำกฎ \"หน้ำแรก\" และนำเมำ้ ส์มำคลิกท่ี เมนู \"หน้ำแรก\" เพอ่ื เพ่ิมเมนูอน่ื ๆ 3. จะปรำกฎหนำ้ ต่ำง กำหนดคำ่ กำรนำทำง ใหค้ ลิก \"เพิ่มหน้ำเวบ็ \" 4. คลิกเลือกเมนูที่ต้องกำรไวล้ ำดบั แรก แล้วคลกิ ตกลง ทำจนครบทุก เมนูตำมลำดับ 5. เมอื่ ไดเ้ มนูทีต่ อ้ งกำร ใหค้ ลกิ \"ตกลง\" 6. เมอื่ แกไ้ ขเรยี บร้อย ใหค้ ลกิ ท่ี \"ปิด\"

กำรแกไ้ ขหนำ้ เวบ็

15 กำรแก้ไขหน้ำเวบ็ กำรแกไ้ ขหน้ำเว็บ คลิกทร่ี ปู ดินสอ กำรแกไ้ ขหนำ้ เวบ็ (e) กำรออกแบบหนำ้ เวบ็ คลกิ ที่ กำรออกแบบ > เลือกรูปแบบท่ตี ้องกำร

16 กำรแก้ไขหนำ้ เวบ็ กำรแก้ไขขอ้ ควำม 1. นำเม้ำส์ไปคลกิ สว่ นท่ีตอ้ งกำรเพ่มิ ข้อควำม และพมิ พ์ ขอ้ ควำมทีต่ อ้ งกำร 2. ปรบั แต่งรูปแบบอกั ษรตำมท่ีตอ้ งกำร

17 กำรแก้ไขหนำ้ เวบ็ กำรแทรกรูปภำพ 1. นำเม้ำส์ไปคลกิ ส่วนทตี่ ้องกำรเพิม่ รปู ภำพ>คลิก แทรก > เลอื ก 2. ไปค้นหำรูปภำพที่ตอ้ งกำรจำกอนิ เทอร์เนต็ และคลิกขวำท่ี รูปภำพ > เลือกคัดลอกทอ่ี ยรู่ ปู ภำพ 3. เลอื ก ที่อยเู วบ็ > คลิกขวำ เลอื กวำง ท่ี URL ภำพ > คลิก ตกลง 4. จดั รูปแบบภำพตำมท่ีต้องกำร

18 กำรแกไ้ ขหนำ้ เว็บ กำรแทรกวีดโี อ 1. นำเมำ้ ส์ไปคลกิ สว่ นท่ีต้องกำรเพิ่มวีดโี อ > คลกิ ท่ี แทรก > เลอื ก YouTube 2. ค้นหำวดี ีโอทตี่ อ้ งกำรจำก YouTube และคลกิ ท่ี URL ของ วีดีโอ โดยกำรคลกิ ขวำ > เลอื ก คัดลอก 3. กลับมำที่ไซต์ คลกิ ท่ีชอ่ ง วำง URL วีดีโอของคุณ > คลิกขวำ เลอื ก วำง > เลอื กขนำดวีดโี อ ท่ีตอ้ งกำร > คลิก บันทึก 4. จดั รปู แบบวดี ีโอทต่ี ้องกำร

19 กำรแกไ้ ขหนำ้ เวบ็ กำรแทรกเอกสำรจำกไดรฟ์ เลอื ก แทรก > เลือก ไดรฟ์ > เลอื กเอกสำรทตี่ อ้ งกำรแทรก ข้ันตอนสดุ ท้ำยเมอื่ ทำกำรแก้ไขหนำ้ เวบ็ เสรจ็ เรยี บร้อยแล้ว ให้ คลกิ ท่ี บันทึก

กำรสร้ำงและแทรก Google Form

กำรสร้ำงและแทรก 21 Google Form กำรสรำ้ ง Google Form ขั้นตอนแรก ใหน้ ักเรยี นเขำ้ ไปที่ ไดร์ฟของนักเรยี น 1. คลิก ใหม่ >> คลิก เพม่ิ เตมิ >> เลอื ก Google Form 2. พมิ พ์คำถำมทีต่ อ้ งกำร >> พิมพค์ ำตอบที่ต้องกำร >> เลอื ก รปู แบบคำตอบทต่ี อ้ งกำร >> คลกิ จำเปน็ 3. คลิกเพ่มิ คำถำมจนกวำ่ จะครบทกุ คำถำมทต่ี ้องกำร พิมพ์ คำถำมทต่ี อ้ งกำร >> พมิ พ์คำตอบทต่ี อ้ งกำร >> เลือกรูปแบบ คำตอบทีต่ อ้ งกำร >> คลกิ จำเปน็ 4. เมอื่ พิมพค์ ำถำมเรยี บรอ้ ยแลว้ >> เลอื กจำนสี >> และไอคอน 5. เลือกรูปแบบทีต่ ้องกำร

กำรสร้ำงและแทรก 22 Google Form กำรแทรกฟอรม์ ลงในไซต์ 1. คลิกที่ หนำ้ แรก >> คลิกปุม่ ดนิ สอ เพอื่ แก้ไขหนำ้ แรก 2. คลิกสว่ นทีต่ ้องกำรเพม่ิ แบบฟอร์ม 3. คลกิ แทรก >> เลือก ไดรฟ์ >> เลอื ก แบบฟอรม์ 4. เลือกฟอรม์ ท่เี รำสรำ้ งไว้ >> คลกิ เลือก 5. ลบขนำดควำมกวำ้ งออก >> กด บนั ทกึ 6. จดั รูปแบบที่ต้องกำร >> คลกิ บนั ทกึ