หน่วยที่ 1 : สร้างเว็บเพจแรก
- พิมพ์ abc ใน dream แล้ว save ชื่อ d:\gov\x.htm
- ทดสอบเปิดดูผลใน Internet Explore ด้วยการกดปุ่ม F12 แล้วดูว่าเกิดอะไรขึ้น
- เลือกเปิด view [ code, design, code and design ] เพื่อดูความแตกต่าง
- ต่อไปใช้ code and design แล้วกดปุ่ม F5 (Refresh) เพื่อดูผลหลังจากแก้ไข code
หน่วยที่ 2 : สร้างเว็บเพจ 3 หน้า และลิงค์ไปมา
- ตัวช่วย Insert ให้กด Ctrl+F2 และฝึกลด ขยายขนาดของ Window นี้
- ตัวช่วย Properties ให้กด Ctrl+F3 และฝึกลด ขยายขนาดของ Window นี้
- ฝึกเพิ่ม link โดยสนใจเฉพาะ Text และ Link
- เช่น เพิ่ม ไทยออล ไปที่ http://www.thaiall.com เป็นต้น
- HTML code <a href=http://www.thaiall.com>ไทยออล</a>
- ฝึกเพิ่ม link ไป y.htm และ z.htm (ขณะนี้ท่านกำลังอยู่ใน x.htm)
- New แฟ้ม y.htm แล้วเพิ่ม 2 link ไปยัง x.htm และ z.htm
- New แฟ้ม z.htm แล้วเพิ่ม 2 link ไปยัง x.htm และ y.htm
- ทดสอบเปิดแฟ้ม x.htm ใน Internet Explore แล้วทดสอบ click ตาม link ในแฟ้มต่าง ๆ
- ปิด dreamweaver และ Internet Explore ให้หมด จากนั้นเริ่มต้นเปิด dreamweaver แล้วเปิดแฟ้ม x.htm มาปรับปรุงใหม่
หน่วยที่ 3 : ใส่ภาพ และลิงค์ภาพในเว็บเพจ
- หาภาพจาก internet นามสกุล .jpg หรือ .gif มาเก็บใน drive c และจำชื่อห้องให้ได้
- ในส่วนของ Insert, Image และตามด้วยชื่อภาพ (มีคำว่า file:///c|/ ในช่อง URL แต่จะหายไปเมื่อกดปุ่ม Save)
- ในส่วนของ design ให้ click บนภาพแล้วดูส่วนของ properties เพิ่มคำว่า y.htm ในช่อง link เพื่อสร้าง link ให้กับภาพ
- ทดสอบเปิดแฟ้ม x.htm ใน Internet Explore แล้วทดสอบ click บนภาพ จะทำให้เปิดเว็บเพจ y.htm ขึ้นมาแทนที่ x.htm
|