ให้นักศึกษาเปิดโปรแกรม Dreamweaver และทำการสร้างตามแบบตัวอย่างทีละแบบ

กำหนดให้สร้าง folder ตามต้องการ เช่น d:\dc386

------------------------------------------------------------

work 1 :  การแทรกภาพในตาราง

คลิกดูตัวอย่าง

------------------------------------------------------------

work 2 : การแทรกภาพและพื้นหลังในตาราง แบบที่ 1

คลิกดูตัวอย่าง

Tip : Dreamweaver

1. แทรกตาราง 3  Col  , 1 Row , Table width :   80 percent  , CellPad , CellSpace  , Border : 0

2. แทรกภาพลงใน Col 1 และ Col 3

3. แทรกภาพพื้นหลังลงใน Col 2 โดยคลิกขวาที่ Col 2 เลือกคำสั่ง Edit Tag  +  เลือก Browser Specific และเลือกภาพพื้นหลัง

4. ปรับความกว้าง col 2 ให้มีความห่างตามความเหมาะสม

------------------------------------------------------------

work 3 : การแทรกภาพและพื้นหลังในตาราง แบบที่ 2

คลิกดูตัวอย่าง

Tip :  สร้าง File โดย Photoshop

1. กำหนดขนาดภาพ 800 * 600  pixels  และ Background Contents  Transparent

2. ใช้เครื่องมือ rounded regtangle tool  กำหนด Radius  ตามต้องการ

3. คลิกขวา layer  เลือกคำสั่ง  rasterize layer

4. เลือกเครื่องมือ Rectangular marquee กำหนดขนาด W และ H   60 px

5. Copy + New  (อย่าลืมกำหนด Transparent)  + Paste + Save *.png

6. เมนู Edit  +  Transform + Flip Horizontal

7. Save *.png

Dreamweaver

1. แทรกตาราง 3  Col  , 2 Row , Table width :   80 percent

2. แทรกภาพลงใน Col 1 และ Col 3 ของ Row 1

3. ปรับความกว้าง col 2 ให้มีความห่างตามความเหมาะสม

------------------------------------------------------------