ครั้งที่ 1 รู้จักกับ Graphic for web และทดลองสร้าง Web Page เบื้องต้น ด้วยเครื่องมือใน
Dreamweaver CS3
- รู้จักกับ Graphic for web เพื่อเตรียมการทำงานร่วมกับ Dreamweaver CS3
- การเตรียมชิ้นงานเพื่อนำไปใช้จริง
- เริ่มต้นกับการทำงานใน Dreamweaver ด้วย การ Manage Site
- ฝึกใช้พื้นที่ทำงาน (work space) , อุปกรณ์หลัก (Toolbox) และอุปกรณ์เสริม (Panels และ Property inspector )
- การจัดการโครงสร้าง Folder ( สร้าง Web Page ใหม่, สร้าง-ลบ folder ใหม่ และ การเปลี่ยนชื่อ file)
- ระบบการจัดเก็บไฟล์ และการอ้างถึง (Referencing) ของภาษา HTML
|
|
ครั้งที่ 2 การจัด Web Layout ให้เหมาะสมกับงาน แต่ละแบบ ด้วย Table และ Layout Mode
- เรียนรู้อุปกรณ์ในกลุ่มของการใส่รูปภาพ,การใส่สี หรือ การนำภาพมาเป็น Background , การพิมพ์ตัวอักษร การจัดรูปแบบของข้อความ และการเพิ่ม-ลบ Font
- วิธีการสร้างตาราง, ปรับแต่งคุณสมบัติของตาราง และ การประยุกต์ตารางเพื่อการจัดรูปแบบหน้า
- การประยุกต์ใช้ Layout ในการออกแบบ Web Page
|
ครั้งที่ 3 การทำ Hyper Link แบบต่างๆ และ การสร้าง Frame เพื่อการจัดหน้า Web Site ในรูปแบบต่างๆ
- การทำ Hyper Link แบบต่างๆ ( Link ใน Web page เดียวกัน, Link ใน Web Site เดียวกัน, Link ไปยัง Web อื่นๆ, Link ไปยัง Email, Link ไปยัง Download file )
- การทำ Map Link
- การสร้างปุ่มกระพริบ เปลี่ยนสี เปลี่ยนรูปภาพ ( Rollover Image )
- เทคนิคการสร้าง Frame รูปแบบต่างๆ
- การปรับแต่งคุณสมบัติของ Frame
- การประยุกต์ใช้ Frame กับการออกแบบ Web Site
|
- ครั้งที่ 4 การสร้างแบบฟอร์มสำหรับสมัครสมาชิก โดยการเชื่อมโยงกับภาษา CGI-ASP และ การใช้ Multimedia และ Plug-in
- ส่วนประกอบของแบบฟอร์ม ( Text Boxes ,Check Boxes , Radio Buttons , Menus and Lists , Hidden Form Fields และ Submit and Reset Buttons )
- ทดลองสร้างแบบฟอร์มสมัครสมาชิกและส่งค่ากลับไปยัง email เพื่อการใช้งานจริง
- การใช้ Multimedia และ Plug-in ตกแต่งในหน้า web (Video , Music ,Flash)
|
|
ครั้งที่ 5 การทำงานกับ Layer ,การเพิ่มลูกเล่นบนหน้า Web ด้วย Behaviors และ Javascript
- การสร้าง, ปรับแต่ง และเคลื่อนย้าย Layer
- การซ่อนและทับซ้อนกันของ Layer
- การใช้หน้าต่าง Behaviors
- การเปลี่ยนค่าคุณสมบัติของ Object
- การเลือกใช้ Behaviors เพื่อสร้างสีสันบน Web
|
|
ครั้งที่ 6 การใช้งาน Cascading Style Sheet และการใช้งานร่วมกับ HTML Code
- รู้จักโครงสร้างของเอกสาร HTML ทดลองเขียนภาษา HTML
- การแทรก HTML Code สำเร็จรูป
- เริ่มต้นการกำหนด Style Sheet แบบ Embedded
- การใช้งาน Style Sheet เพื่อการควบคุมขนาด, รูปแบบ , สีของ Font และ Link
- การใช้งาน Style Sheet เพื่อการเปลี่ยนสี และ รูปแบบของ Scroll Bar , Mouse และ อุปกรณ์ Form
- การบันทึก , ลบ และเรียกใช้ Style Sheet
|
ครั้งที่ 7 การสร้าง Template และ Library เพื่อเพิ่มประสิทธิภาพ ในการสร้างเว็บไซต์ขนาดใหญ่ และการใช้งาน Extention เสริม เพื่อเพิ่มประสิทธิภาพ
- การเพิ่มประสิทธิภาพในการสร้าง Web ด้วย Template และ Libraly
- การสร้าง Template File เพื่อการสร้างหน้า HTML ที่ง่ายต่อการ Update
- การกำหนดพื้นที่เปลี่ยนแปลงได้ใน Template
- การใช้งาน Library, การแก้ไข และลบ Object ใน Library
- การ Upload ข้อมูลขึ้นสู่ Server , การบริหารข้อมูลบน Server
|
ครั้งที่ 8 การใช้งาน Extension เสริม เพื่อเพิ่มประสิทธิภาพ และเทคนิคการใช้คำสั่ง Head Meta Tag ในการประชาสัมพันธ์ Web ผ่านระบบ Search Engine
- การติดตั้งและการทำงานของ Extension
- แนะนำ Extension ต่างๆ ที่มีประโยชน์ และทดลองติดตั้งเพื่อทำงานจริง
- รู้จักความแตกต่างของ Search Engine แต่ละประเภท
- รู้จักกับ Meta Tag : Description, Keywords, Link, Base, Refresh
- การลงทะเบียนประชาสัมพันธ์ ฟรีๆ กับ Search Engine ชั้นนำต่างๆ
- สรุปข้อเสนอแนะจากประสบการณ์ของ วิทยากร ตรวจสอบ Final Project
|
|
|
