Web Design
(Dreamweaver, Photoshop, Image Ready)
หลักสูตร Web Design สำหรับผู้ที่ต้องการจะออกแบบเว็บไซด์ได้ด้วยตนเอง เรียนรู้ทักษะแบบมืออาชีพ
ที่เน้นแนวความคิดสร้างสรรค์ และความสวยงาม และฟังค์ชั่นการใช้งานที่ได้มาตรฐานเว็บเพจที่ดี ผู้เรียนจะสามารถ
ใช้โปรแกรมสำหรับงาน ออกแบบเว็บดีไซน์ ได้อย่างมีประสิทธิภาพ เรียนรู้กระบวนการคิดและการวางแผนออกแบบ
ตั้งแต่ การเขียน Site Map, interface design, graphic, layout, templates ต่างๆ, การทำงานกับภาพ,
จัดวางข้อความหน้าเวปเพจ, navigation system และอื่นๆ รวมถึงทดลองการนำ file ภาพเคลื่อนไหวมาใช้กับงาน
และ upload เวปเพจด้วยตนเอง
(ผู้เรียนควรมีพื้นฐาน โปรแกรม Photoshop และ illustrator มาบ้าง)
( เรียนจำนวน 11 ครั้ง 33 ชั่วโมง )
|
|
| Week 01 |
 |
ครั้งที่ 1 : Introduction to web design
• ความรู้เบื้องต้นเกี่ยวกับการออกแบบ Website
• จัดเตรียม Reference และ Concept Design
• เข้าใจหัวใจหลักในการออกแบบงานเว็บไซต์ (Concept Design )
• การเขียน Site Map และ ศึกษาตัวอย่างงาน (reference) ก่อนการออกแบบ
|
|
| Week 02 |
|
ครั้งที่ 2 : ทดลองทำ Web Site (demo) เบื้องต้น
•ทดลองสร้างหน้า Homepage, Logo และปุ่มให้กดบน Web
•ทดลองสร้าง Graphic สำหรับหน้า HomePage
|
|
| Week 03 |
|
ครั้งที่ 3 : Interface Design & Layout
• มุมมองการจัดวาง Layout ก่อนเริ่มต้น โปรเจ็ค
• การเลือกใช้รูปภาพ หรือภาพกราฟฟิค การจัดการเรื่องสี และ การปรับแต่งแสง กับภาพถ่าย
• จัดวาง Layout และสามารถวิเคราะห์ความเหมาะสมในการนำไปใช้จริงได้
|
|
| Week 04 |
|
ครั้งที่ 4 : Web design & Layout by Photoshop1
• การออกแบบหน้าตาเว็บไซต์ด้วย Photoshop
• Graphic & Design Elements in the web
• การใช้ Typography สำหรับงานเวป
|
|
| Week 05 |
|
ครั้งที่ 5 : Web design & Layout by Photoshop 2
• เรียนรู้เทคนิคการซ้อนและตัดต่อภาพด้วย Layers
• การตกแต่งภาพ และใส่ Effect บน Layers
|
|
| Week 06 |
|
ครั้งที่ 6 : การเตรียมภาพสำหรับเว็บไซต์
• การตัดภาพเป็นส่วนๆด้วย ImageReady
• การตัดภาพเป็นส่วนๆด้วยเครื่องมือ Slice Tool
• เทคนิคการ Save ภาพเพื่อให้ Web Graphic Load ได้เร็ว
แต่คงไว้ซึ่งคุณภาพและความสวยงาม
|
|
| Week 07 |
|
ครั้งที่ 7 : การสร้างและการจัดการหน้าเว็บเพจ
• วิธีการสร้างตาราง, ปรับแต่งคุณสมบัติของตาราง
และ การประยุกต์ตารางเพื่อการจัดรูปแบบหน้า
•การแทรกรูปภาพ การใส่ข้อมูล การจัดเรียงเนื้อหา
|
|
| Week 08 |
|
ครั้งที่ 8 : Technology & Programming for the Web
• ใช้ CSS เพื่อจัดการ style ของทั้งเว็บไซต์
• เพิ่มเติมความน่าสนใจให้กับเว็บไซต์ ด้วยการกำหนด Fonts, สี, borders
• การใช้งาน CSS Style Sheet ร่วมกับภาษา HTML
|
|
| Week 09 |
|
ครั้งที่ 9 : Nevigation & Link
•ศึกษารูปแบบการเชื่อมโยงหน้าเว็บเพจแบบต่างๆ
•การทำ Link ที่ภาพและ Text เพื่อเชื่อมโยงไปยังWeb Page อื่นๆ, Email, WWW. และเพื่อการ Download
• เทคนิคการทำ Java script Rollover Button
|
|
| Week 10 |
|
ครั้งที่ 10 : Multimedia & Movement
• การนำ file multimedia เข้ามาใช้ใน website และการออกแบบภาพเคลื่อนไหว
• การใช้งาน Bahavior แบบต่างๆ เช่นการเปิด Pop Up Window
• รู้จักไฟล์มัลติมีเดียมาตรฐานที่ใช้กันใน website
• การออกแบบภาพเคลื่อนไหวและเทคนิคการทำ Animation Banner หรือ Button อย่างง่าย ด้วย Flash
|
|
| Week 11 |
|
ครั้งที่ 11 : Technical Advice & Usability
• แนะนำการอัพโหลดข้อมูลไปยังระบบอินเทอร์เน็ต
• การขอใช้บริการฟรีโฮสติ้งต่างๆ
• Upload Web ขึ้นไปใช้จริงบนอินเทอร์เน็ต
• Usablility ทดสอบการใช้งาน
• สรุปเนื้อหาทั้งหมด และถาม-ตอบข้อสงสัยต่างๆ
|
|
|
