A : เมนูบาร์ (Menu bar) เป็นส่วนที่ใช้ในการสร้างและทำงานกับโปรแกรม ซึ่งมีการแบ่งเป็นกลุ่มคำสั่งต่างๆ เป็นหมวดหมู่และเก็บไว้เป็นเมนู โดยในแต่ละเมนูก็จะมีเมนูย่อยๆ ไว้เรียกใช้งานตามต้องการ
B : แถบเครื่องมือ (Insert bar) เป็นส่วนของการรวบรวมเครื่องมือที่ใช้ในการสร้างวัตถุหรือองค์ประกอบต่างๆ
ของหน้าเว็บเพจ ซึ่งแบ่งเป็นกลุ่มๆ มีทั้งหมด 8 กลุ่ม คือ
– Common เป็นกลุ่มเครื่องมือที่ใช้งานบ่อยๆ ในการสร้างเว็บเพจ เช่น การแทรกตาราง การแทรกรูปภาพ เป็นต้น
– Layout ใช้สำหรับวางวัตถุที่ใช้จัดโครงสร้างของเว็บเพจ เช่น ตาราง เฟรม และ AP Element
– Forms ใช้สำหรับวางวัตถุที่ใช้สร้างแบบฟอร์มเพื่อรับข้อมูลจากผู้ใช้งานเว็บไซต์ เช่น การสมัครสมาชิก เป็นต้น
– Data ใช้สำหรับวางคำสั่งที่ใช้จัดการกับฐานข้อมูลและนำฐานข้อมูลออกมาแสดงบนหน้าเว็บเพจ
-Spray ใช้สำหรับวางวัตถุที่ใช้เทคโนโลยีของ Spary ในรูปแบบต่างๆ
– InContext Editing ใช้สำหรับสร้างพื้นที่เทมเพลตเพื่ออำนวยความสะดวกต่อผู้ใช้ในการแก้ไขเนื้อหา
– Text ใช้สำหรับจัดรูปแบบของข้อความภายในเว็บเพจ เช่น ตัวหนา ตัวเอียง หัวข้อ บุลเล็ต และแทรกสัญลักษณ์ต่างๆ ได้
– Favorites ใช้สำหรับเพิ่มเครื่องมือที่เรียกใช้งานบ่อยๆ โดยเพิ่มจากกลุ่มเครื่องมืออื่นๆ ได้โดยคลิกเม้าส์ขวาบน Insert bar แล้วเลือก Customize Favorites (ตัวอย่างด้านล่างเป็นการดึงเครื่องที่ใช้งานบ่อยๆ คือ ตาราง รูปภาพ และ Rollover Image)
C : หน้าต่างการทำงาน (Document Window) เป็นบริเวณที่ใช้ในการออกแบบและสร้างเว็บเพจตามต้องการ ซึ่งสามารถแทรกข้อความ รูปภาพ และวัตถุต่างๆ ลงไปได้เลย
D: แถบสถานะ (Status bar) เป็นส่วนที่แสดงข้อมูลเพิ่มเติมเกี่ยวกับงานที่กำลังทำอยู่ เช่น การปรับขนาดการแสดงผลและเวลาที่ใช้ในการโหลดเว็บเพจนั้นๆ
E : Properties Inspector ใช้ในการกำหนดค่าคุณสมบัติของหน้าเว็บเพจและในส่วนของวัตถุต่างๆ ซึ่งจะมีรายละเอียดแสดงขึ้นมา เมื่อมีการคลิกเลือกวัตถุนั้นๆ
F : พาเนล (Panel) เป็นหน้าต่างหรือชุดคำสั่งพิเศษที่ใช้งานเฉพาะด้าน เช่น ฐานข้อมูล ไฟล์งานต่างๆ สร้างการเชื่อมโยง รวมถึงเรื่องการอัพโหลดไฟล์งานขึ้นเซิร์ฟเวอร์
• แถบคำสั่ง (Menu Bar) เป็นแถบที่ใช้เก็บคำสั่งทั้งหมดของโปรแกรม
• แถบเครื่องมือ (Toolbar) รวบรวมปุ่มคำสั่งที่ใช้งานบ่อย
• แถบวัตถุ (Object Palette) เป็นกลุ่มเครื่องมือต่างๆ ที่ใช้ในการควบคุมวัตถุ บนชิ้นงาน เอกสารเว็บ ประกอบด้วย
Common เป็นชุดคำสั่งสำหรับแทรกออปเจ็กต์ที่เรียกใช้งานบ่อยๆ ในการสร้างเว็บเพจ เช่น รูปภาพ กราฟิก ตาราง ไฟล์มีเดีย เป็นต้น
Layout สำหรับเลือกมุมมองในการสร้างเว็บเพจ เช่น มุมมองปกติ มุมมองแบบขยาย เพื่อให้เห็นออปเจ็กต์ต่างๆ ได้อย่างชัดเจน
Forms ใช้สำหรับแทรกออปเจ็กต์ที่ใช้สร้างแบบฟอร์มรับข้อมูลจากผู้ชม เช่น ช่องรับข้อความ และฟิลด์ (Field) ชนิดต่างๆ
Text สำหรับจัดรูปแบบข้อความในเว็บเพจ เช่น หัวเรื่อง ตัวหนา ตัวเอียง จัดหัวข้อ จัดย่อหน้า และแทรกสัญลักษณ์พิเศษต่างๆ
Application สำหรับแทรกคำสั่งและการดึงข้อมูลจากฐานข้อมูลมาแสดงบนเว็บ
Flash element สำหรับนำไฟล์ Flash เข้ามาใช้งาน
Favorite สำหรับจัดเก็บออบเจ็กต์ที่ชอบเพื่อความสะดวกในการใช้งาน
Show as Tabs เปลี่ยนแถบเครื่องมือให้แสดงผลในลักษณะแท็บคำสั่งเรียงต่อกันไป ลักษณะการ แสดงผลจะเหมือนกับเวอร์ชั่นก่อนหน้านี้ เช่น Macromedia Dreamweaver MX, 2004 เป็นต้น
• แถบแสดงสถานะ (Status Bar) คอยแสดงสถานะการทำงานต่างๆ ของเรา
• แถบควบคุมการทำงาน (Properties Palette) เป็นรายการที่ปรับเปลี่ยนได้
ตามลักษณะการเลือกข้อมูล เช่น หากมีการเลือกที่จะพิมพ์ หรือแก้ไขเนื้อหา รายการก็จะเป็น ส่วนทำงานที่เกี่ยวกับอักษร, การจัดพารากราฟ ถ้าเลือกที่รูปภาพ รายการในแถบนี้ ก็จะเป็นคำสั่งต่างๆ ที่เกี่ยวกับ การควบคุมเรื่องรูปภาพ
• ส่วนของ Panel Group เป็นกลุ่มของแถบเครื่องมือที่สามารถเรียกใช้งานได้อย่างรวดเร็ว เพื่อให้ง่ายในการสร้าง Application บนอินเทอร์เน็ต เช่น การแทรก Code ของ JavaScript และ VBScript ลงในเว็บเพจได้อย่างง่ายๆ โดยสามารถเรียกใช้งานได้จาก Panel Group
เรียนรู้การปรับโหมดหน้าจอแสดงผลโปรแกรม Dreamweaver (Document Windows)
หน้าต่างการทำงานของ Dreamweaver สามารถเลือกหน้าต่างการทำงานได้ 3 รูปแบบ โดยการคลิกไอคอนที่อยู่ในแถบเครื่องมือ Toolbar ดังนี้
Show Code View เป็นหน้าต่างที่ให้แสดงเฉพาะโค้ด HTML ของหน้าเว็บเพจที่ กำลังทำงาน
Show
Code and Design View เป็นหน้าต่างที่แสดงทั้งโค้ด HTML และหน้าเว็บเพจที่กำลังทำงาน
Show Design View ให้แสดงแต่หน้าเว็บเพจไม่ต้องแสดงโค้ด HTML
หน้าจอการแสดงผล
Show Code View
Show Code and Design View
Show Design View
อ้างอิง : Zone-IT โซนไอที : สังคมดีๆบนโลกออนไลน์ . “การติดตั้ง Adobe Dreamweaver CS3”. www.zone-it.com . 2550
ICT CENTER . “เทคนิคการสร้าง และออกแบบ Web site ด้วย Adobe Dreamweaver CS3”. aster.spu.ac.th .