Dreamweaver CS

ทดลองใช้ Dreamweaver ทำเว็บเพจ (ตอนที่ 3)

สร้างไฟล์ index สำหรับเว็บไซต์

ตอนที่ 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 ชิ้นขนาดดังรูป



เลื่อนขึ้นด้านบน