การใช้งาน Adobe Photoshop CS
ในการศึกษาวิชา มัลติมีเดียเพื่องานนิเทศศาสตร์ (PR 315) จำเป็นอย่างยิ่งที่นักศึกษาจะต้องมีพื้นฐานความรู้เกี่ยวกับระบบการทำงานของคอมพิวเตอร์ที่ใช้งานบนระบบวินโดว์ และจะต้องมีความรู้ความเข้าใจเกี่ยวกับการสร้างงานกราฟฟิค
ในโปรแกรม Photoshop เพื่อที่จะสร้างงานต่างๆ บนหน้าเว็บไซต์ได้ สำหรับในวิชานี้จะมีการเรียนภาคปฏิบัติในโปรแกรมหลายประเภท ได้แก่ Adobe Photoshop Cs, Macromedia Dreamweaver Macromedia Flash MX เป็นต้น
ในวิชานี้เราจะใช้โปรแกรม Photoshop CS ซึ่งเป็นเวอร์ชั่นล่าสุดที่ยังคงมีความสามารถโดดเด่นในเรื่องเครื่องมือสร้างภาพและแต่งภาพที่ครบถ้วนและมีหลายสิ่งที่ได้มีการปรับปรุงให้ดีขึ้น มีหลายสิ่ง
ที่เพิ่มเข้ามา สำหรับผู้ที่เคยใช้งานPhotoshop ในเวอร์ชั่นอื่นๆ อาจมองว่าไม่ได้มีอะไรแตกต่างมากนัก แต่สำหรับผู้ใช้งานเป็นครั้งแรกอาจต้องเรียนรู้เรื่องเครื่องมือและเทคนิคต่างๆ มากมาย
อย่างไรก็ตาม ประสิทธิภาพการทำงานของ Photoshop นั้นอาจมีมากมายเหลือเกินไม่ว่าจะเป็นงานด้านสิ่งพิมพ์ นิตยสารและงานมัลติมีเดียซึ่งในงานออกแบบเวบไซต์ ภาพในหน้างานเวบเป็นสิ่งสำคัญอย่างยิ่งนอกเหนือจากเนื้อหาและสาระอื่นๆ แล้ว ดังนั้นจึงมีความจำเป็นอย่างยิ่งที่ผู้ศึกษาในวิชามัลติมีเดียเพื่องานนิเทศศาสตร์จะต้องเรียนรู้ในห้องปฎิบัติการและฝึกฝนจนเกิดความชำนาญเพื่อ
ให้งานการออกแบบและตกแต่งภาพที่ใช้บนเวบไซต์มีความโดดเด่นและเป็นเอกลักษณ์
ในการทำงานของโปรแกรมประมวลผลงานภาพบนคอมพิวเตอร์มีอยู่ 2 รูปแบบ ได้แก่
การประมวลภาพแบบ Vector เป็นการประมวลผลแบบอาศัยหลักการคำนวณทางคณิตศาสตร์
การเก็บภาพแสดงผลแบบ Bitmap เป็นการประมวลผลแบบอาศัยการอ่านค่าสีในแต่ละ Pixel ซึ่งโปรแกรม Photoshop ใช้วิธีนี้ในการประมวลภาพเปรียบเทียบการแสดงผลแบบ Vector และ Bitmap
1. การเข้าสู่โปรแกรม Photoshop
Click ไอคอนรูป บน Desktop
หรือ Click ปุ่ม Start>Program>Adobe Photoshop
พื้นที่ทำงาน
เมื่อเปิดโปรแกรม Photoshopcs จะเห็นพื้นที่ทำงานซึ่งประกอบด้วยหน้างานหลักต่อไปนี้
Memu Bar แถบกลุ่มคำสั่งสำหรับการทำงานทั้งหมดใน Photoshop
Option Bar แถบสำหรับแสดงส่วนตัวเลือกหรือส่วนปรับแต่งเสริมการทำงานของเครื่องมือ (Tool) ที่เราเลือกใช้งานจากใน Tool Box
Toolbox เป็นกล่องเก็บเครื่องมือต่างสำหรับใช้ทำงานบนพื้นที่งาน
Active Image Area พื้นที่งานซึ่งสามารถเปิดทำงานพร้อมกันได้หลายๆ กรอบแต่สามารถเลือกทำงานได้ทีละกรอบเท่านั้น
Palette Well ส่วนสำหรับจัดเก็บหน้าต่าง Palette ที่เราอาจจำเป็นต้องงานเป็นระยะๆ (แต่ไม่ตลอดเวลาร เราสามารถเลือก Palette บางชิ้นมาใส่ไว้ใน Palette Well นี้ได้
Palette เป็นหน้าต่างย่อย สำหรับอำนวยความสะดวกในการทำงานและเป็นส่วนควบคุมส่วนย่อยในการทำงานด้วย เช่น กำหนดค่าสี การทำงานLayer บันทึกแก้ไขการทำงาน History
2. ก่อนจะเริ่มทำงานจะต้องกำหนดค่าให้กับมาเป็นค่า Default
Menu Window
Reset Palette Location
ใช้ Mouse Click ขวาที่ Option bar และเลือก Reset all tools
3. การเปิดหน้างานใหม่
Menu File
New หรือ กด Ctrl + N
เกิดหน้าต่าง New
กำหนดค่างานสำหรับสร้างงานเวบไซต์
Name : ใส่ชื่องาน
Image size : ขนาดของ File ซึ่งเปลี่ยนแปลงตามขนาด และ Resolution
Width : ความกว้าง ซึ่งมีหน่วยต่างๆ เช่น Pixcel เซนติเมตร นิ้ว
Height : ความสูงซึ่งมีหน่วยต่างๆ เช่น Pixcel เซนติเมตร นิ้ว
Resolution : ค่าความละเอียด (ซึ่งความละเอียดบนหน้าจอ = 72)
Mode : ใช้ Mode RGB Color สำหรับงานออกแบบเวบไซต์
เกร็ดความรู้
ถ้าต้องการซ่อน Toolbar และ Palette ให้กดปุ่ม TAB
ถ้าต้องการซ่อนเฉพาะ Palette ให้กด Shift+TAB
4. การย่อ-ขยายภาพโดยใช้ Zoom Tool
การย่อ-ขยายภาพจะช่วยให้สามารถตกแต่งภาพได้ง่ายและมีความละเอียดมากขึ้นสามารถขนานภาพและตกแต่งได้จนถึงส่วนที่ย่อยที่สุดของภาพ คือ pixel ต่อ pixel
Zoom Tool เป็นเครื่องมือหนึ่งที่อยู่ใน Toolbox มีรูปร่างเหมือนแว่นขยายใช้ในการย่อหรือขยายภาพมีขั้นตอนการทำงานดังนี้ คือ
Click Mouse ที่ไอคอน ใน Toolbar
เมื่อเลื่อน Mouse เข้าไปบริเวณรูปภาพ ตัวชี้ Mouse จะเปลี่ยนไปเป็นรูปในขั้นตอนมีวิธีใช้ที่แตกต่างกันดังนี้
เมื่อต้องการขยายภาพให้เลือกบริเวณที่ต้องการ ขยายแล้ว Click เมาส์ ภาพบริเวณนั้นจะขยายออกและเมื่อClick เมาส์ไปเรื่อยๆ ภาพก็จะขยายขึ้นเรื่อยๆ
เมื่อต้องการย่อภาพให้กดปุ่ม Alt ค้างไว้ หลังจากนั้นเลือกบริเวณที่ต้องการย่อภาพและ Click เมาส์จะสังเกตเห็นว่าภาพบริเวณนั้นจะถูกย่อลง
5. กำหนดมุมมองของภาพโดยการใช้ Hand Tool
ในกรณีที่ภาพมีขนาดใหญ่ ไม่สามารถมองเห็นทุกส่วนของภาพได้ในหน้าจอเดียว สามารถเลื่อนภาพเพื่อดูภาพในทุกจุดได้ ภายในหน้าจอเดียวได้โดยไม่ต้องอาศัย Scrollbar อีกต่อไป ด้วยวิธีง่ายๆ คือการใช้ Hand Tool ที่อยู่ใน Toolbox
6 . Navigator Palette ศูนย์รวมการกำหนดมุมมอง
จากหัวข้อที่ผ่านมาแสดงถึงการกำหนดมุมมองของภาพในรูปแบบต่างๆ ซึ่งความสัมพันธ์ระหว่างการใช้เครื่องมือเหล่านั้นกับภาพที่เห็นถูกรวบรวมไว้ด้วยกันที่ Navigator Palette ดังต่อไปนี้ คือ
สามารถเรียกดู Navigator Palette ได้โดยการ Click เมาส์ที่
Window>Show Navigator
สังเกตว่า ภาพที่ใช้งานอยู่ ปรากฎใน Navigator Palette
กรอบสี่เหลี่ยมสีแดงสดพื้นที่ภาพที่แสดงบนหน้าต่างภาพ
เมื่อเลื่อน Mouse ไปที่กรอบสีแดง จะปรากฎ Click เมาส์และลากเส้นกรอบสีแดงไปยังพื้นที่ที่ต้องการดูใช้งานเหมือนคำสั่ง Hand Tool
บอกเปอร์เซ็นต์การขยายของภาพในขณะนั้น สามารถพิมพ์ตัวเลขกำหนดเปอร์เซ็นต์การขยายภาพเองได้ สังเกตว่า กรอบสีแดงจะเล็กลงเมื่ออัตราการขยายสูงขึ้นและภาพที่แสดงในหน้าต่างภาพก็จะมีขนาดใหญ่ขึ้นด้วย
Click เมาส์เพื่อปรับเปอร์เซ็นต์การย่อเป็น Step
แถบเลื่อนเพิ่ม-ลดอัตราการขยายของภาพ ทางขวาเพิ่ม ทางซ้ายลด
Click เมาส์เพื่อปรับเปอร์เซ็นต์การขยายเป็น Step
7. การสร้าง Selection
การสร้าง Selection คือ การเลือกพื้นที่เพื่อการแก้ไขและตกแต่งภาพ
การสร้าง Selection ในโปรแกรม Photoshop หมายความว่า หากต้องการปรับแต่งภาพต้องมีการเลือกพื้นที่ใดพื้นที่หนึ่งก่อน เนื่องจากภาพบางภาพต้องการปรับแต่งเฉพาะบางจุด
7.1 การ Selection โดยใช้ Marquee Tool
Marquee Tool เป็นเครื่องมือที่ทำให้การ Selection แบบมีรูปแบบตายตัว เช่น การเลือกพื้นที่เป็นรูปสี่เหลี่ยม วงกลม ด้วยวิธีง่ายๆ เพียงลาก Mouse ผ่านพื้นที่ภาพเท่านั้น Marquee Tool แบ่งตามลักษณะการใช้งานเป็น 4 รูปแบบ คือ
เครื่องมือในส่วนของ Marquee Tool
7.2 วิธีการใช้งาน Marquee Tool
เลือกรูปแบบ Selection โดยClick เมาส์ค้างไว้จะปรากฎรูปทรงต่างๆ ที่ซ่อนไว้ เลื่อนเมาส์ไปยังรูปแบบที่ต้องการและปล่อยเมาส์
เลื่อนเมาส์ไปยังบริเวณพื้นงาน ลูกศรที่เมาส์จะเปลี่ยนเป็นเครื่องหมาย + หลังากนั้นก็ Click และลากเมาส์ค้างในพื้นที่ที่ต้องการ
เมื่อได้พื้นที่ที่ต้องการแล้วให้ปล่อยเมาส์ก็จะเกิดเส้นประในบริเวณที่ถูกเลือก
7.3 Marquee Options
สามารถกำหนดคุณลักษณะต่างๆ ของ Marquee Tool ได้โดยClick เมาส์และเลือกที่ Option Bar ซึ่งจะแสดงดังรูป
Option Bar ขณะทำงานที่ Marquee Tool
7.4 การทำงานของ Marquee Options
ค่า Feather เป็นการกำหนดความฟุ้งเบลอของขอบที่เลือกซึ่งมีค่าตั้งแต่ 1 ถึง 255 เป็นการสร้างเส้นขอบ Selection ให้มีความฟุ้งเบลอและลดความลดเอียดของขอบที่ Selection ซึ่งจะเห็นการเปลี่ยนแปลงที่ชัดเจน เมื่อมีการตัด การก๊อปปี้ การเคลื่อนย้ายพื้นที่ที่เลือกนั้น หากค่าของ Feather มาก ความฟุ้งเบลอจะมากตามด้วย
7.5 Style ของ Marquee Options แบ่งเป็น 3 ประเภท คือ
Normal เลือกอิสระ ขนาดของพื้นที่ที่เลือกจะเปลี่ยนแปลงไปตามตำแหน่งของเมาส์ที่เลื่อนไป
Constrained Aspect Ration เลือกแบบกำหนดค่ายืดหยุ่นตามอัตราส่วนความกว้าง ความสูงที่ได้กำหนดไว้ เช่น กำหนดให้ Width(ค่าความกว้าง) = 1 และ Height(ความสูง) =1 หมายถึงเมื่อลากเมาส์พื้นที่เลือกได้จะถูกบังคับให้เป็นอัตราส่วน 1:1
Fixed Size เลือกโดยกำหนดพื้นที่เลือกทั้งกว้างและความสูงอย่างเจาะจงแน่นอน
7.6 การเพิ่ม ตัด ลดและเคลื่อนย้ายพื้นที่ Selection
ในกรณีที่เลือกพื้นที่ภาพ กด ตัวชี้ Mouse จะเปลี่ยนเป็นรูปเครื่องหมาย + หลังจากนั้นให้ลากเมาส์ครอบพื้นที่ที้ต้องการ
ในกรณีที่เพิ่มพื้นที่เพิ่มเลือกกด Shift ค้างไว้ ลูกศรที่เมาส์จะเปลี่ยนเป็นรูปเครื่องหมาย + หลังจากนั้นให้Click เมาส์ค้างไว้และลากเมาส์ไปยังบริเวณที่ต้องการเพิ่มพื้นที่
ในกรณีต้องการลดพื้นที่ให้กด Alt ค้างไว้ ลูกศรที่เมาส์จะเปลี่ยนเป็นรูป + หลังจากนั้น Click เมาส์ค้างไว้และลากเมาส์ไปยังบริเวณที่ต้องการลดพื้นที่
8. การใช้ Selection โดยใช้ Lasso Tool
เครื่องมือในส่วนของ Lasso Tool
Lasso Tool เป็นการ Selection โดยการเลือกพื้นที่การทำงานแบบอิสระโดยการทำงาน คือ ลาก Selection ตามพื้นที่ที่ต้องการและจุดสิ้นสุดนั้นต้องบรรจบกลับที่จุดเริ่มต้นรูปแบบเครื่องมือ Lasso Tool
Lasso Tool เป็นการเลือกแบบอิสระ ผู้ใช้งานสามารถบังคับได้ด้วยมือผ่านการลากเมาส์ การใช้งานให้ Click เลือกเครื่องมือ Lasso Tool และใช้วิธีลากเมาส์ค้างในพื้นที่ที่ต้องการเลือกและจุดสุดท้ายให้บรรจบที่จุดแรก
Lasso Option
Anti-alliased เป็นช่วยให้พื้นที่เลือกเรียบ ไม่ขรุขระ ทำให้งานดูเรียบร้อยมากขึ้น
Option Bar ขณะทำงานที่ Lasso Tool
9. Polygonal Lasso Tool เป็นการเลือกแบบสร้างขอบเป็นเส้นตรงหลายเหลี่ยม
เป็นเลือกพื้นที่แบบรูปหลายเหลี่ยม โดยทำการ Click ที่จุดเริ่มต้น จากนั้นลากไปยังตำแหน่งที่ต้องการ จากนั้นแล้ว Click ตำแหน่งถัดไปซึ่งจะเกิดพื้นที่ที่เลือกเป็นแบบหลายเหลี่ยมจนกลับมายังจุดเริ่มต้นและ Click ที่ตำแหน่งเดิมจะเกิดเส้นประ Selection เกิดขึ้น
10. Magnetic Lasso Tool เป็นเครื่องมือที่ทำงานเกาะขอบพื้นที่สีที่ใกล้เคียง
การใช้งาน เลือกเครื่องมือ จากนั้น Click เมาส์ที่จุดเริ่มต้นจากเมาส์ลากไปยังบริเวณที่ต้องการเครื่องมือจะทำงานเลือกพื้นที่ในขอบเองโดยอัตโนมัติ การสิ้นสุดการทำงานโดยกลับไป Click จุดที่บรรจบกับจุดเริ่มต้นอีกครั้ง
การสร้างเว็บไซต์ด้วยโปแนะนำการใช้เครื่องมือใน Macromedia Dreamweaver
แถบคำสั่ง (Menu bar) เป็นแถบที่ใช้เก็บคำสั่งทั้งหมดของโปรแกรม
• แถบเครื่องมือ (Tool bar) เป็นแถบที่รวบรวมปุ่มคำสั่งที่ใช้ง่ายบ่อย
• แถบสถานะ (Status bar)
• ส่วนของ Properties (Properties Inspector) แต่ละ Object ที่เรานำมาใช้สร้างหน้าเว็บเพจจะมีคุณสมบัติต่างๆ ที่เราสามารถปรับแต่งได้
• ส่วน Panel Group เป็นส่วนที่เพิ่มขึ้นมาเพื่อให้สามารถใช้ในการติดต่อกับฐานข้อมูลฝั่งเซิร์ฟเวอร์ เพื่อให้ง่ายในการสร้าง Application บน Internet การสร้างและดูแลเว็บด้วย Macromedia Dreamweaver MX สุวิมล คงศักดิ์ตระกูล
• ส่วน Panel Group เป็นส่วนที่เพิ่มขึ้นมาเพื่อให้สามารถใช้ในการติดต่อกับฐานข้อมูลฝั่งเซิร์ฟเวอร์ เพื่อให้ง่ายในการสร้าง Application บน Internet
• รายละเอียดของแท็บ Insert (Insert Bar) เป็นกลุ่มเครื่องมือองค์ประกอบต่างๆ (Object) ที่จะนำมาสร้างหน้าเว็บเพจ มี 12 กลุ่ม ดังนี้
แท็บ Common เป็นส่วนที่รวบรวมกลุ่มเครื่องมือที่ใช้สร้างองค์ประกอบต่างๆ ของเว็บ เช่นการแทรกภาพ การแทรกตาราง การกำหนดลิงค์ เป็นต้น
กำหนดลิงค์ กำหนดอีเมล์ลิงค์ แทรกตาราง แทรกรูปภาพ แทรกFlash แทรกวันที่ กำหนดลิงค์ในเว็บเพจเดียวกัน
แท็บ Layout เป็นส่วนรวมเครื่องมือที่ช่วยในการจัดองค์ประกอบของหน้าเว็บเพจ
แท็บ Text เป็นที่รวบรวมคำสั่งเกี่ยวกับการใช้งานตัวอักษร
แท็บ Table รวบรวมคำสั่งในการสร้างตารางให้กับเว็บเพจ
แท็บ Frames รวบรวมคำสั่งที่ใช้ในการแบ่งหน้าเว็บเพจให้ออกเป็นส่วนย่อย
แท็บ Forms แทรกเครื่องที่ใช้ในการสร้างแบบสอบถาม และตัวเลือกต่างๆ
แท็บ Templates ใช้ในการกำหนดรูปแบบให้กับเว็บเพจ
แท็บ Characters เป็นกลุ่มเครื่องมือที่ใช้แทรกตัวอักษร และสัญลักษณ์พิเศษ
การแทรก Line Break การแทรกที่ว่าง
แท็บ Media ใช้สำหรับแทรกไฟล์วิดีโอ , ภาพเคลื่อนไหว, Flash, Java applet, ActiveX หรือ Plugin ในหน้าเว็บ
การแทรกไฟล์ Flash การสร้างปุ่มแบบ Flash การสร้างตัวอักษรแบบ Flash
แท็บ Head เป็นการแทรกคำสั่งเสริมในหน้าเว็บ เช่น คีย์เวิร์ด เพื่อให้ Search Engine สามารถค้นหาเว็บเราได้
แท็บ Script ใช้ในการแทรกภาษาสคริปต์ในเว็บ
แท็บ Application เป็นแท็บที่รวบรวมคำสั่งที่ใช้สร้างแอพพลิเคชั่นติดต่อกับฐานข้อมูลผ่านเว็บเซิร์ฟเวอร์
• หน้าต่างเว็บเพจ (Document Window) สำหรับหน้าต่างการทำงาน Macromedia Dreamweaver MX สามารถเลือกได้ 3 รูปแบบ เอกสารประกอบการอบรมโค รงการอบรมสำหรับผู้ดูแลเว็บหน่วยงานของมหาวิทยาลัย Show Code View เป็นหน้าต่างที่แสดงเฉพาะ HTML ของเว็บเพจที่เรากำลังทำงานอยู่ Show Code and Design Views เป็นหน้าต่างที่แสดงทั้ง HTML และหน้าเว็บเพจที่ออกแบบ Show Design View แสดงแต่หน้าเว็บเพจปกติไม่แสดง HTML โปรแกรม Macromedia Dreamweaver 8
• แถบเครื่องมือ (Tool bar) เป็นแถบที่รวบรวมปุ่มคำสั่งที่ใช้ง่ายบ่อย
• แถบสถานะ (Status bar)
• ส่วนของ Properties (Properties Inspector) แต่ละ Object ที่เรานำมาใช้สร้างหน้าเว็บเพจจะมีคุณสมบัติต่างๆ ที่เราสามารถปรับแต่งได้
• ส่วน Panel Group เป็นส่วนที่เพิ่มขึ้นมาเพื่อให้สามารถใช้ในการติดต่อกับฐานข้อมูลฝั่งเซิร์ฟเวอร์ เพื่อให้ง่ายในการสร้าง Application บน Internet การสร้างและดูแลเว็บด้วย Macromedia Dreamweaver MX สุวิมล คงศักดิ์ตระกูล
• ส่วน Panel Group เป็นส่วนที่เพิ่มขึ้นมาเพื่อให้สามารถใช้ในการติดต่อกับฐานข้อมูลฝั่งเซิร์ฟเวอร์ เพื่อให้ง่ายในการสร้าง Application บน Internet
• รายละเอียดของแท็บ Insert (Insert Bar) เป็นกลุ่มเครื่องมือองค์ประกอบต่างๆ (Object) ที่จะนำมาสร้างหน้าเว็บเพจ มี 12 กลุ่ม ดังนี้
แท็บ Common เป็นส่วนที่รวบรวมกลุ่มเครื่องมือที่ใช้สร้างองค์ประกอบต่างๆ ของเว็บ เช่นการแทรกภาพ การแทรกตาราง การกำหนดลิงค์ เป็นต้น
กำหนดลิงค์ กำหนดอีเมล์ลิงค์ แทรกตาราง แทรกรูปภาพ แทรกFlash แทรกวันที่ กำหนดลิงค์ในเว็บเพจเดียวกัน
แท็บ Layout เป็นส่วนรวมเครื่องมือที่ช่วยในการจัดองค์ประกอบของหน้าเว็บเพจ
แท็บ Text เป็นที่รวบรวมคำสั่งเกี่ยวกับการใช้งานตัวอักษร
แท็บ Table รวบรวมคำสั่งในการสร้างตารางให้กับเว็บเพจ
แท็บ Frames รวบรวมคำสั่งที่ใช้ในการแบ่งหน้าเว็บเพจให้ออกเป็นส่วนย่อย
แท็บ Forms แทรกเครื่องที่ใช้ในการสร้างแบบสอบถาม และตัวเลือกต่างๆ
แท็บ Templates ใช้ในการกำหนดรูปแบบให้กับเว็บเพจ
แท็บ Characters เป็นกลุ่มเครื่องมือที่ใช้แทรกตัวอักษร และสัญลักษณ์พิเศษ
การแทรก Line Break การแทรกที่ว่าง
แท็บ Media ใช้สำหรับแทรกไฟล์วิดีโอ , ภาพเคลื่อนไหว, Flash, Java applet, ActiveX หรือ Plugin ในหน้าเว็บ
การแทรกไฟล์ Flash การสร้างปุ่มแบบ Flash การสร้างตัวอักษรแบบ Flash
แท็บ Head เป็นการแทรกคำสั่งเสริมในหน้าเว็บ เช่น คีย์เวิร์ด เพื่อให้ Search Engine สามารถค้นหาเว็บเราได้
แท็บ Script ใช้ในการแทรกภาษาสคริปต์ในเว็บ
แท็บ Application เป็นแท็บที่รวบรวมคำสั่งที่ใช้สร้างแอพพลิเคชั่นติดต่อกับฐานข้อมูลผ่านเว็บเซิร์ฟเวอร์
• หน้าต่างเว็บเพจ (Document Window) สำหรับหน้าต่างการทำงาน Macromedia Dreamweaver MX สามารถเลือกได้ 3 รูปแบบ เอกสารประกอบการอบรมโค รงการอบรมสำหรับผู้ดูแลเว็บหน่วยงานของมหาวิทยาลัย Show Code View เป็นหน้าต่างที่แสดงเฉพาะ HTML ของเว็บเพจที่เรากำลังทำงานอยู่ Show Code and Design Views เป็นหน้าต่างที่แสดงทั้ง HTML และหน้าเว็บเพจที่ออกแบบ Show Design View แสดงแต่หน้าเว็บเพจปกติไม่แสดง HTML โปรแกรม Macromedia Dreamweaver 8
