Web Design Using PhotoShop and DreamWeaver

1. เรียนรู้ความเป็นมาของส่วนประกอบต่างๆ ในการทำเว็บ

• เรียนรู้ความหมายของ Internet ,Homepage, Website, E-Commerce
• เรียนรู้ความหมายของภาษา HTML, DHTML, XML, WWW, Web Server, Browser, CGI etc.
• เรียนรู้ Protocols ต่างๆเช่น TCP/IP, HTTP, PPP, Search Engine, Index.html
• เรียนรู้โครงสร้างภาษา HTML และทำโฮมเพจพื้นฐานด้วยภาษา HTML โดยใช้โปรแกรมง่ายๆเช่น Notepad, Dreamweaver เป็นต้น

2. สร้างโฮมเพจด้วย Adobe Dreamweaver CS6

• ทำความรู้จักกับ Dreamweaver CS6 แลเครื่องมือต่างๆในโปรแกรม
• การสร้างโฮมเพจด้วย Dreamweaver และการตั้งค่าภาษาไทย
• การทำงานกับตัวอักษรและข้อความ การกำหนด Font และขนาดตัวอักษร การตกแต่งสี รูปแบบ และ ตำแหน่งตัวอักษร
• การจัดลำดับ Ordered List และ Unordered List
• การใส่รูปภาพใน Webpage, ชนิดและคุณสมบัติต่างๆ ของไฟล์รูปภาพที่สามารถใช้ในเว็บได้
• การจัดตำแหน่งและกำหนดขนาดของรูปภาพ การทำภาพขนาดเล็กโดยอัตโนมัติ
• การใช้ตาราง (Table) ในการกำหนดสัดส่วนหน้าเว็บแบบมืออาชีพ , สร้าง Form สั่งซื้อสินค้า , การใช้ Frame ในการแบ่งหน้าโฮมเพจ , การสร้าง Link ไปยังเอกสาร HTML หน้าอื่น , การสร้าง Link แบบต่างๆ, การใส่ไฟล์เสียงและไฟล์วีดีโอให้กับโฮมเพจ , ทำให้เว็บสามารถ Download ข้อมูลได้
• รู้จักใช้งาน Layer, แบบสัดส่วนหน้าเว็บด้วยหลาย Layer, แปลง Layer เป็น Table, การใช้งาน Frame, การแบ่ง Frame หลายรูปแบบ, E-mail Link
• การใส่ Keyword เพื่อค้นหาได้ใน Search Engine , การทำ Picture Mapping ลิงค์หลายจุดในภาพเดียว , การใส่ลูกเล่นต่างๆให้กับโฮมเพจเช่น Rollover Image
• การใส่ Template ให้กับเว็บเพจ ในหลายๆรูปแบบ, การใช้งาน Library
• การสร้าง Pop-up แสดงข่าวสาร, การใส่ Behaviors ภาษา Java Script เพื่อลูกเล่นหลายๆ แบบให้กับเว็บไซต์

3. การจัดการรูปภาพและออกแบบกราฟิกด้วย Adobe PhotoShop CS6

• ทำความรู้จักกับโปรแกรม Photoshop CS6
• เรียนรู้หลักการในการออกแบบ, รู้จักเครื่องมือต่างๆที่จำเป็นต้องใช้งาน,เทคนิคการใช้สี , การทำงานกับ Layers, ตัดต่อรูปภาพ , ซ้อนภาพ , การสร้างปุ่มกด , การใส่ Effects ต่างๆให้กับชิ้นงาน
• ใช้ Photoshop เพื่อการตกแต่งรูปภาพ และฝึกใช้เครื่องมือเสริมต่างๆ เช่น Healing Brush, Clone Stamp, Blur Tool, Sponge Tool, Dodge Tool เป็นต้น
• การตัดขนาดของภาพบางส่วน , การปรับเปลี่ยนขนาดของรูปภาพ , การลดขนาดไฟล์รูปภาพ การโหลดภาพ , การหมุนและกลับด้านรูปภาพ , การกำหนดสีและแสง ความมัวและความชัดให้รูปภาพ การใส่ effect เล็กๆให้กับรูปภาพให้มีความแปลกตา
• ใช้คำสั่ง slice tools เพื่อตัดภาพออกเป็นส่วนๆ และสามารถบันทึกเป็น .html เพื่อดึงเข้าเป็นลูกเล่นใน webpage ได้
• การสร้างภาพเคลื่อนไหว (.Gif Animation )
• ออกแบบเว็บด้วย Photoshop, ออกแบบ Logo ของตนเอง , ออกแบบหน้าแรกด้วย Effects พิเศษ , การตัดภาพจาก Photoshop ไปใส่ในเว็บ , ทดลองสร้างระบบ Navigator Menu
• ออกแบบภาพตกแต่งต่าง ๆ เพื่อนำมาปรับใช้กับหน้าเว็บที่สร้างไว้แล้ว

4. การ Upload ไฟล์ขึ้นสู่ Server และการใช้งาน Hosting บนหน้าเว็บ

• การขอพื้นที่ฟรีบนเว็บชั้นนำต่างๆ , ทดลอง Upload ไฟล์ขึ้นสู่ Server,
• ทดลองใช้ไฟล์ Manager เพื่อจัดระบบเว็ปไซต์ให้พร้อม Online บนโลกอินเตอร์เน็ต
• เทคนิคต่าง ๆ ในการ Optimization ทำอย่างไรให้ชื่อเว็บไซด์ของเราติดอันดับต้นๆใน Search Engine
• การสร้างลูกเล่นให้กับเว็ปด้วยการเพิ่มเติมโดยไม่จำเป็นต้องรู้ภาษาโปรแกรมมิ่งต่างที่ยุ่งยาก เช่น Guest Book ( สมุดเยี่ยมชม ), ใส่ Counter ตัวนับจำนวนผู้เข้าชม
• การสร้างฟรี Webboard จากเว็บไซต์ยอดนิยมต่างๆเช่น FreeCounter.com, Geocities.com และ Thaimisc.com เป็นต้น
• ทดลองใส่ ไฟล์เสียงเพลง ไฟล์วีดีโอ จากเว็บไซด์ที่ให้บริการฟรีต่างๆ เช่น imeem.com, ijigg.com, youtube.com เป็นต้น