จุดประสงค์การเรียนรู้
      1. เข้าใช้งานและออกจากโปรแกรม Adobe Dreamweaver CS5 ได้อย่างถูกต้อง
      2. สร้าง Site งานและแก้ไข Site งานได้
      3. สร้างเว็บเพจใหม่ในในลักษณะต่างๆ ได้
      4. บันทึกเว็บเพจและทดสอบการแสดงผลหน้าเว็บเพจกับเว็บบราวเซอร์ได้

      คำชี้แจง
      ให้นักเรียนทำการเปิดโปรแกรม Adobe Dreamweaver CS5 ขึ้นมา แล้วปฏิบัติดังนี้ (10 คะแนน)
      1. สร้าง Site งานใหม่แล้วทำการตั้งชื่อ Site งาน ให้สอดคล้องกับหัวข้อของแหล่งท่องเที่ยวที่นักเรียนเลือกในหน่วยการเรียนที่ผ่านมา
      2. บันทึกไซต์งานไว้ใน ไดร์ฟ D:
      3. ทำการสร้างเอกสารใหม่แบบว่างเปล่า 1 ไฟล์ กำหนด Title ให้เป็นข้อความว่า "หน้าแรก" แล้วบันทึกไฟล์งานไว้ในไซต์งานตั้งชื่อว่า index.html
      4. ทำการสร้างเอกสารใหม่ที่สร้างจากโครงสร้าง CSS จำนวน 3 ไฟล์ โดยแต่ละไฟล์ให้เลือกรูปแบบโครงสร้าง CSS ที่แตกต่างกันออกไป กำหนด Title ให้เป็นข้อความว่า "โครงสร้าง CSS1" "โครงสร้าง CSS2" "โครงสร้าง CSS3"
      5. บันทึกไฟล์งานไว้ในไซต์งานที่สร้างไว้ แล้วตั้งชื่อว่า CSS1, CSS2 และ CSS3 ตามลำดับ
      6. ทำการแสดงผลลัพธ์ของหน้าเว็บเพจที่สร้างขึ้นในโปรแกรมเว็บบราวเซอร์ที่ต้องการนำเสนอให้ครูตรวจชิ้นงาน
      7. เมื่อทำงานเสร็จเรียบร้อยแล้วให้ทำการปิดโปรแกรม Adobe Dreamweaver CS5 ให้เรียบร้อย