สิ่งที่ได้เรียนรู้
- ได้เห็นงานออกแบบ WebQuest ของเพื่อนๆแต่ละคน ซึ่งหลายคนออกแบบได้สวยงาม มีเนื้อหาสาระ และภาระงานที่น่าสนใจ ทำให้เป็นแนวทางในการพัฒนา WebQuest ของตนเองต่อไป และได้ฝึกวิจารณ์งานของเพื่อนๆ และรับฟังข้อคิดเห็นและข้อเสนอแนะต่างๆเพื่อนำมาปรับปรุงงานของเราให้ดียิ่งขึ้น
- ได้เรียนรู้การใช้ Photoshop ในการพัฒนาเว็บไซต์จากคลิปสั้นๆ และฝึกทำไปพร้อมๆกัน
การใช้ Slice ในการสร้างงานเว็บ (Slice คือ การแบ่งภาพออกเป็นชิ้นๆ เพื่อเชื่อมโยงไปยังหน้าอื่นๆ)
วิธีทำ
1.เปิดไฟล์ที่ต้องการ
2.View > Rulers (ctrl+R)
3.ใช้ move tool ดึงลากเส้น Guides ออกมาจากไม้บรรทัด ซึ่งจะช่วยให้การทำ slice ง่ายขึ้น
* undo (ctrl+Z)
4.จากนั้นใช้ slice tool เพื่อทำการ slice ภาพออกเป็นส่วนๆตามความต้องการ
5.Save เป็น .psd
* View > Show > Guides แสดง/ซ่อนเส้น Guides
วิธีการกำหนดการเชื่อมโยงให้กับ Slice
วิธีทำ
คลิกขวาที่ Slice ที่ต้องการเชื่อมโยง เลือก edit slice options
- URL : ระบุที่อยู่เว็บที่ต้องการเชื่อมโยง เช่น home.html , page2.html
- Target : ระบุรูปแบบการเชื่อมโยง เช่น _self , _blank
- Message Text : ระบุข้อความที่แสดงเมื่อเมาส์อยู่เหนือ เช่น หน้าหลัก
- Alt Tag : ระบุข้อความกำกับภาพ เช่น หน้าหลัก
การบันทึก Slice เป็นเว็บเพจ
วิธีทำ
1.File > Save for Web
2.เลือก Jpeg เพราะไฟล์เล็ก และคุณภาพสีดี >> Save [Save as type : HTML and Images (.html)]
สิ่งที่จะต้องค้นคว้าเพิ่มเติม/ต้องเตรียมมาครั้งหน้า
- งาน WebQuest คู่ ปรับแก้ในบางส่วน เพื่อให้ WebQuest น่าสนใจ และสมบูรณ์มากยิ่งขึ้น และลงรายละเอียด WebQuest ให้มากกว่านี้ โดยทำคู่กับธิรดาค่ะ เรื่อง Six Degree Could Chang The World
ข้อคิดเห็นอื่นๆ
ได้เห็นตัวอย่างงาน WebQuest ของเพื่อนๆหลายคน ทำให้ได้แนวคิดใหม่ๆ และจะนำมาปรับปรุงในงาน WebQuest ของตนเองให้ดียิ่งขึ้น และขอบคุณอาจารย์ที่ให้ทำเป็นงานคู่ค่ะ จะได้ช่วยกันคิดช่วยกันทำ WebQuest ซึ่งหนูจะตั้งใจทำให้ดีที่สุดค่ะ


0 comments:
Post a Comment