คมู่ ือการสรา้ งE-PORTFOLIO พรี ญา ดุนขุนทด วทิ ยาลยั เทคนิคจนั ทบรุ ี สานกั งานคณะกรรมการการอาชีวศกึ ษา กระทรวงศกึ ษาธกิ าร
1 การสร้างแฟ้มสะสมผลงาน e-portfolio ดว้ ย Google Site1) เรม่ิ ต้นการสรา้ ง Site ขน้ั ตอนที่ 1 ก่อนอื่นต้องทาการ login เข้าสบู่ ญั ชี Gmailขนั้ ตอนที่ 2 พิมพ์ URL : gg.gg/eport1ขน้ั ตอนท่ี 3 คลิกปุ่ม “ใช้แทมเพลต” หรอื user template ครูพรี ญา ดุนขุนทด แผนกคอมพิวเตอรธ์ รุ กิจ วทิ ยาลยั เทคนคิ จนั ทบรุ ี
2ขนั้ ตอนท่ี 4 ดาเนนิ การดงั ตอ่ ไปนี้หมายเหตุ ถา้ ช่ือไม่ซ้าจะได้ที่อย่เู ว็บไซต์ของตนเอง แตห่ ากช่อื ซา้ ให้เปลย่ี นช่ือเว็บไซต์ใหม่ ข้ันตอนท่ี 5 จะไดห้ น้า e-portfolio ดังรูป ครพู รี ญา ดนุ ขนุ ทด แผนกคอมพวิ เตอรธ์ ุรกจิ วิทยาลยั เทคนคิ จันทบรุ ี
32) การทาให้ URL ของเว็บไซตม์ นั สัน้ ๆ ขนั้ ตอนท่ี 1 ใหท้ าการคัดลอก URL เวบ็ ไซต์ ขั้นตอนที่ 2 ทาการเปดิ Tab ใหม่ แลว้ พมิ พ์คาว่า gg.gg ขนั้ ตอนที่ 3 ใหว้ าง URL ทค่ี ดั ลอกมาลงในชอ่ ง Put your long URL here….จากนน้ั คลกิ เคร่ืองหมายถูก จากนั้นตง้ั ชอื่ เสร็จแลว้ คลกิ ปุ่ม Shorten URL ดังรปู ครพู ีรญา ดนุ ขุนทด แผนกคอมพวิ เตอรธ์ ุรกิจ วทิ ยาลยั เทคนคิ จันทบรุ ี
4ข้นั ตอนที่ 4 เมือ่ ดาเนนิ การดังขน้ั ตอนท่ี 3 กจ็ ะไดล้ งิ ค์แบบสั้นๆข้นั ตอนที่ 5 ทาการทดสอบว่าสามารถใช้ Link ทีส่ รา้ งได้จริง โดยทาการคลกิ ปุ่ม กจ็ ะเข้าเวบ็ e-portfolio ด้วย Link ส้ันๆ ครูพีรญา ดุนขนุ ทด แผนกคอมพวิ เตอรธ์ ุรกจิ วทิ ยาลยั เทคนคิ จนั ทบรุ ี
3) วธิ ีการเปลย่ี นรปู Profile 5 ขั้นตอนท่ี 1 ใหค้ ลิกทีป่ มุ่ เคร่ืองมือ แล้วเลอื กเมนู แก้ไขการออกแบบไซต์ขนั้ ตอนที่ 2 จากนัน้ ใหค้ ลกิ ที่รปู Profile เพื่อแก้ไข และทาการเปลยี่ นรูป ครพู ีรญา ดุนขนุ ทด แผนกคอมพิวเตอรธ์ รุ กจิ วิทยาลยั เทคนคิ จันทบรุ ี
6ข้นั ตอนท่ี 3 จะปรากฏกล่องข้อความขน้ึ มา ให้ทาการเปลี่ยนรูปภาพ และข้อความเป็นของเราเองขนั้ ตอนที่ 4 จะปรากฏผลลัพธ์ทไ่ี ด้ ครูพรี ญา ดนุ ขุนทด แผนกคอมพวิ เตอรธ์ ุรกจิ วิทยาลยั เทคนคิ จันทบรุ ี
74) การสรา้ งเมนู จะปรากฏดงั รูป ข้ันตอนที่ 1 ใหท้ าการเพม่ิ หนา้ เว็บเพจ โดยคลกิ ท่เี คร่อื งมือจากนนั้ ให้ต้ังชอ่ื หน้า และคลิกปมุ่ สรา้ ง ครูพีรญา ดุนขุนทด แผนกคอมพิวเตอรธ์ รุ กิจ วิทยาลยั เทคนคิ จนั ทบรุ ี
8 ขั้นตอนท่ี 2 เมือ่ ทาการสรา้ งหน้าเสร็จเรียบร้อย ก็ทาการสร้างเมนู โดยให้คลิกทปี่ ุ่มเคร่ืองมือ แล้วเลือกเมนู แก้ไขการออกแบบไซต์ ต่อจากนัน้ ใหค้ ลิกทเี่ คร่ืองหมาย + ขนั้ ตอนที่ 3 ใหเ้ ลอื กการนาทาง แล้วคลิกปุม่ เพ่ิม ขัน้ ตอนท่ี 4 กล่มุ เมนนู าทางท่ไี ดท้ าการเพ่มิ จะอยดู่ า้ นลา่ งสุด ให้คลิกเมาสเ์ ลือก จะปรากฏกล่องข้อความกาหนดการนาทางข้ึน ครูพีรญา ดุนขนุ ทด แผนกคอมพวิ เตอรธ์ ุรกิจ วิทยาลัยเทคนคิ จันทบุรี
9ขนั้ ตอนที่ 5 ให้ทาการต้งั ช่ือ และ คลิกปุ่มเพ่ิมหน้าเว็บ ครูพรี ญา ดนุ ขุนทด แผนกคอมพิวเตอรธ์ ุรกจิ วิทยาลัยเทคนคิ จันทบุรี
10เลือกหน้าเว็บทสี่ รา้ งไว้ เพ่ือนามาเป็นเมนูผลลพั ธท์ ่ไี ด้หากต้องการเคล่ือนย้ายกลมุ่ เมนู ใหท้ าการคลกิ เมาสซ์ ้ายแล้วลากเมาสไ์ ปวางในตาแหน่งที่ต้องการ ครูพีรญา ดนุ ขนุ ทด แผนกคอมพิวเตอรธ์ ุรกิจ วทิ ยาลัยเทคนคิ จนั ทบรุ ี
115) การใส่ Counter ผูเ้ ยยี่ มชม ขน้ั ตอนที่ 1 ให้ทาการเขา้ เว็บไซต์ http://www.amazingcounters.com/ เพอ่ื นา counterเยย่ี มชม แลว้ คลกิ ที่เมนู Sample Counters จากนนั้ เลือกแบบทต่ี ้องการ ข้ันตอนท่ี 2 เมอ่ื เลือกแบบที่ตอ้ งการแลว้ Step 2 ให้ทาการกรอกข้อมลู ใหค้ รบทุกช่อง เมอ่ื เสรจ็แล้วให้คลิกปุ่ม ลกู ศร เพ่ือเขา้ สู่ Step 3 ครูพีรญา ดุนขนุ ทด แผนกคอมพิวเตอรธ์ รุ กจิ วทิ ยาลัยเทคนคิ จนั ทบรุ ี
12ข้ันตอนท่ี 3 ทาการ Copy Code htmlข้ันตอนท่ี 4 ให้คลกิ ท่ปี ุ่มเครื่องมือ แล้วเลือกเมนู แก้ไขการออกแบบไซต์ตอ่ จากนนั้ ให้คลกิ ที่เคร่ืองหมาย + แลว้ คลกิ เลือกข้อความ ที่ป่มุ เพ่มิ ครูพรี ญา ดุนขนุ ทด แผนกคอมพิวเตอรธ์ รุ กิจ วิทยาลยั เทคนคิ จนั ทบุรี
13ขนั้ ตอนที่ 5 กาหนดค่าช่องข้อความ โดยตงั้ ชื่อ และใหน้ าโค๊ด html ไปวางโดยคลิกปุ่ม <ผลลัพธท์ ่ไี ด้ ครูพีรญา ดนุ ขุนทด แผนกคอมพวิ เตอรธ์ ุรกิจ วทิ ยาลัยเทคนคิ จนั ทบุรี
146) การสรา้ ง QR-Code Line มาใส่ใน e-portfolio ขน้ั ตอนท่ี 1 ใหท้ าการ Capture และตดั รูปภาพ QR-Code ใน Lineขั้นตอนที่ 2 ใหค้ ลิกทปี่ ุ่มเครื่องมือ แลว้ เลือกเมนู แกไ้ ขการออกแบบไซต์ต่อจากน้ันให้คลิกท่เี คร่ืองหมาย + แลว้ คลกิ เลอื กข้อความ ทปี่ ุ่มเพิ่มขั้นตอนที่ 3 ทาการกาหนดช่องข้อความ ตั้งชอื่ และแทรกรูปภาพ QR-Code Line ครพู รี ญา ดุนขุนทด แผนกคอมพิวเตอรธ์ ุรกจิ วิทยาลัยเทคนคิ จันทบรุ ี
157) การทาตัวอกั ษรเคลื่อนไหวข้นั ตอนที่ 1 ใหท้ าการคลิกเครื่องหมาย เพ่ือแกไ้ ขหนา้ เว็บขน้ั ตอนที่ 2 ใหค้ ลิกทเ่ี มนู แทรก เลอื กคาส่งั …แกตเจต็ อื่นๆ....ขน้ั ตอนที่ 3 ให้ค้นหาแกตเจ็ต ด้วยคาว่า scrolling text marquee gadget แล้วคลกิ เลอื ก ครพู ีรญา ดุนขนุ ทด แผนกคอมพวิ เตอรธ์ ุรกิจ วทิ ยาลยั เทคนคิ จันทบรุ ี
16ข้นั ตอนท่ี 4 ให้ทาการกาหนดค่าต่างๆ ตามที่ต้องการ แล้วคลิกปมุ่ ตกลง ครูพีรญา ดนุ ขนุ ทด แผนกคอมพวิ เตอรธ์ รุ กจิ วิทยาลัยเทคนคิ จันทบรุ ี
17ผลลัพธ์ท่ีได้8) การทา Slide Show ข้นั ตอนท่ี 1 ใหไ้ ปท่ี app google แล้วเลอื ก สไลด์ ครูพีรญา ดุนขนุ ทด แผนกคอมพิวเตอรธ์ ุรกิจ วทิ ยาลยั เทคนคิ จนั ทบรุ ี
18ขั้นตอนที่ 2 เมอ่ื เขา้ มาที่ Google สไลด์ แลว้ ใหค้ ลกิ ปุม่ เพ่อื สร้างงานใหม่ ขั้นตอนที่ 3 ให้คลกิ ทเ่ี คร่ืองหมาย เพือ่ สร้างสไลด์เพ่ิมประมาณ 5-10 สไลด์ ตามความตอ้ งการ ครูพรี ญา ดนุ ขุนทด แผนกคอมพิวเตอรธ์ ุรกิจ วทิ ยาลยั เทคนคิ จนั ทบรุ ี
19ขัน้ ตอนท่ี 4 ใหไ้ ปทเี่ มนแู ทรก เลอื กคาส่ัง ภาพ เพ่ือทาการแทรกภาพลงในแตล่ ะสไลด์ผลลัพธ์ทีไ่ ด้ ครพู ีรญา ดุนขุนทด แผนกคอมพวิ เตอรธ์ รุ กิจ วทิ ยาลยั เทคนคิ จนั ทบุรี
ขั้นตอนที่ 5 กาหนดให้สไลด์มีการเคลื่อนไหว โดยไปท่ีคาส่ัง 20ขอ้ ความด้านขวามือ ให้ทาการเลือกการเคลอ่ื นไหวท่ตี ้องการ ซง่ึ จะปรากฏกล่องขัน้ ตอนที่ 6 ต้งั คา่ หน้ากระดาษ ให้เปน็ 4:3 ครพู ีรญา ดุนขนุ ทด แผนกคอมพิวเตอรธ์ รุ กิจ วิทยาลัยเทคนคิ จันทบรุ ี
21 ขน้ั ตอนที่ 7 นาเอาสไลด์ไปวางใน e-portfolio โดยคลกิ ที่เมนู ไฟล์ เลอื กเผยแพร่ทางเวบ็ โดยกาหนดค่าตา่ งๆ แล้วคลกิ เผยแพร่ ขนั้ ตอนท่ี 8 ให้ทาการ Copy URL ของสไลด์ เพื่อไปใสใ่ น e-portfolio ครูพรี ญา ดุนขนุ ทด แผนกคอมพิวเตอรธ์ ุรกจิ วทิ ยาลัยเทคนคิ จนั ทบรุ ี
22ขน้ั ตอนท่ี 9 ใหท้ าการคลิกเคร่อื งหมาย เพอ่ื แกไ้ ขหนา้ เว็บขน้ั ตอนท่ี 10 ใหค้ ลกิ ที่เมนู แทรก เลือกคาสัง่ …แกตเจ็ตอื่นๆ....ขน้ั ตอนท่ี 11 ใหเ้ ลอื กแกตเจ็ต SlideShow maker (using google slides) แล้วคลกิ ป่มุ เลือก ครูพีรญา ดนุ ขุนทด แผนกคอมพิวเตอรธ์ ุรกจิ วิทยาลัยเทคนคิ จันทบรุ ี
ขน้ั ตอนท่ี 12 ใหน้ า Link Slide มาวาง แลว้ คลิกป่มุ 23แล้วคลิกปุ่ม ตกลง และกาหนดคา่ ตา่ งๆ ตามต้องการผลลพั ธ์ที่ได้ ครูพรี ญา ดุนขุนทด แผนกคอมพวิ เตอรธ์ รุ กจิ วิทยาลยั เทคนคิ จนั ทบุรี
249) การตกแต่งหนา้ e-portfolio ขั้นตอนท่ี 1 ให้เขา้ เวบ็ http://www.glitter-graphics.com/myspace/text_generator.phpเพื่อสรา้ งตัวอักษร ขั้นตอนที่ 2 ทาการเลือกรปู แบบที่ตอ้ งการ แล้วพิมพ์ขอ้ ความทีต่ ้องการ (ไดเ้ ฉพาะภาษาองั กฤษเทา่ น้นั แลว้ คลกิ ปมุ่ ครพู ีรญา ดุนขนุ ทด แผนกคอมพวิ เตอรธ์ รุ กิจ วทิ ยาลยั เทคนคิ จันทบรุ ี
25ขนั้ ตอนที่ 3 ใหท้ าการ Copy Code HTML เพอ่ื นาไปใส่ใน e-portfolioขั้นตอนท่ี 4 ให้ทาการคลกิ เคร่อื งหมาย เพอื่ แก้ไขหน้าเวบ็ขัน้ ตอนที่ 5 ใหค้ ลกิ ที่ปุ่ม HTML เพ่อื นา Code ที่ Copy มาวางวาง Code HTML แลว้ คลิกปมุ่ อัพเดท ผลลพั ธ์ที่ได้หมายเหตุ สาหรับเวบ็ ท่ีสามารถทาตวั อักษรเป็นภาษาไทยได้ คอื https://cooltext.com/ ครพู ีรญา ดุนขนุ ทด แผนกคอมพิวเตอรธ์ รุ กจิ วิทยาลยั เทคนคิ จนั ทบรุ ี
2610) การนานาฬกิ าดจิ ติ อลมาใส่ใน e-portfolio ขั้นตอนที่ 1 ให้ทาการค้นหาใน google.com โดยใช้ keyword ว่า โคด๊ นาฬิกา html ก็จะมีเว็บต่างๆ ข้ึนมาใหเ้ ลอื กมากมาย ขนั้ ตอนที่ 2 ทาการเลือกรูปแบบของนาฬกิ าทีช่ อื่ ชอบ แลว้ ทาการ Cody Code ที่อย่ดู า้ นลา่ งของนาฬกิ า ไปวางใน Microsoft Word แล้วทาการ Copy เฉพาะ Link ที่อยู่ของนาฬิกา ครูพรี ญา ดนุ ขนุ ทด แผนกคอมพิวเตอรธ์ ุรกจิ วทิ ยาลยั เทคนคิ จันทบุรี
27ข้นั ตอนที่ 3 นา Link ที่คัดลอกมา แล้วเปดิ Tab ใหม่วางเพอ่ื เขา้ สู่หน้าเวบ็ ดังรปู จากนนั้ ให้คลิกปุ่ม ใน Google chrome เลือกคาส่ัง เคร่ืองมือเพ่ิมเติม -> บนั ทกึ หนา้ เว็บเป็น เพ่ือทาการบันทึกนาฬกิ าลงในเครื่องคอมพวิ เตอร์ ครพู ีรญา ดนุ ขนุ ทดแผนกคอมพวิ เตอรธ์ รุ กจิ วิทยาลัยเทคนคิ จันทบุรี
28ขั้นตอนที่ 4 ใหค้ ลกิ ทป่ี ุ่มเครื่องมือ แลว้ เลอื กเมนู จดั การไซต์ ขั้นตอนท่ี 5 เลอื กคาสั่ง ไฟล์แนบ จากนน้ั ให้คลกิ ปุ่ม อัพโหลด แลว้ ทาการเลือกไฟล์นาฬกิ าท่ีมีนามสกุล .swf ครพู รี ญา ดนุ ขุนทด แผนกคอมพิวเตอรธ์ ุรกิจ วิทยาลัยเทคนคิ จนั ทบุรี
29ขนั้ ตอนท่ี 6 ให้คลกิ ขวาท่ี ปุ่ม ดู แล้วเลือกคาส่งั คัดลอกที่อยลู่ งิ ค์ ให้นา Link ของเราท่ีอพั โหลด คดั ลอกมาแทนที่ Link เกา่ ที่คัดลอกมาจากเวบ็ นาฬกิ า จากนัน้ ใหท้ าการ copy code ทั้งหมด เพ่ือนาไปใชว้ างท่ี e-portfolio ได้ขั้นตอนท่ี 7 ให้ทาการคลิกเครอ่ื งหมาย เพอ่ื แก้ไขหน้าเวบ็ขั้นตอนที่ 8 ใหค้ ลกิ ทเี่ มนู แทรก เลอื กคาสง่ั …แกตเจต็ อื่นๆ.... ครพู รี ญา ดนุ ขุนทด แผนกคอมพวิ เตอรธ์ ุรกจิ วทิ ยาลัยเทคนคิ จันทบรุ ี
30ข้นั ตอนที่ 9 ใหเ้ พม่ิ แกตเจ็ต Embed gadget แลว้ คลกิ เลอื กจากน้นั นา code ที่ copy มาวา่ ง จากนน้ั กาหนดค่าตามต้องการ แลว้ คลิกปุ่มตกลงผลลัพธท์ ไี่ ด้ ครพู รี ญา ดนุ ขนุ ทด แผนกคอมพวิ เตอรธ์ รุ กจิ วทิ ยาลยั เทคนคิ จันทบรุ ี
3111) การใส่ Video Youtube ลงใน e-portfolio ขน้ั ตอนท่ี 1 เข้าเวบ็ ไซต์ http://www.youtube.com แลว้ หาวิดโี อทีจ่ ะนามาใสใ่ นแฟ้มสะสมผลงาน e-portfolioขั้นตอนท่ี 2 ใหค้ ลิกท่ีปุ่ม แชร์ จากนัน้ จะปรากฏ Link ใหท้ าการ copyข้นั ตอนท่ี 3 ให้ทาการคลกิ เครอ่ื งหมาย เพือ่ แกไ้ ขหน้าเว็บ ครพู ีรญา ดนุ ขนุ ทด แผนกคอมพิวเตอรธ์ ุรกิจ วิทยาลัยเทคนคิ จนั ทบรุ ี
32ขั้นตอนท่ี 4 ใหค้ ลิกทเี่ มนู แทรก เลอื ก YouTubeขั้นตอนที่ 5 นา Link ท่ี copy มาวาง และกาหนดค่าตา่ งๆ แลว้ คลกิ ปมุ่ บนั ทึกผลลพั ธท์ ไี่ ด้ ครูพีรญา ดุนขนุ ทด แผนกคอมพิวเตอรธ์ ุรกจิ วทิ ยาลยั เทคนคิ จนั ทบรุ ี
3312) การใส่ขา่ วสาร RSS Feedขนั้ ตอนท่ี 1 ใหท้ าการคลกิ เคร่ืองหมาย เพ่อื แกไ้ ขหน้าเว็บขน้ั ตอนท่ี 2 ใหค้ ลิกท่เี มนู แทรก เลือกคาสั่ง …แกตเจ็ตอื่นๆ....ขั้นตอนท่ี 3 ให้เพ่มิ แกตเจ็ต RSS Feed จากนั้นคลิกปุม่ เลอื ก ครพู ีรญา ดุนขนุ ทด แผนกคอมพวิ เตอรธ์ รุ กจิ วิทยาลยั เทคนคิ จนั ทบรุ ี
34 ข้นั ตอนที่ 4 ใหเ้ ขา้ ไปทีเ่ ว็บ http://news.sanook.com/rss/ เพอ่ื นา URL ข่าว RSS Feed มาใสใ่ น e-portfolio ข้ันตอนที่ 5 ใหเ้ ลอื กกลมุ่ ขา่ วสารท่ตี อ้ งการ คลกิ ท่ปี ุ่ม ครพู ีรญา ดนุ ขุนทด แผนกคอมพวิ เตอรธ์ ุรกิจ วิทยาลยั เทคนคิ จนั ทบรุ ี
35ข้นั ตอนท่ี 6 ให้ทาการคัดลอก URL ของข่าว RSS Feed ทีเ่ ลือก ขั้นตอนท่ี 7 นา URL ท่คี ัดลอกมาวางใน RSS feed URL จากน้ันกาหนดค่าตา่ งๆ เรียบรอ้ ยแล้วคลกิ ปมุ่ ตกลงผลลพั ธท์ ีไ่ ด้ ครูพรี ญา ดุนขุนทด แผนกคอมพวิ เตอรธ์ รุ กิจ วทิ ยาลยั เทคนคิ จนั ทบุรี
3613) การใส่ Google Calendar ขั้นตอนที่ 1 ใช้บราวเซอร์ เขา้ ใชง้ าน www.google.com ขัน้ ตอนที่ 2 คลิกท่ีปุม่ Google app ข้ันตอนท่ี 3 จะได้หน้าตา่ งดังภาพดา้ นลา่ ง คลิกเลือกไอคอน app ครูพีรญา ดนุ ขนุ ทดแผนกคอมพวิ เตอรธ์ ุรกิจ วิทยาลยั เทคนคิ จนั ทบุรี
37ปรากฏหนา้ เว็บดงั ภาพขั้นตอนที่ 4 การสร้างปฏิทิน คลิกท่ีหมายเลข 1 และเลือกหมายเลข 2 ครูพรี ญา ดุนขนุ ทด แผนกคอมพิวเตอรธ์ รุ กจิ วิทยาลัยเทคนคิ จนั ทบรุ ี
38ปรากฏหน้าต่างดังภาพเมอื่ คลิกป่มุ เพม่ิ บคุ คลแล้ว ให้คลิกปมุ่ “สร้างปฏทิ ิน”เม่อื คลิก “สรา้ งปฏิทนิ ” จะปรากฏหน้าตา่ งดงั ภาพ และปฏิทินทีส่ ร้าง จะอยู่ดา้ นซา้ ยมอื ดังภาพ ครูพรี ญา ดุนขุนทด แผนกคอมพิวเตอรธ์ ุรกจิ วทิ ยาลยั เทคนคิ จนั ทบุรี
39 ข้นั ตอนท่ี 5 สร้างกจิ กรรม เลอื กชือ่ ปฏทิ ินทีต่ ้องการสร้างกิจกรรม แลว้ คลิกหมายเลข 1 และตามดว้ ยหมายเลข 2 เม่ือคลิกหมายเลข 2 ปรากฏหน้าตา่ งดงั ภาพ ดาเนินกรอกขอ้ มลู ตามขน้ั ตอนต่อไปนี้ ครพู รี ญา ดนุ ขนุ ทด แผนกคอมพิวเตอรธ์ รุ กจิ วทิ ยาลัยเทคนคิ จันทบรุ ี
40ขน้ั ตอนท่ี 6 การแทรก Google Calendar ลงใน e-portfolio ใหท้ าการคลกิ เคร่ืองหมาย เพ่ือแก้ไขหนา้ เวบ็ข้ันตอนที่ 7 จากนั้นไปที่เมนู แทรก เลือก ปฏิทินข้ันตอนที่ 8 ให้เลือกปฏิทินที่สร้างข้ึน จะนามาแสดงใน e-portfolio แล้วคลิกปมุ่ เลือก ครพู รี ญา ดุนขนุ ทด แผนกคอมพวิ เตอรธ์ ุรกจิ วิทยาลยั เทคนคิ จนั ทบรุ ี
41กาหนดค่าตา่ งๆ ตามต้องการ แลว้ คลิกป่มุผลลัพธ์ท่ไี ด้ ครพู ีรญา ดนุ ขุนทด แผนกคอมพิวเตอรธ์ รุ กิจ วิทยาลัยเทคนคิ จนั ทบรุ ี
4214) การจดั การรูปภาพ ข้นั ตอนท่ี 1 ใช้บราวเซอร์ เขา้ ใชง้ าน www.google.com ขั้นตอนที่ 2 คลิกทป่ี มุ่ Google app ขั้นตอนท่ี 3 จะได้หน้าตา่ งดังภาพดา้ นล่าง คลิกเลือกไอคอน app ครูพีรญา ดนุ ขนุ ทดแผนกคอมพวิ เตอรธ์ ุรกิจ วิทยาลยั เทคนคิ จนั ทบุรี
43ข้ันตอนที่ 4 เข้าไปสหู่ นา้ ของ Google รปู ภาพ จากนั้นให้คลิกที่ ปุ่ม อพั โหลดขั้นตอนท่ี 5 จากนัน้ คลิกเลือกรปู ภาพ ทต่ี ้องการ แล้วคลกิ ปุ่ม Open ครพู ีรญา ดุนขนุ ทดแผนกคอมพวิ เตอรธ์ รุ กิจ วทิ ยาลัยเทคนคิ จันทบุรี
44ขนั้ ตอนท่ี 6 จะปรากฏภาพให้คลกิ ป่มุ เพ่ิมใน อัลบั้มคลิกเลอื กอลั บัม้ ใหม่ ครพู ีรญา ดุนขนุ ทด แผนกคอมพิวเตอรธ์ ุรกจิ วทิ ยาลัยเทคนคิ จันทบรุ ี
45 จากนนั้ ให้ทาการตงั้ ชอ่ื อัลบม้ั ดงั หมายเลขที่ 1 หากตอ้ งการเพิม่ รปู ภาพ ให้คลกิ เคร่อื งหมายท่ีหมายเลข 2 ข้นั ตอนที่ 7 นารูปภาพไปใช้ใน e-portfolio ใหท้ าการคลิกเคร่อื งหมาย เพ่ือแก้ไขหนา้ เวบ็ จากนั้นไปที่เมนแู ทรก เลือก Google+ --> รูปภาพ ครพู รี ญา ดุนขุนทดแผนกคอมพวิ เตอรธ์ รุ กิจ วทิ ยาลัยเทคนคิ จันทบรุ ี
46 เลือกรปู ภาพท่ตี อ้ งการ และคลิกปุ่ม เลอื ก กจ็ ะได้รปู ภาพท่ีนามาจาก Google รปู ภาพท่สี รา้ งอลั บั้มไว้15) การใช้งาน Google Map เพ่อื แกไ้ ขหนา้ เวบ็ ขน้ั ตอนท่ี 1 ให้ทาการคลิกเครื่องหมาย ขั้นตอนท่ี 2 ใหค้ ลกิ ที่ เมนู แทรก เลือก แผนที่ ครพู ีรญา ดุนขนุ ทด แผนกคอมพวิ เตอรธ์ ุรกจิ วิทยาลัยเทคนคิ จันทบรุ ี
47 ขั้นตอนที่ 3 ให้พมิ พ์ตาแหน่งที่ตอ้ งการในช่องค้นหา จากน้ันจะปรากฏตาแหน่ง แล้วคลิกปุม่เลอื ก กาหนดคา่ ต่างๆ ตามต้องการ แล้วคลิกป่มุ ครพู รี ญา ดนุ ขนุ ทด แผนกคอมพวิ เตอรธ์ รุ กจิ วิทยาลัยเทคนคิ จันทบรุ ี
48ผลลัพธ์ที่ได้16) การนา fanpage facebook มาใส่ใน e-portfolio ขนั้ ตอนท่ี 1 ใหเ้ ข้าเว็บ https://developers.facebook.com/docs/plugins/page-pluginหรอื อาจค้นหาใน Google ดว้ ย Keyword ด้วยคาว่า social plugin facebook developers ครูพีรญา ดนุ ขนุ ทด แผนกคอมพิวเตอรธ์ รุ กจิ วทิ ยาลยั เทคนคิ จันทบรุ ี
49ขน้ั ตอนที่ 2 ให้นา URL ของ facebook fanpage ขน้ั ตอนท่ี 3 จากนนั้ กลับมาท่เี ว็บ facebook for developer ใหค้ ลกิ ทเี่ มนู เพจปลก๊ั อิน ดงัหมายเลขที่ 1 และนา URL ของ facebook fanpage มาว่างดงั หมายเลขที่ 2 ครพู รี ญา ดนุ ขนุ ทด แผนกคอมพิวเตอรธ์ รุ กิจ วิทยาลยั เทคนคิ จันทบุรี
Search
