กลุ่มแถบคำสั่งในแถบเครื่องมือ insert panel มีอะไรบ้าง

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

Properties Inspector ของภาพกราฟิก

Properties Inspector ของข้อความ

Properties Inspector ของตาราง

• ส่วนของ 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