สิ่งที่ได้เรียนรู้
การสร้าง Animation อย่างง่าย ด้วย Image Ready
- File >import >Folder as frames >เลือกรูปที่ต้องการจะใช้
- สามารถปรับตั้งเวลาของการแสดงภาพแต่ละภาพได้ที่หน้าต่าง Animation
- บันทึกภาพ File > Save optimized as > .gif > save
Dream Weaver
1. สร้างโฟลเดอร์
2. ตั้งค่า site: new > site> ตั้งชื่อ> no เพราะจะไม่ใช้ server technology> เลือกว่าจะเก็บที่ไหน> none> Done
ตั้งค่าภาษา
- Page properties> Title Encoding>ในช่อง Encoding ตั้งค่าเป็น Unicode (UTF-8)
ตั้งค่าเว็บเพจเบื้องต้น
ในPage properties จะประกอบด้วย
Appearance เป็นการตั้งค่าหน้าตาของเว็บเพจเรา พื้นหลัง ตัวอักษร
Links ตั้งค่าการเชื่อมโยง
Heading ด้านบนหัวของไซต์
Title/Encoding ตั้งค่าภาษา ตัวอักษร
Tracing Image เป็นแบบในการออกแบบ เหมือนเป็นแผ่นใส
การสร้างตาราง ช่วยในการจัดวาง
- Insert> Table > ตั้งค่าRoll และ Column ตามที่จะใช้ (Pixel ขนาดจะเท่ากับที่เรากำหนด percent จะเท่าความกว้างหน้าจอ)
การใช้ตารางช่วยจัดองค์ประกอบของเว็บเพจ
- Insert >Image
- ดึงรูปภาพที่จะใช้ เข้ามาในหน้าเว็บเพจ จัดให้ได้ตามต้องการ
- สามารถปรับสีพื้นหลังในแต่ละช่องได้ โดยการเลือก Background Color
การสร้าง Template เพื่อจะได้มีรูปแบบที่เหมือนกันทั้งเว็บไซต์
- File > Save as template
- สร้างตารางขึ้นมาในส่วนที่เป็นพื้นที่ว่างทางด้านขวา
- Insert> Template Objects >Editable Region เป็นส่วนพื้นที่ ที่แก้ไขได้ > save
การสร้าง Rollover Button
- เลือกเครื่องมือ Rollover image เลือกภาพที่ต้องการจะใส่ เป็นภาพแบบ Original และ Rollover
- เมื่อลอง previewดู จะเห็นว่า เมื่อนำเม้าส์ไปวางที่ด้านบนปุ่มนั้น รูปจะเปลี่ยนสี
ศึกษาการใช้งาน DreamWeaver เพิ่มเติม และเริ่มจัดทำ Webquest ของกลุ่มตนเอง รวมทั้งศึกษา Web 2.0 tools, Add-Ons ต่างๆ เพื่อนำมาใช้งานกับเว็บของตนเอง
วันนี้รู้สึกว่าเรียนเยอะมากๆเลยค่ะอาจารย์ ข้อมูลเริ่มตีกัน งงไปหมดเลย อยากให้เรียนไปพร้อมกันช้าๆกว่านี้
ไม่มีความคิดเห็น:
แสดงความคิดเห็น