Adobe Dreamweaver CS6 Adobe Dreamweaver คือโปรแกรมทำเว็บ แก้ไข HTML สำหรับการออกแบบเว็บไซต์ในรูปแบบ WYSIWYG กับการควบคุมของส่วนแก้ไขรหัส HTML
ในการพัฒนาโปรแกรมที่มีการรวมทั้งสองแบบเข้าด้วยกันแบบนี้ ทำให้ ดรีมวีฟเวอร์เป็นโปรแกรมที่แตกต่างจากโปรแกรมอื่นๆ ในประเภทเดียวกัน Dreamweaver สามารถทำงานกับภาษาคอมพิวเตอร์ในการเขียนเว็บไซต์แบบไดนามิค ซึ่งมีการใช้ HTML เป็นตัวแสดงผลของเอกสาร เช่น ASP, ASP.NET, PHP, JSP และ ColdFusion รวมถึงการจัดการฐานข้อมูลต่างๆ อีกด้วย ความสามารถของโปรแกรม Dreamweaver ในการเขียนเว็บเพจ จะมีลักษณะคล้ายกับการพิมพ์งานในโปรแกรม Text Editor ทั่วไป คือว่ามันจะเรียงชิดซ้ายบนตลอดเวลา ไม่สามารถย้าย หรือ
นำไปวางตำแหน่งที่ต้องการได้ทันที่เหมือนโปรแกรมกราฟิก เพราะฉะนั้นหากเราต้องการจัดวางรูปแบบตามที่เราต้องการ ก็ใช้ตาราง Table เข้ามาช่วยจัดตำแหน่ง ซึ่งเมื่อมีการจัดวางรูปแบบที่ซับซ้อนมากขึ้น การเขียนภาษา HTML ก็ซับซ้อนยิ่งขึ้นเช่นกัน โปรแกรม Dreamweaver อาจจะไม่สามารถเขียนเว็บได้ตามที่เราต้องการทั้งหมด วิธีการแก้ไขปัญหาที่ดีที่สุดคือ ควรจะเรียนรู้หลักการของภาษา HTML ไปด้วย ซึ่งถือว่าเป็นสิ่งที่จำเป็นมากสำหรับผู้ที่ต้องการประกอบอาชีพ Webmaster แบบจริงจัง อาจจะไม่ต้องถึงกับท่องจำ Tag ต่าง ๆ
ได้ทั้งหมด แต่ขอให้รู้ เข้าใจหลักการก็พอแล้ว เพราะหลาย ๆ ครั้งที่เราจะเขียนเว็บใน Dreamweaver แล้วกลับได้ผลผิดเพี้ยนไป ไม่ตรงตามที่ต้องการ ก็ต้องมาแก้ไข Code HTML เอง และความสามารถของ Dreamweaver สรุปได้ดังนี้ 1. สนับสนุนการทำงานแบบ WYSIWYG (What You See Is What You Get) หมายความว่า เว็บที่เราเขียนหน้าจอ Dreamweaver ก็จะแสดงแบบเดียวกับเว็บเพจจริงๆ ช่วยให้เราเขียนเว็บเพจง่ายขึ้น ไม่ต้องเขียน Code HTML เอง ที่มาของข้อมูล : //aster.spu.ac.th/ คลิปวีดีโอ "สอนวิธีติดตั้ง" โปรแกรม Adobe Dreamweaver
2. มีเครื่องมือในการช่วยสร้างเว็บเพจ ที่มีความยืดหยุ่นสูง
3.
สนับสนุนภาษาสคริปต์ต่างๆ ทั้งฝั่ง Client และ Server เช่น Java, ASP, PHP, CGI, VBScript
4. มีเครื่องมือในการ Upload หน้าเว็บเพจไปที่เครื่อง Server เพื่อทำการเผยแพร่งานที่เราสร้างในอินเทอร์เน็ต โดยการส่งผ่าน FTP หรือ โดยการใช้โปรแกรม FTP ภายนอกช่วย เช่น WS FTP
5. รองรับมัลติมีเดีย เช่น การใส่เสียง, การแทรกไฟล์วิดีโอ, การใช้งานร่วมกับโปรแกรม Flash , Fireworks
จากนั้นโปรแกรมจะแสดงหน้าต่างประกอบด้วยส่วนสำคัญ 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 เป็นแท็บที่รวบรวมเครื่องมือสำหรับจัดวางและปรับแต่งตัวอักษรบนหน้าเว็บ