101572_e-Portfolio

2คู่มอื การสรา้ งแฟม้ สะสมผลงานอิเลก็ ทรอนิกส์ (e-portfolio) ข้นั ตอนการดาเนินการสร้างSitesเบือ้ งต้น ให้ Login ดว้ ย e-mail โดยผา่ นเว็บ site.google.comขั้นตอนท่ี 1 พิมพ์ URL : gg.gg/eport1ขั้นตอนที่ 2คลกิ ปมุ่ “ใชแ้ ทมเพลต” หรอื user templeteขนั้ ตอนที่ 3 ดำเนนิ กำรดังนี้ 2. คลกิ ปมุ่ สร้าง 1. พมิ พช์ อ่ื เวบ็ ไซต์ ตามท่ีท่านตอ้ งการหมายเหตุ ถ้ำช่ือไม่ซ้ำจะได้ท่ีอยเู่ ว็บไซต์ของตนเอง แตห่ ำกช่อื ซ้ำใหเ้ ปล่ียนชือ่ เว็บไซตใ์ หม่

3ขน้ั ตอนที่ 4 ได้ผลลพั ธด์ งั ภำพ ลิงกเ์ วบ็ ไซต์ทสี่ ร้าง ช่อื เว็บไซตท์ ่สี ร้างขน้ึ ข้ึนขน้ั ตอนที่ 5 ทำกำรคดั ลอกลิง้ เว็บไซต์ ดงั ภำพ คัดลอกลิงก์เวบ็ ไซต์ขนั้ ตอนท่ี 6เปิด Tab ใหม่ และพิมพ์ gg.gg ทีช่ อ่ ง URL คลกิ เปดิ Tab ใหม่ท่นี ี่ พิมพ์ gg.gg ที่ช่อง URL แล้วกด Enterขน้ั ตอนที่ 7ดำเนนิ ตำมขัน้ ตอนดังตอ่ ไปนี้

4 1. วางลิงก์เว็บไซต์ท่ีไดค้ ัดลอกมาในช่องนี้2. คลกิ ที่ช่องน้ี 3. พมิ พช์ ่อื เว็บไซต์ทต่ี อ้ งการทชี่ ่องนี้ 4. คลิกปมุ่ น้ีเมอื่ ดำเนนิ กำรถงึ ข้อ 4 จะได้ชอื่ เว็ปไซตแ์ บบสัน้ เพอ่ื ให้สะดวกในกำรเขำ้ ถงึ ดังภำพด้ำนล่ำง 5. จะได้ชือ่ เว็ปไซตแ์ บบสัน้ 6. คลกิ ป่มุ น้ี เพื่อเข้าสู่เว็บไซต์จะได้ Tab ใหมเ่ ปน็ เว็ปไซตข์ องเรำ ดงั ภำพ

5ขั้นตอนท่ี 7 การออกแบบหน้าเพจเวบ็ ไซต์ 2. เคร่ืองมือเพ่ิมหน้าเว็บเพจ 1. เครอ่ื งมือดินสอใชเ้ มอ่ื ต้องการ ปรบั ปรงุ แกไ้ ขข้อมูลหน้าเว็บเพจ 3. เครือ่ งมือการต้งั ค่าเวบ็ เพจขั้นตอนท่ี 8 กำรแกไ้ ขหนำ้ เพจดำเนนิ กำรดงั น้ีคลิกเคร่ืองมือ จะปรำกฏเคร่อื งมือดังภำพเมนู “แทรก” เป็นเมนูท่ีควบคุมเกี่ยวกบั กำรใชม้ ีเดีย เชน่ กำรใสร่ ปู ภำพ ลงิ ก์ วีดีโอ และ gadget ต่ำง ๆ จึงทำใหเ้ มนูนี้ถกู ใชง้ ำนบ่อยที่สุด

6เมนู “รูปแบบ” เป็นเมนทู ี่ใช้กำหนดรปู แบบของตวั อกั ษร ซึ่งเป็นรูปแบบคำส่งั เดียวกันกับแถบเมนูเมนตู ำรำง เป็นเมนูท่ใี ชส้ รำ้ ง หรอื จัดกำรข้อมูลในรูปแบบตำรำงเมนู “กำรจดั วำง” เปน็ เมนูทใี่ ชส้ ำหรับกำหนดรปู แบบกำรจัดวำงคอลัมน์ในหนำ้ เพจขั้นตอนที่ 9 กำรใส่ข้อควำมหน้ำเพจ การพมิ พ์ข้อ เลอื กตาแหนง่ พมิ พข์ ้อความลงไปไดเ้ ลย

ขั้นตอนที่ 10 กำรแทรกภำพหน้ำเพจ 7 1. เลือกตาแหนง่ วางภาพ แล้วคลิกเมนูแทรก 2. คลิกเลอื กเคร่อื งมือน้ี 3. เลอื กภาพท่ตี ้องการ 4. หรอื อัพโหลดภาพจากเครื่องคอมพิวเตอร์ คอมพิวเตอร์5. คลิกตกลง

8ขน้ั ตอนท่ี 11 กำรแทรกลิงก์** หมายเหตุเม่ือทำกำรแก้ไขหน้ำเวบ็ เพจแลว้ ใหค้ ลิกปุ่มมุมขวำบนข้นั ตอนท่ี 12 กำรเพมิ่ หนำ้ เว็บไซต์ 1. เร่ิมต้นสร้างหน้าเพจ โดยคลกิ ทปี่ ่ มุ ด้านบนขวาของหน้าจอ เมือ่ เปิ ดหน้าสร้างเพจใหมข่ นึ ้ มาแล้ว กรอกชื่อ ตงั้ ชื่อ หน้าเว็บของคณุ 2. พมิ พ์ชื่อหน้ำเพจ 3. คลกิ สร้ำง

9ขั้นตอนที่ 13 กำรสร้ำงเมนูหลัก 1. คลกิ เคร่ืองมือตง้ั คา่ 2. คลิกเลอื กแกไ้ ขการออกแบบไซต์ 3. คลิกเครื่องหมาย+ 4. คลกิ เพ่มิ 5. ปรากฎเมนหู ลกั ให้คลกิ ตรงสว่ นนี้

106. ปรากฏหน้าต่างตามภาพ พิมพช์ ื่อเมนูหลกั ตามต้องการ 7. คลกิ ตกลง 1. คลิกเคร่อื งมือตัง้ ค่าข้ันตอนท่ี 14 กำรสรำ้ งเมนยู ่อย 2. คลกิ เลือกแก้ไขการออกแบบไซต์

11 3. นาเมาสช์ ส้ี ว่ นเมนูหลักที่ต้องการใสเ่ มนูย่อย4. คลกิ ตรงกำรนำทำง 5. คลิกเพิ่มหน้าเวบ็ เพจ 6. คลิกหนา้ เพจทต่ี ้องการ8. คลิกตกลง 7. คลิกตกลง 9. ปรากฏเมนยู อ่ ย ดังภาพ** หมำยเหตุ เมอื่ ดำเนินกำรทำเมนเู สรจ็ แล้ว ให้คลกิ ปมุ่ ดำ้ นมมุ ขวำบน

12ขั้นตอนท่ี 15 กำรนำไฟล์ VDO จำกเวบ็ ไซต์ youtubeแทรก google site ของเรำ1.จำกตวั อย่ำงจะนำไฟล์ VDO มำแทรก หนำ้ แรก ดำ้ นบนสุด ใหค้ ลกิ เมำสท์ ี่ รปู ดนิ สอ 12.จะได้หนำ้ ต่ำงพร้อมแทรก VDO ให้คลิกเมำส์ตรงตำแหน่งท่ตี อ้ งกำรแทรก VDO 23. เปดิ แทบ็ ใหม่ เพ่อื เปิดเวบ็ youtubeและเปดิ VDO ที่ต้องกำรจะแทรก 3

134.เลือก URL ของไฟล์ VDO น้นั ในช่อง Address และทำกำร Copy ดงั รปู 45. ทหี่ นำ้ เวบ็ ไซต์ของเรำ เมื่อเลือกตำแหน่งที่จะวำง VDO ได้แล้ว ให้เลือก เมนู แทรก >>เลือก Youtube ดังรูป 5.1 ใหเ้ ลือก เมนู แทรก6.วำง URL ในช่อง ตำมรปู 5.2เลอื ก Youtube 6

147.จะปรำกฏไฟล์ VDO แสดงทีห่ น้ำเว็บไซตข์ องเรำ ให้คลกิ ทีป่ มุ่ บันทึก เพ่ือดูผลกำรแทรก VDO ดังรูป 7.1 ไฟล์ VDO แสดงท่หี น้ำเวบ็ ไซต์ 7.2 คลิกท่ปี ุ่ม บนั ทกึ8. เมื่อมีกำรบนั ทึก หน้ำเวบ็ ของเรำจะปรำกฏ ไฟล์ VDO พรอ้ มคลิกแสดงผล ดงั รูป 89.สำมำรถเปดิ -ปดิ โปรแกรม หำกใช้งำนในขณะน้ัน โดยคลิกทต่ี ัวโปรแกรม และเลอ่ื นแถบ เปน็ Disabled

15ข้ันตอนที่ 16 กำรนำ สไลด์โชว์ เผยแพร่ทำงเว็บไซต์ ไปทสี่ ไลด์โชว์ของเรำที่ทำเสร็จแลว้ ตอ้ งกำรเผยแพร่ ดำเนินกำรตำมขน้ั ตอนดังต่อไปน้ี 1. คลกิ ท่เี มนไู ฟล์2. คลิกทีเ่ มนูไฟล์เผยแพร่ทางเวบ็ ไซต์3. เลอื กชว่ งเวลาการเล่ือนสไลด์โชว์ 4. คลิกเลือกทั้ง 2 ช่อง 5. คลิกเลือกลิงกใ์ นช่องน้ี แล้วคลิกขวา 6. คลิกเลือกคัดลอก

167. มาท่เี ว็บไซต์ของเรา คลิกท่ีเครือ่ งมือดินสอ 8. คลกิ เลอื กตาแหน่งใสไ่ ลด์โชว์ แล้วคลกิ เมนแู ทรก9. คลิกเลอื กแกตเจ็ตอืน่ ๆ 10. คลิกเลือกSliedeshow maker 11. คลกิ ปุ่ม “เลือก”

12. นาลง้ิ กท์ ีค่ ัดลอกมา วางในช่องน้ี 17 13. คลกิ ปุ่ม “save” (อย่าลืมเด็ดขาด) 14. ตั้งคา่ ความสูงของสไลดโ์ ชว์ 15. ตวั 3 ข้อน้ีถ้าตอ้ งการใหแ้ สดงกค็ ลิกเลือก ถ้าไม่ตอ้ งการ ไม่ต้องคลกิ เลือกกไ็ ด้16. คลิกปมุ่ “ตกลง” 17. ปรากฎสไลดโ์ ชวท์ ่เี ราแทรก 18. คลกิ ปุ่ม “บันทกึ ” 19. ผลลัพธ์ สไลด์โชว์ท่แี สดงหนา้ เวบ็ ไซตข์ องเรา

18ข้ันตอนท่ี 17 กำรแทรกแผนที่1. คลกิ ปุ่ม “แกไ้ ขหนา้ เว็บ” เลอื กปมุ่ “แทรก” แลว้ เลือกเมนู “แผนที่” 2 .เลือกเมนู แผนท่ี3. ระบสุ ถานที่ เพื่อค้นหาปลายทางและวางเครื่องหมายบอกตาแหนง่ เสรจ็ แล้วคลิกปุม่ “เลอื ก” 4. ระบุสถานท่ี 5. วางเครือ่ งหมายบอกตาแหน่ง 6. คลกิ ป่มุ เลอื ก

19ตั้งคำ่ กำรแสดงผลของแผนที่เสรจ็ แลว้ คลกิ “บนั ทกึ ”7. คลกิ ป่มุ บนั ทกึ 8. คลิกปุ่ม บนั ทึก 9. ผลลพั ธ์ แผนท่ีบนหน้าเว็บไซต์

ขนั้ ตอนที่ 18 กำรแทรกปฎิทิน 20 1. 2. เลอื กเมนู ปฏิทิน 3. เลอื กปฏิทนิ ทีต่ ้องการแสดง4. คลกิ ปุม่ เลือก

21ตงั้ คำ่ กำรแสดงปฏิทนิ แล้วคลกิ ปุ่ม “บนั ทึก” 5. คลิกทแ่ี สดงปฏิทินอื่น เพื่อ สามารถแทรกปฏิทนิ อื่นๆเพ่ิมเติม ได้ 6. คลิกปุ่ม บันทึก7. แสดงปฏิทินทแ่ี ทรก 8. คลิกปุ่ม บันทึก 9. ปฏิทนิ ทีแ่ สดงบนหนา้ เวบ็ ไซต์

22