Dreamweaver提供了设计检视及程式码检视二种编辑方法.ppt

* 跨越不同平台的網頁設計軟體 01 * 1-1 認識功能強大的 Dreamweaver CS6 Dreamweaver 是網頁設計人員、網頁開發人員與視覺設計人員的理想工具，它能有效率地設計、開發和維護以標準為基礎的網站和應用程式。 * 為什麼 Dreamweaver 在網頁編輯的領域那麼流行？ 應用 Dreamweaver 開發的網站在全球占有非常高的比例，為什麼 Dreamweaver 會那麼流行？這與 Dreamweaver 在面對網站開發時堅持的方向有很大的關係。 在整個網站製作的工作流程中，無論是設計、開發和維護都可以使用 Dreamweaver 完成，美工設計人員或是程式開發人員，都可以在同一個平台中，藉著直覺式視覺化版面配置介面或簡化的編碼環境，快速編輯一般的網頁或是互動的應用程式。 Dreamweaver 是網頁設計人員、 網頁開發人員與視覺設計人員的理想工具 * Dreamweaver 的軟體特色 直覺式視覺化的開發：Dreamweaver 提供了 設計 檢視及 程式碼 檢視二種編輯方法，在 設計 檢視中可以直接以網頁結果進行設計，或是切換到 程式碼 檢視中編寫複雜的程式碼，二個設計模式可以相輔相成，分工合作完成網頁的開發。 Dreamweaver 提供了設計檢視及程式碼檢視二種編輯方法。 * Dreamweaver 的軟體特色 整合的工作流程：無論是單獨編輯或是團隊合作，在整個工作流程中設計、開發和維護內容，都不需要使用不同的軟體，即可完成所有的工作。同時還可運用其他 Adobe 軟體工具進行智慧整合，建立各式各樣的內容。 Dreamweaver 可進行設計、開發和維護內容的工作，不需要使用不同的軟體 * Dreamweaver 的軟體特色 完整的CSS支援：在開發網頁CSS樣式時，最困難的即是無法預知設定完成的結果，Dreamweaver 中 CSS 工具的優點，即是讓設計人員可以輕鬆檢視、編輯並在檔案之間移動 CSS 樣式，立即檢視修改後的 CSS 樣式對於頁面設計的影響。 Dreamweaver CSS 工具的優點：能讓設計人員輕鬆檢視、編輯 CSS 並能即時預覽 * Dreamweaver 的軟體特色 優良的編碼環境：在 程式碼 檢視中可以使用程式碼收合、程式碼色彩標示、程式行編號以及編碼工具列來組織和加速編碼的動作。在編輯的過程中還能套用 HTML 和伺服器語言的程式碼提示，完成複雜的程式碼編輯。 Dreamweaver 程式碼 檢視中提供完整的工具完成複雜的程式碼編輯工作 * Dreamweaver 的軟體特色 支援多樣的語法：除了一般網頁編輯使用的H T M L、X H T M L、C S S、X M L、JavaScript 外，還能支援互動程式使用的 Ajax、PHP、Adobe ColdFusion、ASP、ASP.NET 和 JSP...等語法。 Dreamweaver 支援領先的網頁開發技術 * Dreamweaver 的軟體特色 輕鬆完成 XML 整合：使用 XSL 或 Spry 快速整合資料來源內容，讓頁面能快速的顯示其資料，甚至能分析出適當的欄位拖放到頁面上。 快速加入 FLV：不需具備 Flash 的製作技巧與知識，只要利用滑鼠在 Dreamweaver 中設定即可輕鬆將 FLV 檔案加入網頁中，並能搭配網頁的內容自訂視訊的環境。 在 Dreamweaver 中可輕鬆將 FLV 檔案加入網頁 * Dreamweaver CS6 的新功能 改善 FTP 效能：重新改良的 FTP 傳輸工具，減少大型檔案上傳的時間，讓網站上傳快又有效率。 支援 HTML5、CSS3 及 JavaScript 程式碼提示：Dreamweaver CS6 針對加入 HTML5 標籤、CSS3 或 JavaScript 提供程式碼提示，幫助使用者能在開發的過程中，增加效率並提高正確率。 支援 HTML5、CSS3 及 JavaScript 程式碼提示 * Dreamweaver CS6 的新功能 即時檢視：讓使用者在編輯頁面中實際與伺服器端應用程式及動態資料進行互動，也能直接輸入 URL 網址來檢查由即時網站伺服器提供的頁面，如果該頁面是某個本機定義網站的頁面，即可立即進行編輯。 在發佈之前可以預先利用 即時檢視 觀看頁面呈現的效果 * Dreamweaver CS6 的新功能 使用多螢幕預覽面板預視頁面：Dreamweaver 中的 多螢幕預覽 會將目前編輯的頁面放置在不同的畫面大小下提供預覽，隨著行動裝置的流行，讓相同的網頁內容在不同平台下有合適展現。 透過 多螢幕預