ส่วนประกอบหน้าจอ Dreamweaver

1. โปรเเกรม Dreamweaver

คือ โปรแกรมสร้างเว็บเพจแบบเสมือนจริง ของค่าย Adobe ซึ่งช่วยให้ผู้ที่ต้องการสร้างเว็บเพจไม่ต้องเขียนภาษา HTML หรือโค๊ดโปรแกรม เอง หรือที่ศัพท์เทคนิคเรียกว่า "WYSIWYG " โปรแกรม Dreamweaver มีฟังก์ชันที่ทำให้ผู้ใช้สามารถจัดวางข้อความ รูปภาพ ตาราง ฟอร์ม วิดีโอ รวมถึงองค์ประกอบอื่น ๆ ภายในเว็บเพจได้อย่างสวยงามตามที่ผู้ใช้ต้องการ โดยไม่ต้องใช้ภาษาสคริปต์ที่ยุ่งยากซับซ้อนเหมือนก่อน Dreamweaver มีทั้งในระบบปฏิบัติการ แมคอินทอช และไมโครซอฟท์วินโดวส์ Dreamweaver ยังสามารถทำงานบนระบบปฏิบัติการแบบยูนิกซ์ ผ่านโปรแกรมจำลองอย่าง WINE ได้


2.สวนประกอบของโปรเเกรม

1.เมนูบาร์ (Menu bar) เป็นส่วนที่ใช้ในการสร้างและทำงานกับโปรแกรม ซึ่งมีการแบ่งเป็นกลุ่มคำสั่งต่างๆ เป็นหมวดหมู่และเก็บไว้เป็นเมนู โดยในแต่ละเมนูก็จะมีเมนูย่อยๆ ไว้เรียกใช้งานตามต้องการ

2.แถบเครื่องมือ (Insert bar) เป็นส่วนของการรวบรวมเครื่องมือที่ใช้ในการสร้างวัตถุหรือองค์ประกอบต่างๆ ของหน้าเว็บเพจ ซึ่งแบ่งเป็นกลุ่มๆ มีทั้งหมด 8 กลุ่ม คือ
- Common เป็นกลุ่มเครื่องมือที่ใช้งานบ่อยๆ ในการสร้างเว็บเพจ เช่น การแทรกตาราง การแทรกรูปภาพ เป็นต้น

                 

- Layout ใช้สำหรับวางวัตถุที่ใช้จัดโครงสร้างของเว็บเพจ เช่น ตาราง เฟรม และ AP Element
                   

- Forms ใช้สำหรับวางวัตถุที่ใช้สร้างแบบฟอร์มเพื่อรับข้อมูลจากผู้ใช้งานเว็บไซต์ เช่น การสมัครสมาชิก เป็นต้น
   

- Data ใช้สำหรับวางคำสั่งที่ใช้จัดการกับฐานข้อมูลและนำฐานข้อมูลออกมาแสดงบนหน้าเว็บเพจ



-Spray ใช้สำหรับวางวัตถุที่ใช้เทคโนโลยีของ Spary ในรูปแบบต่างๆ

                         

- InContext Editing ใช้สำหรับสร้างพื้นที่เทมเพลตเพื่ออำนวยความสะดวกต่อผู้ใช้ในการแก้ไขเนื้อหา

                                                                         

- Text ใช้สำหรับจัดรูปแบบของข้อความภายในเว็บเพจ เช่น ตัวหนา ตัวเอียง หัวข้อ บุลเล็ต และแทรกสัญลักษณ์ต่างๆ ได้

       

- Favorites ใช้สำหรับเพิ่มเครื่องมือที่เรียกใช้งานบ่อยๆ โดยเพิ่มจากกลุ่มเครื่องมืออื่นๆ ได้โดยคลิกเม้าส์ขวาบน Insert bar แล้วเลือก Customize Favorites (ตัวอย่างด้านล่างเป็นการดึงเครื่องที่ใช้งานบ่อยๆ คือ ตาราง รูปภาพ และ Rollover Image)
                                                                   

3หน้าต่างการทำงาน (Document Window) เป็นบริเวณที่ใช้ในการออกแบบและสร้างเว็บเพจตามต้องการ ซึ่งสามารถแทรกข้อความ รูปภาพ และวัตถุต่างๆ ลงไปได้เลย

4.แถบสถานะ (Status bar) เป็นส่วนที่แสดงข้อมูลเพิ่มเติมเกี่ยวกับงานที่กำลังทำอยู่ เช่น การปรับขนาดการแสดงผลและเวลาที่ใช้ในการโหลดเว็บเพจนั้นๆ

5.Properties Inspector ใช้ในการกำหนดค่าคุณสมบัติของหน้าเว็บเพจและในส่วนของวัตถุต่างๆ ซึ่งจะมีรายละเอียดแสดงขึ้นมา เมื่อมีการคลิกเลือกวัตถุนั้นๆ

6

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