ทดลองใช้ Dreamweaver ทำเว็บเพจ (ตอนที่ 3)
ตอนที่ 2 ได้ทำการสร้าง file และเตรียมรูปต่างๆไว้เรียบร้อยแล้ว ในตอนนี้จะทำการสร้างหน้า index ของเว็บเพจกัน โดยใช้รูปที่สร้างเอาไว้
ขั้นตอนการสร้างหน้า index1.ไปที่ file เลือก new
จากนั้นจะมีหน้าต่างดังรูปด้านล่าง ให้เลือก blank page > html > none และคลิกที่ create
เมื่อทำตามขั้นตอนทั้งหมดแล้วก็จะได้เอกสาร html มาให้ save ในชื่อ index ใน folder ที่ได้เตรียมไว้
2.ใช้งาน CSS ที่เขียนไว้
โดยไปที่ panel ด้านขวามือคลิกที่ CSS และคลิกที่สัญลักษณ์รูปลิงค์ดังรูป
เลือก file css ที่เราได้เขียนไว้
3.เริ่มต้นสร้างเว็บเพจ
ขั้นแรกก็ต้องสร้างตารางขึ้นมาก่อนโดยคลิกที่รูปตารางตามรูป
กรอกค่าตามรูปด้านล่าง มีรายละเอียดดังนี้
Rows เป็นจำนวนแถวในตาราง
Columns เป็นจำนวนหลักในตาราง
Table width ความยาวของตาราง กำหนดได้ 2 หน่วย คือ pixel , percent
Border thickness ความหนาของเส้นขอบ
Cell padding ระยะห่างระหว่างวัตถุในตารางและ เส้นตาราง
Cell spacing ระยะห่างระหว่างเส้นตาราง
เมื่อเสร็จแล้วจะได้ตารางดังรูป ให้คลิกที่ตารางและเลือกตามรูปด้านล่าง โดย Honz = Center , Vert = top เป็นการจัดวัตถุที่อยู่ในตารางให้อยู่ตรงกลางของตารางและอยู่ด้านบนสุด
คลิกในตารางแรกที่สร้างและ เลือกที่ปุ่มสร้างตารางเพื่อสร้างตารางซ้อนขึ้นมีอีก 1 ชิ้นขนาดดังรูป