Sites

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

21รายชื่อคณะกรรมการสรา้ งคมู่ ือการประเมนิ แฟม้ สะสมผลงาน (e-portfolio) สอศ.1. ดร.ประไพพิศ เกษพานชิ หน่วยศึกษานเิ ทศก์2. ดร.ธรี วรรค์ วระพงษส์ ทิ ธิกลุ หน่วยศกึ ษานเิ ทศก์3. นายสมควร สากา วทิ ยาลยั การอาชพี โพนทอง4. นายอนุกูล กลุ เมือง วิทยาลัยเกษตรและเทคโนโลยศี ูนย์ศลิ ปาชพี บางไทร5. นายสมยงค์ จันทร์งาม วทิ ยาลยั เกษตรและเทคโนโลยีชยั ภมู ิ6. นายเผด็จ อ่านาเพยี ง วิทยาลยั อาชีวศึกษาขอนแกน่7. ผอ.ฉนั ทนา โพธคิ รปู ระเสริฐ วทิ ยาลัยเทคนิคกาญจนาภิเษก มหานคร8. ดร.สุวฒั น์ นิยมไทย วิทยาลัยเทคนิคสุโขทัย9. นายพิษณุ คมขา วิทยาลัยเทคนคิ สุโขทยั10. ดร.ปวณี กร แป้นกลัด วทิ ยาลยั อาชีวศึกษาเชียงใหม่11. ดร.วราพร พงษ์ม่ันจติ วทิ ยาลยั เทคนคิ ปทุมธานี12. นางสาวสริ ิลักษณ์ ศรธี ธิ รง วิทยาลยั การอาชพี บ้านโฮง่13. นางสรุ ีรัตน์ ทักษะวสุ วิทยาลยั สารพัดชา่ งเชียงใหม่14. นางอนงคศ์ รี อนิ ทรเ์ ลศิ วิทยาลัยเทคนคิ ปทุมธานี15. นางสาวพรพไิ ล สดุ ศักดา วิทยาลยั เทคนิคปทุมธานี16. นายเกอื้ กลู วงษเ์ สรี วทิ ยาลัยสารพัดช่างอตุ รดิตถ์17. ดร.สมหวัง โชตกิ าร วิทยาลยั สารพัดช่างเชียงใหม่18. นางวรรณภา มายิม้ วิทยาลัยเกษตรและเทคโนโลยีชลบุรี19. นางนธิ วิ รรณ รุ่งรงั สี วทิ ยาลยั อาชีวศึกษานครราชศรมี า20. นางสาวพชั รินทร์ อกั ษรผอม วิทยาลยั การอาชีพบา้ นแพ้ว21. นายทนงค์ศกั ด์ิ คงศรลี ังก์ วิทยาลยั เทคนิคนครศรีธรรมราช22. ดร.สมหวัง โชติการ วิทยาลยั สารพัดชา่ งเชยี งใหม่23. นางสาวจริ าวรรณ แซ่หลี วทิ ยาลัยสารพัดช่างสมทุ รสงคราม24. นางสาวนจริ ตั น์ แกลงวิวฒั น์ วทิ ยาลยั อาชวี ศึกษาธนบุรี25. นางธัญสนิ ี เปน็ สขุ วิทยาลยั อาชวี ศกึ ษาสุโขทัย26. นางสาวพนั ภพ์ สั สา รตั นรงุ่ เรือง วิทยาลยั อาชีวศกึ ษาฉะเชงิ เทรา27. นางสุกลั ยา ตอเงิน วทิ ยาลัยเกษตรและเทคโนโลยีศนู ย์ศลิ ปาชีพบางไทร