กลุ่มเครื่องมือ common คือ

จากนั้นโปรแกรมจะแสดงหน้าต่างประกอบด้วยส่วนสำคัญ 3 ส่วน คือ

   1. Open a Recent Item เปิดเอกสาร (หน้าเว็บ) เดิมที่สร้างไว้
   2. Create New สร้างเอกสารเปล่าตามรูปแบบที่เลือก เช่น HTML , ColdFusion  ,PHP , ASP , CSS เป็นต้น
   3. Top Features (Videos) เข้าสู่หน้าเว็บ Adobe Tv ดูสาธิตการใช้งาน

​

​

 ส่วนประกอบของโปรแกรม Adobe Dreamweaver CS6 มีดังนี้

1. แถบเมนูบาร์ (Menu Bar) เป็นแถบที่ใช้เก็บคำสั่งทั้งหมดของโปรแกรม

2. แถบ ToolBar แถบเครื่องมือที่ใช้กำหนดสถานะของหน้าเว็บ

3. แถบ Property Inspector กำหนดองค์ประกอบหน้าเว็บไซต์ โดยการปรับแต่งหน้าต่างๆ บนหน้าเว็บไซต์

4. แถบ Status Bar แถบสถานะ ที่จะแสดงข้อมูลที่เกี่ยวกับการทำงาน ที่กำลังทำอยู่

5. กลุ่มเครื่องมือ Insert ประกอบด้วยเครื่องมือกลุ่มสำคัญดังนี้

      5.1 แท็บ Common เป็นแท็บที่รวบรวมเครื่องมือต่างๆ ที่เรียกใช้งานบ่อยๆ เช่น การแทรกภาพ

การแทรกตาราง เป็นต้น 

​

​

​

​

​

​

​

​

​

​

​

​

​

                     5.2 แท็บ Layout เป็นแท็บที่รวบรวมเครื่องมือที่ช่วยจัดองค์ประกอบบนหน้าเว็บ
 

​

​

​

​

​

​

​

​

     5.3 แท็บ Forms เป็นแท็บที่รวบรวมเครื่องมือที่ใช้ในการสร้างแบบฟอร์มสอบถามและตัวเลือกต่างๆ

​

​

      5.4 แท็บ Data เป็นแท็บที่รวบรวมเรื่องมือสำหรับสร้างหน้าเว็บที่ติดต่อกับฐานข้อมูล

​

​

     5.5 แท็บ Spy เป็นแท็บที่รวบรวมเครื่องมือที่ช่วยให้การสร้างฟอร์มได้รวดเร็ว

​

     5.6 แท็บ jQuery Mobile เป็นแถบที่รวบรวมเครื่องมือที่ช่วยในการสร้างหน้าเว็บบนมือถือ

​

     5.7 แท็บ InContext Editing เป็นแท็บที่ใช้สำหรับสร้างและจัดการส่วนประกอบทั่วไป

เช่น CSSและพื้นที่ในเทมเพลต
 

    5.8 แท็บ Text เป็นแท็บที่รวบรวมเครื่องมือสำหรับจัดวางและปรับแต่งตัวอักษรบนหน้าเว็บ

​

 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) เป็นหน้าต่างหรือชุดคำสั่งพิเศษที่ใช้งานเฉพาะด้าน เช่น ฐานข้อมูล ไฟล์งานต่างๆ สร้างการเชื่อมโยง รวมถึงเรื่องการอัพโหลดไฟล์งานขึ้นเซิร์ฟเวอร์