แบบฝึกที่ 2 : เรื่องการจัดหน้าเว็บเพจ |
ให้นักศึกษาเปิดโปรแกรม 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 ให้มีความห่างตามความเหมาะสม
------------------------------------------------------------ |
เข้าสู่ระบบ
Today | 2 | |
Yesterday | 4 | |
This week | 21 | |
Last week | 35 | |
This month | 74 | |
Last month | 157 | |
All days | 159732 |