ความสามารถของโปรแกรม adobe dreamweaver cs6

การทำงานกับภาษาต่างๆ 

ดรีมวีฟเวอร์ สามารถทำงานกับภาษาคอมพิวเตอร์ในการเขียนเว็บไซต์แบบไดนามิค ซึ่งมีการใช้ HTML เป็นตัวแสดงผลของเอกสาร เช่น ASP, ASP.NET, PHP, JSP และ ColdFusion รวมถึงการจัดการฐานข้อมูลต่างๆ อีกด้วย และในเวอร์ชันล่าสุด (เวอร์ชัน CS4) ยังสามารถทำงานร่วมกับ XML และ CSS ได้อย่างง่ายดาย

Dreamweaver 1.0 (ธันวาคม ค.ศ. 1997) 

ความสามารถของ 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. มีความสามารถทําการติดตอกับฐานขอมูล เพื่อเชื่อมตอกับเว็บไซต



การเปิดโปรแกรม

วิธีที่ 1 คลิก start -> All Programs -> Adobe Dreamweaver CS6 ดังตัวอย่างด้านล่าง

วิธีที่ 2 ดับเบิลคลิกไอคอน

 ส่วนประกอบของ welcome screen

หลังจากเปิดโปรแกรมขึ้นมาจะปรากฏหน้าต่าง welcome screen ซึ่งแบ่งออกเป็น 3 กลุ่มหลัก

ดังภาพด้านล่าง ดังนี้

A. เปิดไฟล์งานเก่าที่เคยเรียกใช้งาน

(open a recent ltem)

B. สร้างงานใหม่ (create new) ใช้สำหรับสร้างไฟล์งานใหม่ ซึ่งสามารถเลือกสร้างไฟล์งานได้หลายชนิด ไม่ว่าจะเป็น ไฟล์ html, php, asp,หรือ JavaScript

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

ซึ่งจะประกอบด้วยกลุ่มคำสั่งดังนี้

-          Common ใช้วางออบเจ็กต์ที่ต้องใช้งานบ่อย ๆ เช่น รูปภาพ ตาราง ไฟล์มัลติมีเดีย เป็นต้น

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

(หรือเลเยอร์)

-          Forms ใช้วางออบเจ็กต์ที่ใช้ในการสร้างแบบฟร์อมรับข้อมูล เช่น ช่องรับข้อความ ปุ่มตัวเลือกต่าง ๆ เป็นต้น

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

-          Sary ใช้วางออบเจ็กต์ที่ใช้เทคโนโลยีของ Ajax

-          jQuery Mobile ใช้สร้างหน้าเพจที่แสดงบนอุปกรณ์มือถือและแท็บเล็ตโดยใช้เทคโนโลยีแบบ jQuery

-          InContext Edting ใช้สร้างออบเจ็กต์ที่ช่วยอำนวยความสะดวกให้ผู้ใช้งานสามารถแก้ไขเว็บเพจได้

-          Text ใช้สำหรับจัดปรับแต่งหรือจัดรูปแบบของตัวอักษรและข้อความสะดวกให้ผู้ใช้งาน เช่น หัวเรื่อง ตัวหน้า ตัวเอียง รวมทั้งแทรกสัญลักษณ์พิเศษต่าง ๆ เช่น $ (Dollar) © (Copyright) เป็นต้น

-          Favorites เป็นกลุ่มที่สามารถเพิ่มปุ่มคำสั่งที่ใช้บ่อยจากกลุ่มอื่น ๆ เข้ามาเก็บไว้ใช้งานเอง เพื่อความสะดวกในการใช้งาน

3.สีแดง คือ พื้นที่สร้างงาน (Document area) เป็นส่วนที่ใช้สร้างหน้าเว็บเพจ ใส่เนื้อหา และองค์ประกอบต่าง ๆ

ของเว็บเพจ ซึ่งสามารถเลือกเปิดพื้นที่สร้างงานได้ด้วยกัน 4 มุมมอง

-          มุมมองออกแบบ (Design View) ใช้แก้ไขและจัดวางเนื้อหาต่าง ๆ ลงบนเว็บเพจ

-          มุมมองโค้ด (Code View) ใช้สำหรับเปิดดูคำสั่งต่าง ๆ เช่น HTML PHP ASP และ JSP และสามารถแก้ไขคำสั่งต่าง ๆ ได้ตามต้องการ

-          มุมมองโค้ดและออกแบบ (Code and Design View หรือ Split) แสดงทั้งแบบมุมมองออกแบบ และมุมมองโค้ดพร้อมกัน สามารถปรับขนาดพื้นที่ของแต่ละส่วนได้โดยคลิกลากที่เส้นแบ่งระหว่างทั้ง 2 ส่วนนี้

-          มุมมองแสดงเว็บเพจเหมือนดูบนเบราเซอร์ (Live View) แสดงหน้าเว็บเพจเหมือนดูบนเบราเซอร์ทั้งในส่วนของ JavaScript และ Plugin

4.สีฟ้า คือ หน้าต่าง properties inspector เป็นหน้าต่างเล็ก ๆ ที่อยู่ด้านล่างสุดของหน้าจอโปรแกรม เป็นส่วนที่ใช้งานมากที่สุด เนื่องจากเป็นส่วนที่ใช้กำหนดคุณสมบัติสำคัญ ๆ ของออบเจ็กต์ที่วางในหน้าเว็บเพจ เช่น ตำแหน่ง ขนาด และสี

ความสามารถ ของโปรแกรม Adobe Dreamweaver CS6 มี อะไร บ้าง

จุดเด่นของโปรแกรม Adobe Dreamweaver มีกี่ข้อ อะไรบ้าง

Adobe Dreamweaver CS6 คือโปรแกรมประเภทใด *

เมื่อต้องการติดตั้งโปรแกรม Adobe Dreamweaver CS6 เพื่อใช้งานกับระบบ Windows เครื่องคอมพิวเตอร์ควรมีลักษณะอย่างไร