รายละเอียดหลักสูตร

การออกแบบและพัฒนา WebSite
• ขั้นตอนการพัฒนา WebSite 
          o กำหนดเป้าหมายและวางแผน (Site Definition and Planning)
          o วิเคราะห์และจัดโครงสร้างข้อมูล (Analysis and Information Architecture)
          o ออกแบบ WebPage และเตรียมข้อมูล (Page Design and Content Editing)
          o ลงมือสร้างและทดสอบ (Construction and Testing)
          o เผยแพร่และส่งเสริมให้เป็นที่รู้จัก (Publishing and Promotion)
          o ดูแลและพัฒนา (Maintenance and Innovation)
• ทีมงานพัฒนา WebSite
• การศึกษาความต้องการของผู้ชม WebSite
• เนื้อหาที่ควรมีใน WebSite
• หลักการออกแบบ WebSite 
          o การออกแบบโครงสร้าง WebSite (Site Structure Design)
          o การออกแบบระบบเนวิเกชั่น (Site Navigation Design)
          o ลักษณะระบบเนวิเกชั่นที่ดี
• การออกแบบ WebPage  (Page Design)
          o ส่วนประกอบของหน้า WebPage 
          o แนวคิดในการออกแบบ WebPage 
          o ออกแบบ WebPage อย่างไรให้ดูดี
• เทคนิคการจัดโครงสร้างหน้า WebPage 
          o จัดหน้า WebPage ด้วยตาราง
          o จัดหน้า WebPage ด้วย Layer
          o การจัดหน้า WebPage ด้วยเฟรม

รู้จักกับ Dreamweaver MX 
• เริ่มต้นใช้งานโปรแกรม Dreamweaver MX 
• ส่วนประกอบของหน้าจอโปรแกรม
• การทำงานเบื้องต้นกับเว็บไซท์และ WebPage 
          o การกำหนดโครงสร้างข้อมูลภายในเว็บไซท์ของ Dreamweaver
          o การกำหนดโครงสร้างของไฟล์และโฟลเดอร์ใน WebSite
          o การกำหนดโครงสร้างเนื้อหาของเว็บไซท์และแบบแผนการนำทาง
• การสร้าง WebSite
          o ขั้นตอนการสร้างเว็บไซท์ใหม่
          o การแก้ไข WebSite
• รู้จักกับพาเนล Files
• สร้าง WebPage ใหม่
          o การสร้าง WebPage ในกรณีทั่วไป
          o การสร้าง WebPage ใหม่จากไฟล์ตัวอย่าง
• เปิด WebPage 
• บันทึก WebPage 
• ปิดไฟล์ WebPage 
• ทดสอบ WebPage กับบราวเซอร์
• การสร้าง WebPage ภาษาต่างๆ
• การกำหนดคุณสมบัติพื้นฐานของ WebPage 

การใส่ข้อความลงบน WebPage 
• การเพิ่มข้อความบน WebPage 
• การจัดรูปแบบข้อความ
• การใช้รูปแบบย่อหน้าของ HTML
• การเพิ่มชุดฟอนต์ตัวอักษร
• การกำหนดฟอนต์ตัวอักษร
• การกำหนดขนาดตัวอักษร
• การกำหนดสีตัวอักษร
• การกำหนดลักษณะตัวหนา ตัวเอียง และอื่นๆ
• การจัดตำแหน่งย่อหน้า
• การจัดเยื้องย่อหน้า
• การสร้างรายการแบบมีหัวข้อ (List)
• การแทรกสัญลักษณ์พิเศษ
• การแทรกเส้นแบ่งเนื้อหา
• การ Copy เนื้อหาจาก MS-Word

การใส่ภาพประกอบ WebPage 
• ข้อพิจารณาในการใช้ภาพกราฟิกบน WebPage 
• ภาพกราฟิกพื้นฐานสำหรับ WebPage 
• หลักเกณฑ์การใช้ภาพกราฟิกใน Dreamweaver
• การวางภาพกราฟิกลงบน WebPage  
          o การวางภาพกราฟิกด้วยคำสั่งในเมนู
          o การวางภาพกราฟิกจากพาเนล Assets
          o การวางภาพกราฟิกจากพาเนล Files
• การปรับแต่งคุณสมบัติของภาพกราฟิก
          o การกำหนดชื่อภาพ
          o การปรับขนาดภาพ
          o การเปลี่ยนไฟล์ภาพ
          o การใส่คำอธิบายภาพ (Alt)
          o การกำหนดระยะห่างระหว่างภาพกับเนื้อหาอื่นๆ
          o การใส่เส้นกรอบให้กับภาพ
          o การจัดตำแหน่งภาพเทียบกับข้อความ
• การใส่ Image Placeholder
• การใช้เครื่องมือปรับแต่งภาพใน Dreamweaver
          o การตัดภาพ (Crop)
          o การปรับแสง/คอนทราสต์ของภาพ (Brightness/Contrast)
          o การปรับความคมชัดของภาพ (Sharpen)
          o การสุ่มข้อมูลภาพใหม่ (Resample)
• การ Optimize ภาพด้วยโปรแกรม Fireworks
          o ขั้นตอนการ Optimize ภาพ
          o แท็บ Options , File, Animation
• การแก้ไขภาพด้วยโปรแกรม Fireworks
• การใส่ภาพฉากหลังให้ WebPage  (Background)
• การสร้าง Effect สลับภาพเมื่อชี้เมาส์ (Rollover Image)
• การสร้างอัลบั้มภาพสำหรับเว็บ (Web Photo Album)

การสร้างไฮเปอร์ลิงค์ (Hyperlink)
• องค์ประกอบของไฮเปอร์ลิงค์
• การสร้างลิงค์ภายใน WebPage เดียวกัน (Named Anchor)
          o การสร้าง Named Anchor
          o การสร้างลิงค์ไปยัง Named Anchor
          o เทคนิคการสร้างลิงค์ไปยัง Named Anchor แบบรวดเร็ว
          o การแก้ไข Named Anchor
• การสร้างลิงค์ไปยัง WebPage หรือไฟล์ภายในเว็บไซท์เดียวกัน
          o การสร้างลิงค์ด้วยวิธีเลือกไฟล์
          o การสร้างลิงค์ด้วยวิธี Point-to-File
          o การสร้างลิงค์ข้อความด้วยคำสั่ง Hyperlink
• การสร้างลิงค์ไปยังเว็บไซท์อื่น
• การสร้างลิงค์เพื่อส่งอีเมล์
• ใส่สีสันให้กับข้อความที่เป็นลิงค์
• การสร้าง Image Map
          o เครื่องมือสำหรับสร้าง Image Map
          o ขั้นตอนการสร้าง Image Map 
          o การแก้ไข Image Map
• การสร้าง Navigation Bar
          o การเตรียมตัวก่อนสร้าง 
          o วิธีสร้างและการแก้ไข Navigation Bar
          o วิธีกำหนดให้ Navigation Bar แตกต่างกันใน WebPage แต่ละหน้า
• การสร้าง Jump Menu
          o วิธีสร้าง Jump Menu
          o การแก้ไข Jump Menu

การจัดหน้า WebPage ด้วยตาราง (Table)
• รู้จักกับโครงสร้างของตาราง
• ขั้นตอนการสร้างตาราง
• ลักษณะการแสดงตารางใน Dreamweaver
• การเลือกส่วนต่างๆ ของตาราง
• ปรับแต่งคุณสมบัติของตาราง
          o คุณสมบัติของตารางบน Properties Inspector
          o การปรับความกว้างและความสูงของตาราง
          o หน่วยของขนาดตาราง
          o วิธีจัดตำแหน่งตาราง
          o การใส่สีพื้นและเส้นขอบให้กับตาราง
          o ใส่ภาพฉากหลังตาราง
• ปรับแต่งคุณสมบัติของเซล
          o คุณสมบัติของเซลบน Properties Inspector
          o การปรับความกว้าง/ความสูง ของแถวและคอลัมน์
          o การจัดตำแหน่งเนื้อหาภายในเซล 
          o การใส่สีพื้น เส้นขอบ และภาพฉากหลังของเซล
• ปรับแต่งเซลในตาราง
          o การแทรกแถวและคอลัมน์
          o การลบแถวและคอลัมน์
          o การแยกเซล (Split Cell)
          o การรวมเซล (Merge Cell)
• นำเข้าตารางข้อมูลจาก Word และ Excel
• นำเข้าข้อมูลจากภายนอกมาสร้างตาราง
• การเรียงลำดับข้อมูลในตาราง
• การจัดรูปแบบตารางอัตโนมัติ
• การสร้างตารางซ้อนตาราง (Nested Table)
• การนำตารางมาช่วยจัดเลย์เอาท์ของ WebPage 
• สร้างตารางรวมภาพกราฟิก

การจัดหน้า WebPage ด้วยมุมมอง Layout
• รู้จักกับมุมมอง Layout
• การสร้าง Layout Table และ Layout Cell
          o วิธีสร้าง Layout Table
          o วิธีสร้าง Layout Cell
          o การสร้าง Layout Table ซ้อนกัน
• การเลือก Layout Table และ Layout Cell
• ปรับแต่งคุณสมบัติของ Layout Table และ Layout Cell
          o คุณสมบัติของ Layout Table และ Layout Cell บน Properties Inspector
          o การปรับขนาด Layout Table และ Layout Cell
• การแก้ไข Layout Table และ Layout Cell
          o การย้ายตำแหน่ง Layout Table
          o การย้ายตำแหน่ง Layout Cell
          o การลบ Layout Table และ Layout Cell
          o การปรับความกว้างของเซลอัตโนมัติ
          o การแทรกแถวและคอลัมน์
• การกำหนดความกว้างแบบ Autostretch
• การใช้ภาพกราฟิก (Spacer Image) แทนพื้นที่ว่าง
          o การใส่และการยกเลิกภาพ Spacer ในคอลัมน์
• ใช้ Tracing Image ช่วยออกแบบ WebPage 
• วิธีใส่ Tracing Image
• การซ่อน/แสดง และลบ Tracing Image
• การปรับตำแหน่งของ Tracing Image

การจัดหน้า WebPage ด้วยเลเยอร์ (Layer)
• การสร้างเลเยอร์
           o การวาดเลเยอร์
           o การแทรกเลเยอร์
• การเลือก และการกำหนดวิธีแสดงเลเยอร์
           o การเลือกเลเยอร์
           o การซ่อนและแสดงไอคอนจุดยึดของเลเยอร์
           o การซ่อนและแสดงเส้นขอบของเลเยอร์
• การปรับแต่งเลเยอร์
           o คุณสมบัติของเลเยอร์บน Properties Inspector
           o คุณสมบัติของเลเยอร์บนพาเนล Layers
           o การกำหนดชื่อเลเยอร์ 
           o การกำหนดตำแหน่งเลเยอร์
           o การปรับขนาดเลเยอร์
           o การจัดระดับชั้นของเลเยอร์
           o การซ่อนและแสดงเลเยอร์
           o วิธีการแสดงเนื้อหาที่มีขนาดใหญ่กว่าเลเยอร์ 
           o วิธีการแสดงเนื้อหาเพียงบางส่วน
• สร้างเลเยอร์ซ้อนเลเยอร์ 
          o เปลี่ยนเลเยอร์ย่อยให้เป็นเลเยอร์ธรรมดา
          o เปลี่ยนเลเยอร์หลักให้เป็นเลเยอร์ย่อย
• การจัดเรียงเลเยอร์และปรับขนาดให้เท่ากัน
• การแปลงเลเยอร์ให้เป็นตาราง
• การใช้เลเยอร์จัดเลย์เอาท์ของ WebPage ทั้งหน้า

การแบ่งหน้า WebPage ด้วยเฟรม (Frame)
• ข้อควรรู้เกี่ยวกับการใช้เฟรม
• ข้อพิจารณาในการออกแบบเฟรม
• การสร้างเฟรมเซ็ต (Frameset)
           o การสร้างเฟรมเซ็ตจากต้นแบบ
           o การสร้างเฟรมเซ็ตด้วยเครื่องมือ Frames
           o การสร้างเฟรมเพิ่มด้วยเครื่องมือ Frames
           o การสร้างเฟรมเซ็ตด้วยวิธีคลิกลากเส้นแบ่ง
• การเลือกเฟรมและเฟรมเซ็ต
           o การซ้อนกันของเฟรมเซ็ต
           o การเลือกเฟรมและเฟรมเซ็ตบนวินโดว์ Document 
           o การเลือกเฟรมและเฟรมเซ็ตโดยใช้พาเนล Frames
• การปรับแต่งคุณสมบัติของเฟรมเซ็ต
• การปรับแต่งคุณสมบัติของเฟรม
• การใส่เนื้อหาให้กับเฟรม
• การกำหนดเฟรมเป้าหมายของไฮเปอร์ลิงค์
• การบันทึกเฟรมเซ็ตและเฟรม
• การใส่เนื้อหาสำหรับแสดงในบราวเซอร์ที่ไม่สนับสนุนเฟรม

การสร้าง Template และการใช้งาน Library
• รู้จักกับ Template 
• การสร้าง Template 
          o สร้าง Template จาก WebPage ที่มีอยู่แล้ว
          o สร้าง Template ว่างด้วยพาเนล Assets
• การเปิดและการบันทึกไฟล์ Template 
• การสร้างเนื้อหาของ Template 
          o การสร้างและการยกเลิก Editable Region ใน Template 
• การนำ Template ไปใช้สร้าง WebPage 
          o สร้าง WebPage ใหม่จาก Template 
          o เรียกใช้ Template จากพาเนล Assets
• การยกเลิกความเชื่อมโยงระหว่าง WebPage กับ Template 
• การสร้างและการใช้งาน Repeating Region
• การสร้าง Repeating Table
• การสร้าง Optional Region
          o ขั้นตอนการสร้าง Optional Region ใน Template 
          o ขั้นตอนการสร้าง Editable Optional Region ใน Template 
          o ออปชั่นเพิ่มเติมของ Optional Region
          o การซ่อนหรือแสดง Optional Region บน WebPage 
• การสร้าง Template ซ้อน Template  (Nested Template)
          o การสร้าง Template หลัก (Base Template)
          o การสร้าง Template ย่อย (Nested Template) 
          o การนำ Template ย่อยมาใช้งาน
• การตรวจสอบความถูกต้องของ Template  (Check Template Syntax)
• การใช้ไลบรารี่ (Library)
          o การสร้างไลบรารี่ไอเท็ม
          o การแทรกไลบรารี่ไอเท็มลงบน WebPage 
          o การแก้ไขไลบรารี่ไอเท็ม 
          o การยกเลิกความเชื่อมโยงระหว่างไลบรารี่ไอเท็มกับสำเนาบน WebPage 
• การปรับปรุง WebPage ภายหลังแก้ไข Template และไลบรารี่ไอเท็ม

การสร้างฟอร์ม (Form)
• ทำความรู้จักกับฟอร์ม
• การทำงานของ WWW ในการรับข้อมูลจากผู้ชม
• โปรแกรมสำหรับประมวลผลข้อมูลบนเซิร์ฟเวอร์
• องค์ประกอบและขั้นตอนการสร้างฟอร์ม
• การสร้างตัวฟอร์ม
• กำหนดคุณสมบัติของฟอร์มบน Properties Inspector
• การใส่ฟีลด์ชนิดต่างๆ ลงในฟอร์ม Text Field และ Textarea ,Checkbox ,Radio Button ,Radio Group ,List/Menu File Field ,Hidden Field ,Button ,Image Field ,Label ,Fieldset
• การสร้างฟอร์มเพื่อส่งอีเมล์
• สร้างฟอร์มค้นหาข้อมูลบนอินเทอร์เน็ต

จัดรูปแบบ WebPage ด้วย Cascading Style Sheet (CSS)
• รู้จักกับ CSS
          o ประโยชน์ของ CSS
          o ข้อเสียของ CSS
          o รูปแบบคำสั่ง CSS
• ประเภทของสไตล์ CSS
• เครื่องมือที่ใช้จัดการกับสไตล์ CSS
          o พาเนล CSS Styles
          o แท็บ Relevant CSS
          o แท็บ CSS Properties
• การใช้สไตล์ CSS แบบอัตโนมัติ
• วิธีเรียกใช้และยกเลิกสไตล์ CSS
• การสร้างสไตล์ประเภท Class Style
• การสร้างสไตล์ประเภท Tag Style
• การสร้างสไตล์ประเภท Advanced (IDs, contextual selectors, etc)
• ชุดคำสั่ง CSS บน WebPage 
• การกำหนดคุณสมบัติต่างๆ ของสไตล์ 
          o หมวด Type
          o หมวด Background 
          o หมวด Block 
          o หมวด Box
          o หมวด Border
          o หมวด List
          o หมวด Positioning
          o หมวด Extensions
• การแก้ไขสไตล์
          o แก้ไขสไตล์ผ่านพาเนล CSS Styles
          o แก้ไขสไตล์ผ่านแท็บ CSS Properties ของ Tag Inspector
          o แก้ไขสไตล์ผ่านพาเนล Relevant CSS
• การสร้างและใช้งานไฟล์ CSS
          o วิธีสร้างสไตล์เก็บไว้ในไฟล์ CSS
          o การดึงไฟล์ CSS เข้ามาใช้ใน WebPage 
          o ผลในกรณีที่ชื่อสไตล์ซ้ำกัน
          o การยกเลิกไฟล์ CSS
• การลบสไตล์
• การส่งออกสไตล์ (Export)
• การจัดการกับสไตล์ด้วยคำสั่ง Manage Styles

เล่นมัลติมีเดียบน WebPage  (Multimedia)
• การสร้างและการปรับแต่งคุณสมบัติปุ่ม Flash (Flash Button)
• การสร้างข้อความ Flash (Flash Text)
• การใช้ Flash Element
• การแสดงมัลติมีเดียของ Flash และ Shockwave
         o ขั้นตอนการแทรกมูฟวี่ของ Flash และ Shockwave
         o การปรับแต่งคุณสมบัติของมูฟวี่
         o การแทรกมูฟวี่ของ Flash และ Shockwave ด้วยวิธีวางชุดคำสั่งเอง
• เล่นเสียงและมัลติมีเดียโดยใช้ปลั๊กอิน (Plugin)
         o ประเภทของไฟล์มัลติมีเดียที่พบบ่อย
         o ขั้นตอนการแทรกมัลติมีเดียโดยใช้ปลั๊กอิน
         o การปรับแต่งคุณสมบัติของปลั๊กอิน
• การใช้ ActiveX Control
         o ขั้นตอนการแทรก ActiveX Control
         o การปรับแต่งคุณสมบัติของ ActiveX Control
• การใช้จาวาแอพเพล็ต (Applet)
• การแทรกชุดคำสั่ง HTML จาก Fireworks
• สร้างภาพเคลื่อนไหวโดยใช้ไทม์ไลน์ (Timeline)
         o พาเนล Timelines
         o ขั้นตอนการสร้างภาพเคลื่อนไหว
         o การกำหนดให้ออบเจ็คเคลื่อนที่เป็นแนวโค้ง 
         o เทคนิคต่างๆ ในการสร้างภาพเคลื่อนไหว

สร้าง WebPage ให้โต้ตอบกับผู้ชม (JavaScript Behavior)
• การใช้พาเนล Behaviors
• การสร้าง การแก้ไข และการยกเลิก Behavior
• การกำหนดบราวเซอร์เป้าหมาย
• ความหมายของ Event ต่างๆ
• การนำ Behavior มาใช้งาน
          o เปิดวินโดว์แบบป๊อปอัพ (Open Browser Window)
          o เล่นเสียง (Play Sound)
          o แสดงกล่องข้อความ (Popup Message)
          o แสดงข้อความบนแถบสถานะ (Set Text of Status Bar)
          o คลิกลากย้ายเลเยอร์ (Drag Layer)
          o ซ่อน/แสดงเลเยอร์ (Show-Hide Layers)
          o สลับภาพกราฟิก (Swap Image)
          o สร้างเมนูแบบป๊อปอัพ (Show Pop-Up Menu)
          o ฯลฯ

การแทรกคำสั่ง HTML และคำสั่งภาษาสคริปต์ (Script)
• การทำงานในมุมมองโค้ด (Code View)
          o การใช้งาน Code Hint 
          o กำหนดแอตทริบิวต์ของแท็กด้วย Properties Inspector และ Tag Inspector
          o การใช้พาเนล Code Inspector
• การแทรกและแก้ไขแท็กในมุมมอง Design
          o การใช้ Quick Tag Editor
          o การแทรกแท็กด้วย Tag Chooser
          o การแทรกแท็ก DIV
          o การแทรกหมายเหตุ (Comment)
• การชำระคำสั่ง HTML
• การแทรกคำสั่งภาษาสคริปต์ (Script)
          o แทรกคำสั่งภาษาสคริปต์ในมุมมอง Code
          o แทรกคำสั่งภาษาสคริปต์ในมุมมอง Design
          o เรียกใช้คำสั่งภาษาสคริปต์จากไฟล์ภายนอก
          o การแก้ไขคำสั่งภาษาสคริปต์ในมุมมอง Design

• การแทรกองค์ประกอบส่วนหัวของ WebPage 
          o ประเภทขององค์ประกอบส่วนหัวของ WebPage 
          o การกำหนดคำสั่ง Meta (HTTP-Equiv)
          o การกำหนดคำสั่ง Meta (Name)
          o การกำหนดคำสั่ง Keywords และ Description
          o การกำหนดคำสั่ง Base 
          o การกำหนดคำสั่ง Refresh
• การแทรกวันที่ปรับปรุง WebPage 

การบริหารจัดการ WebSite
• รู้จักกับพาเนล Files
• การจัดการไฟล์ด้วยพาเนล Files
          o การสร้างไฟล์หรือโฟลเดอร์ใหม่
          o การเปลี่ยนชื่อไฟล์หรือโฟลเดอร์
          o การลบไฟล์หรือโฟลเดอร์
          o การย้ายไฟล์หรือโฟลเดอร์
• การใช้ Site Map
          o การใช้ Site Map กำหนดโครงสร้าง WebSite
          o การแก้ไข Site Map
          o สัญลักษณ์ต่างๆ ใน Site Map 
          o การบันทึก Site Map เป็นไฟล์ภาพ
          o การกำหนด Site Map Layout
• การตรวจสอบและแก้ไขไฮเปอร์ลิงค์
• การตรวจสอบ WebSite
• การค้นหาข้อความหรือคำสั่งภายใน WebSite
• การใช้ Design Note ปรับแต่งมุมมองไฟล์รายชื่อไฟล์

การเผยแพร่ WebSite ( WebSite  Publishing)
• การจดทะเบียนโดเมนเนม (Domain Name)
• การหาผู้ให้บริการรับฝาก WebSite (Web Hosting)
          o ข้อพิจารณาในการเลือก Web Hosting
          o วิธีสมัคร Web Hosting
• เว็บโฮสติ้งฟรี! (Free Web Hosting)
• ความสัมพันธ์ระหว่างโดเมนเนมและเว็บโฮสติ้ง
• การอัพโหลดเว็บไซท์ด้วย Dreamweaver
          o การกำหนดข้อมูลสำหรับเชื่อมต่อกับเซิร์ฟเวอร์ FTP
          o รายละเอียดของเซิร์ฟเวอร์ FTP และออปชั่นที่เกี่ยวข้อง
          o การกำหนด Host Directory
          o ขั้นตอนการอัพโหลด
          o การอัพโหลดด้วยพาเนล Files ในมุมมองแบบขยาย 
          o เทคนิคอื่นๆ เกี่ยวกับการอัพโหลด
          o ปัญหาที่อาจพบขณะอัพโหลด
• การอัพโหลดเว็บไซท์ผ่านเครือข่าย LAN
• การอัพโหลดด้วยวิธี Check In/Check Out
          o การเปิดใช้ระบบ Check In/Check Out
          o ขั้นตอนการแก้ไขไฟล์ในระบบ Check In/Check Out
• การอัพโหลดด้วยวิธี Synchronize
• การซ่อนไฟล์ไม่ให้ถูกอัพโหลด (Cloak)
• การกำหนดเซิร์ฟเวอร์สำหรับทดสอบโปรแกรมภาษาสคริปต์
• การอัพโหลดด้วยโปรแกรม CuteFTP

การปรับแต่งการทำงานและเพิ่มคุณสมบัติใหม่ให้โปรแกรม (Preference and Extension)
• การปรับแต่งการทำงานของโปรแกรม (Preference)
• เสริมคุณสมบัติ Dreamweaver ด้วย Extension