หน้าต่างการทำงานของโปรแกรม Adobe Dreamweaver มีองค์ประกอบดังต่อไปนี้ A: Menu Bar เป็นแถบรวบรวมคำสั่งทั้งหมดของโปรแกรม ประกอบด้วยเมนูย่อยดัง นี้ 1. File เป็นเมนูส่วนคำสั่งสำหรับจัดการกับเว็บเพจ เช่น สร้างเว็บเพจใหม่ บันทึกเว็บเพจ เปิดเว็บเพจ แสดงเว็บเพจบบนบราวเซอร์ หรือออกจากโปรแกรมเป็นต้น 2. Edit เป็นเมนูคำสั่งสำหรับแก้ไข เช่น คัดลอก ตัด วาง ค้นหา รวมถึงการตั้งค่าการทำงาน (Preference) ต่างๆ เป็นต้น 3. View เป็นเมนูคำสั่งสำหรับการปรับเปลี่ยนมุมมองของเว็บเพจขณะทำงาน เป็นต้น 4. Insert เป็นเมนูคำสั่งสำหรับแทรกวัตถุต่างๆ เ่น รูปถาพ เสียง ตาราง ฟอร์มต่างๆ ลงบนเว็บเพจ เป็นต้น 5. Modify เป็นเมนูคำสั่งสำหรับแก้ไขวัตถุต่างๆ บนเว็บเพจ เช่น การแก้ไข รูปแบบอักษร การแก้ไขรูปภาพ การจัดการตาราง หรือการกำหนดคุณสมบัติของเว็บเพจ เป็นต้น 6. Format เป็นเมนูคำสั่งสำหรับเปลี่ยนรูปแบบโดยรวมของข้อความบนเว็บเพจ เช่น การจัดรูปแบบข้อความ การสร้างหัวข้อรายงานเป็นต้น 7. Commands เป็นเมนูคำสั่งสำหรับจัดการกับชุดคำสั่งต่างๆบนเว็บเพจที่ทำงานอยู่ 8. Site เป็นเมนูคำสั่งสำหรับจัดการกับ Site เช่น สร้าง Site หรือแก้ไข Site รวมถึงการตรวจสอบลิงค์ต่างๆใน Site เป็นต้น 9.
Window เป็นเมนูที่ใช้ในการเปิดหรือปิดพาเนลท่ีทำงานอยู่ 10. Help เป็นเมนูที่ใช้ในการขอความช่วยเหลือผ่านเว็บไซต์ Adobe B: Tool Bar เป็นแถบรงบรงมคำสั่งที่ใช้งานบ่อยประกอบด้วยเครื่องมือดังนี้ 1. Document Tool Bar เป็นทูลบาร์ที่ประกอบไปด้วยปุ่มคำสั่งในการกำหนดมุมมองการแสดงเว็บเพจ การแสดงความละเอียดของหน้าเว็บเพจ การโอนย้ายไฟล์ หรือการกำหนดคำอธิบายเว็บเพจ เป็นต้น 2. Standard Tool Bar เป็นทูลบาร์ที่ประกอบไปด้วยปุ่มมคำสั่งพื้นฐานที่ใช้ในการจัดการไฟล์ เช่น การสร้างไฟล์ บันทึกไฟล์ เปิดไฟล์ คัดลอก ย้าย หรือวางเนื้อหาตลอดจนยกเลิก หรือทำซ้ำคำสั่ง 3.
มีความสามารถทําการติดตอกับฐานขอมูล เพื่อเชื่อมตอกับเว็บไซต การเปิดโปรแกรม วิธีที่ 1 คลิก start -> All Programs -> Adobe Dreamweaver CS6 ดังตัวอย่างด้านล่าง วิธีที่ 2 ดับเบิลคลิกไอคอน ที่หน้าจอ Desktop ส่วนประกอบของ welcome screen หลังจากเปิดโปรแกรมขึ้นมาจะปรากฏหน้าต่าง welcome screen ซึ่งแบ่งออกเป็น 3 กลุ่มหลัก ดังภาพด้านล่าง ดังนี้ A. เปิดไฟล์งานเก่าที่เคยเรียกใช้งาน B. สร้างงานใหม่ ( create new) ใช้สำหรับสร้างไฟล์งานใหม่ ซึ่งสามารถเลือกสร้างไฟล์งานได้หลายชนิด ไม่ว่าจะเป็น ไฟล์ html, php, asp, หรือ JavaScript C. สร้างงานสำเร็จรูป ( create from samples) สร้างเว็บเพจใหม่โดยใช้ไฟล์ตัวอย่าง ที่โปรแกรมจัดเตรียมเอาไว้ให้ ส่วนประกอบหน้าจอโปรแกรม Adobe Dreamweaver CS6 1. สีส้ม คือ แถบเมนูหลัก ( Menu bar) เป็นแถบรวมรวมคำสั่งทั้งหมดของโปรแกรม โดยแบ่งคำสั่งทั้งหมดออกเป็นหมวดหมู่ตามลักษณะของการใช้งาน 2.
0 ( ธันวาคม ค. 1997) Dreamweaver 1. 2 ( มีนาคม ค. 1998) Dreamweaver 2. 1998) Dreamweaver 3. 1999) Dreamweaver UltraDev 1. 0 ( มิถุนายน ค. 2000) Dreamweaver 4. 2000) Dreamweaver UltraDev 4. 2000) Dreamweaver MX ( พฤษภาคม ค. 2002) Dreamweaver MX 2004 (10 พฤศจิกายน ค. 2003) Dreamweaver 8 (13 พฤศจิกายน ค. 2005) Dreamweaver CS3 Dreamweaver CS4 Dreamweaver CS5 Dreamweaver CS6 ความสามารถของ Dreamweaver 1. สนับสนุนการทํางานแบบ WYSIWYG (What You See Is What You Get) หมายความวาอะไรก็ตามที่เราทํา บนหนาจอ Dreamweaver ก็จะปรากฎผลแบบเดียวกันบนเว็บเพจ ซึ่งชวยใหการสรางและแกไขเว็บเพจนั้นทําได งาย โดยไมตองมีความรูภาษา HTML เลย 2. มีเครื่องมือในการสรางรูปแบบหนาจอเว็บเพจ ซึ่งชวยอํานวยความสะดวกใหผูใชงานไดมาก 3. สนับสนุนภาษาสคริปตตางๆ เชน Java, ASP, PHP, CGI, VBScript 4. มีเครื่องมือที่ชวยในการ upload หนาเว็บที่สรางไปที่ server เพื่อทําการเผยแพรงานที่สรางบน internet 5. รองรับการใชมัลติมีเดียตางๆ เชน เสียง กราฟก และภาพเคลื่อนไหว ที่สรางโดยโปรแกรม Flash, Shockwave, Firework เปนตน 6.
ตั้งชื่อไฟล์ที่ต้องการ (กรณีหน้าแรกของเว็บไซต์ ต้องตั้งเป็น เท่านั้น นอกจากนั้นตั้งชื่อตามชนิดของไฟล์งาน) 4. เลือกประเภทไฟล์ที่จะบันทึกเป็น html 5. คลิกปุ่ม Save
เริ่มต้นใช้งานด้วยโปรแกรม Adobe Dreamweaver CS6 ประวัติความเป็นมาของโปรแกรม Dreamweaver Adobe Macromedia Dreamweaver ผู้พัฒนา อะโดบีซิสเต็มส์ (เริ่มพัฒนาโดย แมโครมีเดีย) รุ่นเสถียร ล่าสุด CS4 (10. 0) รุ่นทดลอง ล่าสุด ( 27 มีนาคม พ. ศ. 2550) โอเอส Windows Mac OS X ชนิด โปรแกรมแก้ไข HTML ลิขสิทธิ์ Closed source อะโดบี ดรีมวีฟเวอร์ (Adobe Dreamweaver) หรือชื่อเดิมคือ แมโครมีเดีย ดรีมวีฟเวอร์ ( Macromedia Dreamweaver) เป็นโปรแกรมแก้ไข HTML พัฒนาโดยบริษัทแมโครมีเดีย ( ปัจจุบันควบกิจการรวมกับบริษัท อะโดบีซิสเต็มส์) สำหรับการออกแบบเว็บไซต์ในรูปแบบ WYSIWYG กับการควบคุมของส่วนแก้ไขรหัส HTML ในการพัฒนาโปรแกรมที่มีการรวมทั้งสองแบบเข้าด้วยกันแบบนี้ ทำให้ ดรีมวีฟเวอร์เป็นโปรแกรมที่แตกต่างจากโปรแกรมอื่นๆ ในประเภทเดียวกัน ในช่วงปลายปีทศวรรษ 2533 จนถึงปีพ. 2544 ดรีมวีฟเวอร์มีสัดส่วนตลาดโปรแกรมแก้ไข HTML อยู่มากกว่า 70% ดรีมวีฟเวอร์มีทั้งในระบบปฏิบัติการแมคอินทอช และไมโครซอฟท์วินโดวส์ ดรีมวีฟเวอร์ยังสามารถทำงานบนระบบปฏิบัติการแบบยูนิกซ์ ผ่านโปรแกรมจำลองอย่าง WINE ได้ รุ่นล่าสุดคือ ดรีมวีฟเวอร์ CS4 การทำงานกับภาษาต่างๆ ดรีมวีฟเวอร์ สามารถทำงานกับภาษาคอมพิวเตอร์ในการเขียนเว็บไซต์แบบไดนามิค ซึ่งมีการใช้ HTML เป็นตัวแสดงผลของเอกสาร เช่น ASP,, PHP, JSP และ ColdFusion รวมถึงการจัดการฐานข้อมูลต่างๆ อีกด้วย และในเวอร์ชันล่าสุด (เวอร์ชัน CS4) ยังสามารถทำงานร่วมกับ XML และ CSS ได้อย่างง่ายดาย รุ่นต่างๆ Dreamweaver 1.