ใบกิจกรรม-การเพิ่มส่วนเสริม (widgets) ให้กับชิ้นงาน

หลกั สูตร : การพฒั นาเว็บไซตใ์ หป้ งั ในศตวรรษท่ี 21 ดว้ ย ใบกจิ กรรม โปรแกรม สาเรจ็ รปู (Infographic Parallax Website) หนา้ ที่ 1 / 4 เร่อื ง : การเพ่มิ สว่ นเสริม (Widgets) ใหก้ บั ชิน้ งานดว้ ย Adobe Muse CCชื่อ………………………………………………………………นามสกลุ ........................................................................คาสัง่ : สรา้ งหวั ขอ้ ดว้ ย Widgets Animate และดาวน์โหลด Font Weight Animation จากเวบ็ ไซต์https://musefree.com เพื่อนามาสรา้ งตวั อักษรเคลื่อนไหวในชน้ิ งานเดมิ ทส่ี รา้ งไว้คาสง่ั ยอ่ ย1. ทาขน้ั ตอน 1-6 แลว้ หยดุ ใหว้ ทิ ยากรตรวจ2. ทาขนั้ ตอน 7-9 แลว้ หยุดใหว้ ทิ ยากรตรวจ3. ทาข้นั ตอน 10-15 แล้วหยดุ ใหว้ ทิ ยากรตรวจลาดบั ข้ันตอนการปฏิบตั งิ าน 1. เลือก Animated Ribbon Widgets มาวางที่พ้ืนท่ที างาน 2. กาหนดคา่ ให้กับ Animated Ribbon Widgets ดงั น้ี 2.1 Width : 600 2.2 Height : 120 2.3 Background : 8C6239 2.4 Bend Color : 603813 2.5 Tail Color : 754C24 3. เลือก Animated Ribbon Widgets มาวางทพ่ี น้ื ท่ที างาน 4. กาหนดค่าใหก้ ับ Animated Ribbon Widgets ดงั นี้ 4.1 Width : 600 4.2 Height : 120 4.3 Background : 29AB6E 4.4 Bend Color : 006837 4.5 Tail Color : 22B573 5. เลือก Animated Ribbon Widgets มาวางท่ีพ้นื ท่ที างาน 6. กาหนดคา่ ใหก้ ับ Animated Ribbon Widgets ดังน้ี 6.1 Width : 600 6.2 Height : 120 6.3 Background : 7F7F7F 6.4 Bend Color : 000000 6.5 Tail Color : 6B6969 7. ยา้ ย Object Animated Ribbon Widgets ท่ีสร้างข้ันในขั้นตอนท่ี 1-6 มาไว้ดา้ นล่างขอ้ ความหัวข้อ

หลกั สูตร : การพฒั นาเวบ็ ไซต์ให้ปังในศตวรรษที่ 21 ดว้ ย ใบกจิ กรรม โปรแกรม สาเร็จรปู (Infographic Parallax หนา้ ท่ี 2 / 4 Website) เร่ือง : การเพม่ิ ส่วนเสรมิ (Widgets) ให้กับช้ินงานดว้ ย Adobe Muse CC8. ไปยงั เวบ็ ไซต์ https://musefree.com9. ดาวนโ์ หลดส่วนเสรมิ Font Weight Animation จากหมวดหมู่ Typography10. นาเขา้ ส่วนเสริม (Widgets) เขา้ สู่ Library11. ลากสว่ นเสรมิ (Widgets) Font Weight Animation ลงมาทพ่ี นื้ ท่ี ทางาน12. กาหนดขอ้ ความเปน็ “ก่อกวนเมฆ”โดยกาหนดช่องละหนง่ึ ตัวอักษร13. ลากสว่ นเสริม (Widgets) Font Weight Animation ลงมาทีพ่ ้ืนที่ ทางาน14. กาหนดขอ้ ความเปน็ “เลีย้ งเมฆใหอ้ ว้ น”โดยกาหนดช่องละหนึง่ ตวั อักษร15. ลากส่วนเสริม (Widgets) Font Weight Animation ลงมาท่พี ื้นที่ ทางาน16. กาหนดขอ้ ความเปน็ “โจมตเี มฆ” โดยกาหนดชอ่ งละหนง่ึ ตัวอกั ษร ส่วนเสริม Font Weight Animationเคร่อื งมอื และอปุ กรณ์ 1.คอมพวิ เตอร์ 2.โปรแกรม Adobe Muse CCเวลาในการทา 20 นาที

หลกั สตู ร : การพฒั นาเว็บไซต์ให้ปังในศตวรรษที่ 21 ดว้ ย ใบกิจกรรม โปรแกรม สาเร็จรูป (Infographic Parallax Website) หน้าท่ี 3 / 4เร่อื ง : การเพ่มิ ส่วนเสริม (Widgets) ให้กับชน้ิ งานดว้ ย Adobe Muse CCช่อื ………………………………………………………………นามสกลุ ........................................................................ จดุ ประเมิน ผลการประเมนิ หมายเหตุ ผา่ น ไมผ่ ่านลาดบั ขั้นตอนการปฏิบตั งิ าน1. เลอื ก Animated Ribbon Widgets มาวางท่พี ้นื ท่ที างาน2. กาหนดคา่ ใหก้ ับ Animated Ribbon Widgets ดงั น้ี2.1 Width : 6002.2 Height : 1202.3 Background : 8C62392.4 Bend Color : 6038132.5 Tail Color : 754C243. เลือก Animated Ribbon Widgets มาวางทีพ่ ้ืนที่ทางาน4. กาหนดคา่ ให้กับ Animated Ribbon Widgets ดังนี้4.1 Width : 6004.2 Height : 1204.3 Background : 29AB6E4.4 Bend Color : 0068374.5 Tail Color : 22B5735. เลอื ก Animated Ribbon Widgets มาวางท่ีพ้นื ท่ที างาน6. กาหนดคา่ ใหก้ ับ Animated Ribbon Widgets ดังน้ี6.1 Width : 6006.2 Height : 1206.3 Background : 7F7F7F6.4 Bend Color : 0000006.5 Tail Color : 6B69697. ย้าย Object Animated Ribbon Widgets ทส่ี ร้างขนั้ ในขน้ั ตอนที่1-6 มาไว้ดา้ นลา่ งขอ้ ความหวั ขอ้8. ดาวน์โหลดสว่ นเสรมิ Font Weight Animation จากหมวดหมู่Typography9. นาเขา้ ส่วนเสริม (Widgets) เข้าสู่ Library10. เลือกส่วนเสริม Font Weight Animation มาวางทีพ่ ืน้ ท่ีทางาน11. กาหนดข้อความเปน็ “ก่อกวนเมฆ”โดยกาหนดช่องละหน่ึงตัวอกั ษร

หลกั สตู ร : การพัฒนาเว็บไซตใ์ หป้ งั ในศตวรรษที่ 21 ดว้ ย ใบกิจกรรม โปรแกรม สาเร็จรปู (Infographic Parallax Website) หนา้ ท่ี 4 / 4เรอ่ื ง : การเพม่ิ สว่ นเสริม (Widgets) ให้กบั ชนิ้ งานด้วย Adobe Muse CCชื่อ………………………………………………………………นามสกุล........................................................................จดุ ประเมิน ผลการ หมาย ประเมนิ เหตุ ผา่ น ไมผ่ า่ นลาดับขั้นตอนการปฏิบัตงิ าน12. ลากส่วนเสริม (Widgets) Font Weight Animation ลงมาทพ่ี ื้นที่ ทางาน13. กาหนดข้อความเปน็ “เลยี้ งเมฆให้อว้ น”โดยกาหนดชอ่ งละหนงึ่ ตัวอกั ษร14. ลากสว่ นเสริม (Widgets) Font Weight Animation ลงมาทพ่ี น้ื ที่ทางาน15. กาหนดข้อความเปน็ “โจมตีเมฆ” โดยกาหนดช่องละหน่ึงตัวอักษรเรมิ่ ปฏิบตั งิ านเวลา…………….น. เสร็จเวลา…………..น. รวมเวลาปฏิบัติงาน……….ชวั่ โมง………..นาทีสรปุ ผลการประเมิน ผา่ น ไมผ่ ่าน เนอ่ื งจาก……………………………………………….……………………….. ผู้ประเมิน……………………………………………….