สิ่งที่ได้เรียนรู้
จากการนำเสนอการออกแบบ WebQuest ของเพื่อนๆนั้น ทำให้มองเห็นองค์ประกอบของ WebQuest ที่ถูกต้อง ชัดเจนและทำให้เกิดความเข้าใจมากยิ่งขึ้น ได้มองเห็นข้อดี ข้อเสีย ที่นำมาสู่การปรับปรุงและพัฒนา WebQuest ของตนเองให้ดียิ่งขึ้น ทั้งการออกแบบโครงสร้าง การใช้สี ให้เหมาะสม
*การสร้าง animation อย่างง่าย
1.เปิดโปแกรม Adobe ImageReader CS2
2.เลือกเมนู File>Import>Folder as Frames...>ที่หน้าต่าง Browser For Folder เลือก Folder ที่เก็บภาพที่ต้องการทำ animation เอาไว้>คลิกปุ่ม ok ภาพทั้งหมดที่มีอยู่ใน Folder จะปรากฏขึ้นมา
3.เราสามารถปรับเวลาในการแสดงผลในแต่ละภาพได้ ถ้าต้องการเลือกปรับภาพหลายภาพพร้อมกันให้กดปุ่ม Shift สำหรับเลือกภาพแบบต่อเนื่อง หรือ Ctrl สำหรับเลือกภาพแบบไม่ต่อเนื่อง สามารถปรับได้ว่าต้องการจะให้มีการวนรอบหรือไม่ ลองทดสอบการทำงานการเคลื่อนไหวของภาพ
4.บันทึกภาพ เลือกเมนู File>Save Optimized As...>เลือกประเภทไฟล์ Images Only (*gif)>Save
5.คลิกปุ่ม Minimize Botton ดูผลลัพธ์ที่เกิดขึ้น
*การใช้ Slice ในการสร้างงานเว็บ
1.เปิดไฟล์ที่อาจารย์เตรียมไว้ให้ ชื่อ mangrove.png
2.เลือกเมนู view>Rulers แถบไม้บรรทัดจะปรากฏขึ้น
3.ดึงเส้นไกด์ออกมาจากไม้บรรทัด ด้วยเครื่องมือ Move Tool
4.เลือกเครื่องมือ Slice Tool เพื่อทำการ Slice ทำการ Slice ภาพออกเป็นส่วนๆตามความต้องการ
5.เลือกเมนู File>เลือกบันทึกไฟล์เป็นนามสกุล PSD เพื่อให้กลับมาแก้ไขงานได้ ถ้าต้องการซ่อนเส้นไกด์เลือกเมนู View>Show>Guides ถ้าต้องการเรียกกลับใหม่ก็ใช้คำสั่งเดิม
*วิธีการกำหนดการเชื่อมโยงให้กับ Slide
1.คลิกขวาที่ Slice ที่ต้องการเชื่อมโยง เลือกคำสั่ง Edit Slice Options...
-ระบุที่อยู่เว็บที่ต้องการเชื่อมโยงที่ช่อง URL
-ระบุรูปแบบการเชื่อมโยงในช่อง Target
-ระบุข้อความที่แสดงเมื่อเมาส์อยู่เหนือในช่อง Message Text
-ระบุข้อความกำกับภาพในช่อง Alt Tag
>คลิกปุ่ม ok
*การบัยทึก slice เป็นเว็บเพจ
1.เลือกเมนู File>Save For Web...>Save เลือกรูปแบบการบันทึกเป็น HTML and Images(*.html)>Save
2.ตรวจสอบผลลัพธ์ที่เกิดขึ้น โดยคลิก Minimize Button ลองเปิดไฟล์ขึ้นมาดู จะเห็นว่าภาพในโฟล์เดอร์ ที่เราบันทึกว่าไฟล์ภาพได้ถูกแบ่งเป็นส่วนๆตามที่ Slice ไว้ แต่เมื่อดูผลลัพธ์ในเว็บบราวเซอร์จะเห็นว่าภาพเป็นภาพเดียวกันก่อนที่จะถูกตัดแบ่ง และบริเวณที่กำหนดการเชื่อมโยงไว้สามารถคลิกไปยังหน้าที่ต้องการได้
สิ่งที่จะต้องค้นคว้าเพิ่มเติม/ต้องเตรียมมาครั้งหน้า
ปรึกษางานกับเพื่อนเรื่องการทำ WebQuest
ข้อคิดเห็นอื่นๆ
วันนี้ได้เห็นผลงงานการออกแบบ WebQuest ของเพื่อนๆ ที่เป็นประโยชน์มากค่ะ เอามาปรับปรุงและพัฒนา WebQuest ของตนเองได้เป็นอย่างดีเลยค่ะ
สมัครสมาชิก:
ส่งความคิดเห็น (Atom)
ไม่มีความคิดเห็น:
แสดงความคิดเห็น