วันพฤหัสบดีที่ 30 มิถุนายน พ.ศ. 2554

ขั้นตอนการนำรูปภาพไปประกอบใน Dreamweaver

13.เปิดโปรแกรม Dreamweaver CS3 แล้วเปิดไฟล์ index ที่เป็น HTML

14.กำหนดระยะขอบของเว็บเพจ โดยคลิกเมนู Modify>Page Properties ใส่ตัวเลข 0 ที่ช่อง Left margin, Right margin,
Top margin, Bottom margin

15.เลือกเมนู File>Save เพื่อ save ไฟล์ index แล้วเลือกเมนู File>Save As..ตั้งชื่อเป็น about_us, faculty_staff, computer_graphic, design, archive, contact_us จะได้เป็นหน้าเว็บเพจ 7 หน้า เพื่อไว้ทำการลิงค์ทุกๆหน้าเข้าด้วยกัน
                                                            
16.คลิกที่ปุ่มเมนู home ที่ช่องBorder กรอกตัวเลข 0 แล้วคลิก Browse for file ทีช่องLink เลือก index คลิก OK

17.ทำตามข้อ 16 จนครบทั้ง 7 ปุ่ม เพื่อทำการลิงค์หน้าเว็บเพจทั้ง 7 หน้า เช่นคลิกปุ่มabout_usก็ให้ลิงค์กับไฟล์about_us.html
18.เลือกเมนู File>Save เพื่อ save ไฟล์ index
19.คลิกเลือกรูป home_body กดปุ่ม Delete แล้วคลิกที่แท็บ Common คลิกปุ่ม Image เลือกภาพ about_us_body คลิก OK จากนั้นเลือกเมนู File>Save As..ตั้งชื่อเป็น about_us เพื่อ saveทับไฟล์เดิมที่มีการสั่งลิงค์แล้ว

20. ทำเช่นเดียวกันโดยการเปลี่ยนรูปเป็นหน้า faculty_staff, computer_graphic, design, archive, contact_us แล้ว saveทับไฟล์เดิมที่มีการสั่งลิงค์แล้ว
21.หลังจากทำการเซฟหน้าเว็บเพจเรียบร้อยแล้วก็มาถึงขั้นตอนการทดสอบแสดงผลเว็บเพจผ่านโปรแกรม Internet Explorer โดยกดปุ่ม <F12> หรือเลือกคำสั่ง Preview in IExplore

ไม่มีความคิดเห็น:

แสดงความคิดเห็น