สารบญั
การสร้าง Banner 1- 4
การใช้งาน Sway 5 - 24
การใช้งาน OneDrive 25 - 29
1
การสรา้ ง Banner อยา่ งง่ายด้วยโปรแกรม Microsoft PowerPoint
1. ตวั อยา่ ง
2. การตัดรูปภาพบุคคลดว้ ยโปรแกรม remove.bg
เข้าสูเ่ วบ็ ไซต์ https://www.remove.bg/
3. คลกิ เพอ่ื เลือกรปู ภาพที่ต้องการ
4. ภาพทางซ้ายจะเป็นภาพต้นฉบับ สว่ นภาพทางขวาจะเปน็ ภาพท่ีตดั พนื้ หลังเรยี บรอ้ ย 2
แลว้ เม่ือได้ภาพท่ตี อ้ งการให้คลิกทคี่ ำวา่
**ภาพทไ่ี ดจ้ ะมรี ูปแบบไฟลแ์ บบ PNG สามารถทำพ้นื หลังโปร่งใส(Transparency)**
5. ขนั้ ตอนต่อไปเปดิ โปรแกรม Microsoft PowerPoint
2
13
คลิกเมาส์ขวาเลือกท่คี ำว่า จัดรูปแบบพน้ื หลัง
1 จะข้ึนเมนูจดั รปู แบบพน้ื หลงั ทางด้านขวามือเลือกเตมิ รปู ภาพหรือพน้ื ผวิ
23 เลือกเมนู Insert / แทรก รูปภาพพน้ื หลงั ทตี่ ้องการ
6. เมื่อไดพ้ นื้ หลงั ทต่ี ้องการให้ทำการแทรกรปู ภาพบคุ คลทที่ ำการตดั พ้ืนหลงั 3
12
1 เลือกเมนู Insert / แทรก และ รูปภาพ เพ่อื เลือกรปู ภาพที่ทำการตัดพื้นหลัง
2 ยอ่ ขยาย ตกแต่งใหส้ วยงาม
เลือกเมนู Insert / แทรก และ กล่องข้อความ เพอื่ พิมพ์ข้อความ
7. เมอื่ ตกแตง่ รูปภาพเสรจ็ แลว้ ใหท้ ำการ save หรือ บันทึก **บันทึกเปน็ ไฟลร์ ปู ภาพ**
8. เลอื กเมนู ไฟล์ ➔ save as / บนั ทกึ เปน็
9. ใหเ้ ปล่ยี น 1 เป็นคำวา่ JPEG File Interchange Format ➔ คลกิ บนั ทกึ 4
1
10.เลอื กสไลดน์ ี้เทา่ นน้ั
**ไฟล์รปู ภาพจะถูกเก็บไว้ในโฟลเดอร์ ดาวนโ์ หลด**
11.หลังจากน้ันกจ็ ะได้ Banner ทต่ี ้องการ
5
เครอ่ื งมือในการสร้าง website โดยใช้โปรแกรม SWAY เปน็ เครื่องมอื สร้างเวบ็ ท่ีใช้
หลักการ WYSIWYG (What You See Is What You Get หรอื เห็นอยา่ งไรก็ได้อยา่ งน้นั )
ซงึ่ ทำใหก้ ารสรา้ งเว็บเป็นเรอ่ื งง่ายมากเพราะแทบจะไมต่ อ้ งเขียนโคด้ เลย
การใชง้ าน Sway 6
1. การเชา้ ใชง้ าน https://sway.office.com/
1
1 คลกิ เพือ่ เขา้ ส่รู ะบบ
2. ลงช่อื เขา้ ใช้ ด้วย ลงชอ่ื เข้าใช้ด้วย E-mail ของ Microsoft เช่น @hotmail.com,
@outlook.com, @msn.com, @windowslive.com กรอก E-mail และรหัส ผ่าน
3. เมือ่ เข้าสรู่ ะบบเรียบร้อย จะปรากฏหนาหลกั 7
1 มมุ ซ้ายดา้ นล่าง จะ
เทคนิคการเปลยี่ นภาษา
1 เลือ่ นลงมาด้านลา่ งสุด ให้คลิกที่
ปรากฏเวบ็ เพจใหเ้ ลอื กภาษา ให้เลอื กภาษาไทย
4. การสรา้ งชนิ้ งาน 8
คลกิ ท่ี สร้างใหม่
ปรากฏ โครงเรอ่ื ง หน้าจอทำงาน
12
1 โครงเรอื่ ง เปน็ สว่ นหนา้ จอการทำงาน
2 การออกแบบ เป็นสว่ นหน้าจอการแสดงผล
5. แนะนำเมนตู ่าง ๆ ของ Sway (ในส่วนของโครงเร่ือง เปน็ ส่วนท่สี ร้างช้นิ งาน) 9
1
1 เมอ่ื คลิก จะปรากฏเมนูตา่ ง ๆ ในการสรา้ งชิ้นงาน
1 2 345
1. แทรกหวั เรื่อง
2. แทรกขอ้ ความ
3. แทรกรปู ภาพ
4. แสดงภาพเรยี งซ้อนกนั
5. แทรกข้อมูลในเครือ่ งคอมพวิ เตอรข์ องตัวเอง
6. เมนูข้อความ 10
12
1. แทรกข้อความ
2. แทรกหัวเรอ่ื ง
7. เมนูสอ่ื
12 34 5
1. แทรกรูปภาพ
2. แทรกวดี ีโอ
3. แทรกไฟล์เสยี ง
4. แทรก Embed เวบ็
5. แทรกข้อมลู ในเครอ่ื งคอมพวิ เตอร์ของตวั เอง
8. เมนกู ล่มุ 11
12 3 4 5
1. แสดงภาพแบบเรียงลำดับ
2. แสดงภาพแบบตาราง
3. แสดงภาพเปรยี บเทียบ
4. แสดงภาพเรยี งซอ้ นกัน
5. แสดงภาพแบบสไลด์
9. แนะนำเมนตู ่าง ๆ ของ Sway (ในสว่ นของการออกแบบ เปน็ สว่ นหนา้ จอการแสดงผล
ทจ่ี ำลองหนา้ เวบ็ )
12
1 การออกแบบ หน้าจอการออกแบบ
2 สไตล์ เป็นส่วนของการตกแตง่ หน้าจอเว็บไซต์
10.เมนูสไตล์ 12
12 3
1. แสดงผลหนา้ จอเลอ่ื นตามแนวตงั้
2. แสดงผลหนา้ จอเลื่อนตามแนวนอน
3. แสดงผลหนา้ จอปรบั ให้เหมาะสมกบั การนำเสนอ
11.เมนกู ารออกแบบ
1
2
1. ปรับแต่งแบบกำหนดเอง
2. เลือกจากแมแ่ บบ
13
12
1. แสดงตัวอย่างผลงาน
2. แชร์ Sway
12.เรมิ่ สร้างห้องเรียนออนไลน์ 14
ทำการแทรก Banner
21
3
1. คลิกที่เมนู แทรก เพ่อื แทรกรูปภาพ Banner ที่ได้ทำการสร้างขนึ้ มา
2. คลิกทเ่ี มนู ที่แนะนำ
3. คลกิ ที่เมนู อปุ กรณ์ของฉนั เพอื่ เลอื กภาพในคอมพิวเตอร์
ท่จี ะนำมาใสใ่ นสว่ นหัวของ Sway
13.ปรบั แตง่ Banner 2 15
1 3
1. Banner ท่ไี ด้ทำการอบั โหลด
2. คลิกที่เมนู เพื่อทำการปรบั แต่ง Banner
3. ทำเคร่อื งหมาย เพื่อให้แสดงรปู ภาพให้เตม็ จอ
14.การแทรกข้อความ
1
2
1. คลิกทเ่ี ครื่องหมาย +
2. คลกิ ทเ่ี มนขู อ้ ความ
จะปรากฏกล่องขอ้ ความขึ้นมา สามารถพมิ พ์ข้อความได้ตามความตอ้ งการ 16
234 5 6 7 8
1 9 10
1. พมิ พข์ อ้ ความเน้อื หาตามทตี่ ้องการ
2. เพมิ่ หัวเรื่อง
3. เนน้ ข้อความให้เปน็ ตวั หนา
4. เนอ้ นขอ้ ความให้เอียง
5. แสดงลกั ษณะหวั ขอ้ ย่อยอัตโนมัติ
6. แสดงหมายเลขอัตโนมตั ิ
7. เพิม่ ลิงก์ให้ข้อความ
8. ตัวอกั ษรเล็ก
9. ตัวอักษรใหญ่
10.เมือ่ ต้องการลบกล่องขอ้ ความนี้
ตวั อย่างเมือ่ เพิ่มข้อความ (เลือกท่ีเมนกู ารออกแบบ)
15.การแทรกภาพเป็นกลมุ่ ต่าง ๆ 17
1
2
1. คลกิ ทีเ่ คร่ืองหมาย +
2. คลกิ ท่เี มนูกองซ้อน (กรณเี ลือกรูปแบบกองซอ้ น)
จะปรากฏกลอ่ งกองซ้อนขน้ึ มา
1
1. คลิกท่ี เพ่ิมเน้อื หา
เลือกไปท่ี อับโหลด สามารถเลอื กรูปภาพได้หลาย ๆ ภาพ พรอ้ มกัน 18
**เทคนิคการเลือกรปู ภาพหลาย ๆ ภาพพร้อมกัน ใหค้ ลิกที่รูปภาพ แลว้ กด Ctrl ค้างไว้เลอื ก
รูปภาพหลาย ๆ ภาพตามความตอ้ งการ**
ปรากฏหน้าจอท่ีเลือกรปู ภาพเพือ่ ทำกองซอ้ น 2
1
1. เลือกขนาดในการแสดงผล
2. ชนดิ ของกลุม่ (รปู แบบการแสดงผลภาพ)
ชนดิ ของกลุม่ เพอ่ื เลือกรปู แบบตา่ ง ๆ 19
**การเพ่มิ ภาพเปน็ กลุ่ม สามารถเลือกได้หลายรปู แบบ**
ตัวอยา่ งเมอ่ื เพ่มิ ภาพแบบกองซอ้ น (เลอื กท่เี มนกู ารออกแบบ)
16.การแทรกคลิปจาก YouTube 20
1
2
1. คลิกทเี่ ครื่องหมาย +
2. คลกิ ทีเ่ มนู </> ฝงั เพอื่ แทรกคลิปจาก YouTube
12
1. นำโค้ดที่ได้จาก YouTube มาวางในชอ่ ง
2. ปรบั ขนาดของคลปิ วดี ีโอตามความตอ้ งการ เลก็ / กลาง / ใหญ่
วธิ ีนำโค้ดมาจาก YouTube เปดิ คลิป YouTube ท่ีต้องการ 21
1
2
3
1. คลิกทค่ี ำว่าแชร์
2. คลกิ ทีค่ ำวา่ ฝัง
3. คลกิ ทคี่ ำวา่ คดั ลอก และนำไปวางไว้ท่ี Sway
17.การฝงั ไฟล์ Word / PowerPoint / PDF (Embed) 22
1
2
1. คลิกทเ่ี ครอ่ื งหมาย +
2. คลิกทเี่ มนู ฝัง เพือ่ แทรกไฟล์ Word / PowerPoint / PDF (Embed)
12
1. นำโคด้ ท่ีไดจ้ ากการฝงั (Embed)
2. ปรบั ขนาดตามความตอ้ งการ เลก็ / กลาง /
**สามารถนำโค้ดฝงั มากจาก OneDrive ในขน้ั ตอนการใช้งาน OneDrive หน้า 28 หรือ
หน้า 42**
18.การสรา้ งจุดเชอ่ื มโยงลงิ ก์ (Link) ดว้ ยขอ้ ความ 23
• เพิ่มข้อความ คลกิ ทเี่ ครอ่ื งหมาย +
• คลกิ ทเ่ี มนขู อ้ ความ 4
2
1
3
1. คลุมดำขอ้ ความที่ต้องการสรา้ งลงิ ก์
2. คลกิ ทีเ่ มนูลิงก์
3. จะปรากฏหน้าต่าง ลงิ ก์ ใหก้ รอก URL ใน ลิงกบ์ นเว็บ จากน้ันคลกิ ตกลง
4. คลิก เพือ่ ดผู ลงาน
19.การแชร์ Sway ใหอ้ อนไลน์ 1 24
2
3
4
1. คลกิ ท่ีคำว่า
2. แชร์ Sway กับ เลอื กทกุ คนที่มลี ิงก์
3. คดั ลอกลิงก์เพื่อนำไปเผยแพร่ หรอื นำไปวางในเว็บทต่ี อ้ งการ
4. หรอื สามารถรับโค้ดแบบฝังตัว </> เพือ่ นำไปใส่ใน Sway อนื่ ๆ ได้
20.การจดั การ Sway
1. Sway จะทำการบันทึกเองแบบอัตโนมตั ิ
2. Sway ท่ที ำเสรจ็ แล้ว สามารถกลบั มาแก้ไขได้
25
การใช้งาน OneDrive
1. การเช้าใช้งาน https://www.onedrive.com/
1
1 คลิก เพื่อเข้าสรู่ ะบบ
2. ลงชอื่ เข้าใช้ ดว้ ย ลงช่ือเข้าใช้ดว้ ย E-mail ของ Microsoft เชน่ @hotmail.com, 26
@outlook.com, @msn.com, @windowslive.com กรอก E-mail และรหสั ผา่ น
3. เม่ือเขา้ สรู่ ะบบเรียบรอ้ ย จะปรากฏหนาหลัก
12
1. ใหม่ สำหรบั การสร้างไฟล์งานใหม่ ๆ เชน่ การสร้าง Folder, การสรา้ งไฟลแ์ บบ
ตา่ ง ๆ Word, Excel, PowerPoint, OneNote และแบบสำรวจออนไลน์
2. อบั โหลด สำหรับอับโหลดไฟล์เอกสาร, รปู ภาพตา่ ง ๆ ทตี่ ้องการเขา้ ไป OneDrive
4. เมนูดา้ นซ้ายมอื จะเป็นเมนสู ำหรับเรยี กดไู ฟลแ์ บบต่าง ๆ 27
- ไฟล์ การเรียกดูไฟล์ทั้งหมดทีถ่ ูกอับโหลดเขา้ ไปใน OneDrive
- ล่าสดุ การเรยี กดูไฟล์ทม่ี กี ารเรียกใชง้ านล่าสุด
- รูปถ่าย การเรยี กดูรูปภาพทงั้ หมดทมี่ กี ารอับโหลดใน OneDrive
- รายการทแี่ ชร์ การเรยี กดูไฟล์ทม่ี กี ารแชร์รว่ มกัน
- ถงั รไี ซเคิล การเรียกดไู ฟล์ท่ีถูกลบท้ิงไป
5. การใช้งานในรปู แบบต่าง 2
1
1. การใชง้ านไฟล์ต่าง ๆ สามารถทำไดโ้ ดยคลกิ ไฟล์ทต่ี ้องการ จะปรากฏเครืองหมายสี
ฟา้ ที่มุมขวาบนของไฟล์ จากนัน้ ก็คลกิ ใช้งานเมนตู า่ ง ๆ ในข้อท่ี 2 การแกไ้ ขไฟล์
เอกสาร เชน่ word,Excel,PowerPoint สามารถเลอื กเปดิ ไฟลแ์ ก้ไขได้ 2 แบบ คือ
• เปดิ ไฟลใ์ นรูปแบบของเอกสารออนไลน์ ผา่ น Office 365
• เปิดไฟลผ์ า่ นโปรแกรม Microsoft Word บนเครอื่ งคอมพิวเตอร์
6. เมนูตา่ ง ๆ 28
12 34 5 6 78
1. การเปิดไฟล์ เมนกู ารเปิดไฟล์ สามารถเปดิ ไฟล์เพือ่ ทำการแก้ไขได้
2. การแชร์ เมนกู ารแชร์ สามารถนำลิงกท์ ีไ่ ดจ้ ากการแชร์ไปใสใ่ น Sway
3. การดาวนโ์ หลดไฟล์ สามารถดาวนโ์ หลดไฟล์ทตี่ อ้ งการจาก OneDrive มาเก็บไว้
ในเคร่ือง
4. การลบไฟล์ เมนสู ำหรบั ลบไฟลท์ ไ่ี มต่ อ้ งการใช้งานแล้วออกจากไดร์ แตส่ ามารถกู้
คนื ไฟล์ทลี่ บทิง้ ไดจ้ ากเมนู ถงั รีไซเคิล
5. การย้ายไฟล์ เมนยู ้ายไปยงั สำหรับย้ายไฟล์ท่ีต้องการเพือ่ นำไปจัดเก็บอยใู่ น
โฟลเดอรอ์ ืน่
6. การคดั ลอก เมนคู ดั ลอกไปยัง คอื การทำสำเนาไฟล์เพิ่ม
7. การเปล่ียนชือ่ เมนเู ปล่ยี นช่ือ สามารถเปลี่ยนช่ือไดต้ ามความต้องการของผู้ใชง้ าน
8. การฝงั เมนู ฝงั ใชส้ ำหรบั คัดลอกโคด้ ไปวางไวใ้ น Sway
2
1 4
3
ขน้ั ตอนการฝังไฟล์
1. เลือกไฟล์ที่ต้องการจะฝัง
2. คลกิ ทีเ่ มนู </> ฝงั
3. คลิกท่ี สร้าง
4. คัดลอกไปวางไวต้ ามที่ตอ้ งการ
7. การแชร์ไฟล์ (Share) 29
2 1
3
4
1. เลือกไฟล์ทตี่ ้องการจะแชร์ โดยคลกิ ทมี่ มุ บนขวามอื ของไฟล์น้นั
2. เลอื กทค่ี ำว่า แชร์
3. เลอื กที่คำว่า คัดลอกลงิ ก์
4. เลอื กทค่ี ำว่า คัดลอก เพือ่ นำไปวางท่ีบทเรียนออนไลน์