สิ่งที่ได้เรียนรู้วันนี้
1. การสร้างอนิเมชั่นอย่างง่าย โดยใช้โปรแกรม Adobe ImageReady cs2
2. การตั้งค่าไซต์ เป็นสิ่งแรกที่ควรจะทำก่อนที่จะสร้างเว็บไซต์ใน Dw ทำให้ไฟล์ที่สร้างรวมอยู่กันที่เดียว เชื่อมโยงกับไฟล์ต่างๆ เปิดโปรแกรม > เลือก site > manage sites > new > site > ระบุชิ่อไซต์ที่ต้องการ > next > ระบุตำแหน่งที่ใช้เก็บไฟล์ >เลือก no > next > ตั้งค่า remote server เลือก none > next > done > done ลองสร้างเว็บเพจอันนึง ไฟล์จะถูกบันทึกในไฟล์ที่สร้างไว้
3. การตั้งค่าภาษา ปรับค่าภาษาให้ถูกต้อง ภาษาไทยได้เปลี่ยนจาก window874 เปลี่ยนมาเป็น Unicode (UTF-8) เพื่อเป็นสากล หลังจากสร้างไฟล์เว็บเพจแล้ว คลิกปุ่ม page properties >Title Encoding > เลือก Encoding > Unicode (UTF-8)
4. การตั้งค่าเว็บเพจเบื้องต้น คลิก page properties ดูที่ Category
Appearance เป็นการกำหนดค่าทั่วไปของเว็บเพจ เช่น ชุดฟ้อนท์ มาตรฐานที่จะใช้ ขนาด สีตัวอักษร สีพื้นหลัง ภาพพื้นหลัง
Link กำหนดการเชื่อมโยงภายในเว็บเพจ
Headings กำหนดรูปแบบหัวข้อ
Title/Encoding ตั้งชื่อให้หัวของเว็บเพจของเว็บเบราวเซอร์และการตั้งค่าภาษา
Tracing Image นำเอาภาพมาวางบนหน้าเว็บไชต์ ภาพจะเหมือนแผ่นใส
5. การสร้างตาราง
insert > table หรือ คลิกแท็บเครื่องมือ table ปรับขนาดของตารางให้กว้างขึ้น ถ้าเป็นหน่วยพิกเซล ความกว้างจะมีขนาดคงที่ ถ้าเลือกหน่วยเป็นเปอเซน ความกว้างจะเปลี่ยนตามขนาดหน้าจอ กำหนดเส้นขอบตาราง >ok
6. การใช้ตารางในการช่วยจัดองค์ประกอบของเว็บเพจ
ใช้ร่วมกับตารางที่สร้างเมื่อกี้ เลือก insert > image ระบุข้อความกำกับภาพ > ok ภาพขนาดใหญ่กว่าตาราง กด shift เลือกตารางทั้งสอง คลิกขวา > table > merge cells แต่ภาพยังไม่พอดีกับที่สร้างไว้ ให้คลิกตัวเลขที่อยู่ข้างล่างเลือก make all widths consistent นำรูปภาพมาใส่ในตารางให้ครบ
7. การสร้างเทมเพลต
Save as template ตั้งชื่อ เทมเพลต > save คลิกที่ช่องตารางขวา เลือก top ที่ ver สร้างตารางขึ้นใหม่ 1*1 เลือก insert > template objects > editable Region ตั้งชื่อ > ok เซฟเทมเพลต เลือก file > new เลือกชนิดเว็บเพจ > create > modify > template> apply template to page > เลือกเทมเพลตที่เซฟไว้ จะเห็นว่ามีส่วนที่แก้ไขได้คือ เทมเพลต และเว็บเพจที่ใช้เทอมเพลตนี้ก็จะถูกแก้ไขไปด้วย
8. การสร้าง rollover button
คลิกช่องเทมเพลต ปรับให้อยู่ตรงกลาง ไปที่ด้านข้างของ แท็บ image > rollover image ระบุภาพที่จะแสดงเบื้องต้น ระบุภาพที่จะแสดงเมื่อเม้าส์ไปอยู่ด้านบน ระบุข้อความกำกับภาพ ระบุ Url ที่จะเชื่อมโยงไปเมื่อคลิกเม้าส์ ลองพรีวิวทดสอบผลลัพธ์ > save >ok
สิ่งที่ต้องศึกษาเพิ่มเติม
- การสร้างเว็บเพจด้วยโปรแกรม Dreamweaver8
- การใส่ script
ข้อเสนอแนะ
วันนี้อาจารย์สอนเร็วมากค่ะ หนูตามไม่ทัน ไม่ค่อยเข้าใจเท่าไหร่
สมัครสมาชิก:
ส่งความคิดเห็น (Atom)
ไม่มีความคิดเห็น:
แสดงความคิดเห็น