Adobe Dreamweaver

功能介紹

功能特色

借助共享型用戶界面設(shè)計(jì)， 在 Adobe Creative Suite 4 的不同組件之間更快、更明智地工作。使用工作區(qū)切換器可以從一個(gè)工作環(huán)境快速切換到下一個(gè)環(huán)境。

具體功能

CS6新增功能

利用Adobe DreamweaverCS6 軟件中改善的 FTP 性能，更高效地傳輸大型文件。更新的“實(shí)時(shí)視圖”和“多屏幕預(yù)覽”面板可呈現(xiàn) HTML5 代碼，使您能檢查自己的工作。

自適應(yīng)網(wǎng)格

可響應(yīng)的自適應(yīng)網(wǎng)格版面

使用響應(yīng)迅速的 CSS3 自適應(yīng)網(wǎng)格版面，來創(chuàng)建跨平臺(tái)和跨瀏覽器的兼容網(wǎng)頁(yè)設(shè)計(jì)。利用簡(jiǎn)潔、業(yè)界標(biāo)準(zhǔn)的代碼為各種不同設(shè)備和計(jì)算機(jī)開發(fā)項(xiàng)目，提高工作效率。直觀地創(chuàng)建復(fù)雜網(wǎng)頁(yè)設(shè)計(jì)和頁(yè)面版面，無需忙于編寫代碼。

改善FTP 性能

利用重新改良的多線程 FTP 傳輸工具節(jié)省上傳大型文件的時(shí)間。更快速高效地上傳網(wǎng)站文件，縮短制作時(shí)間。

Catalyst 集成

Adobe Business Catalyst 集成

使用 Dreamweaver 中集成的 Business Catalyst 面板連接并編輯您利用Adobe Business Catalyst（需另外購(gòu)買）建立的網(wǎng)站。利用托管解決方案建立電子商務(wù)網(wǎng)站。

增強(qiáng)型 jQuery 移動(dòng)支持

使用更新的 jQuery 移動(dòng)框架支持為 iOS 和 Android 平臺(tái)建立本地應(yīng)用程序。建立觸及移動(dòng)受眾的應(yīng)用程序，同時(shí)簡(jiǎn)化您的移動(dòng)開發(fā)工作流程。

更新的 PhoneGap 支持

更新的 Adobe PhoneGap 支持可輕松為 Android 和 iOS 建立和封裝本地應(yīng)用程序。通過改編 HTML 代碼來創(chuàng)建移動(dòng)應(yīng)用程序。使用 PhoneGap 模擬器檢查您的設(shè)計(jì)。

CSS3 轉(zhuǎn)換

將 CSS 屬性變化制成動(dòng)畫轉(zhuǎn)換效果，使網(wǎng)頁(yè)設(shè)計(jì)栩栩如生。在您處理網(wǎng)頁(yè)元素和創(chuàng)建優(yōu)美效果時(shí)保持對(duì)網(wǎng)頁(yè)設(shè)計(jì)的精準(zhǔn)控制。

更新的實(shí)時(shí)視圖

使用更新的“實(shí)時(shí)視圖”功能在發(fā)布前測(cè)試頁(yè)面?！皩?shí)時(shí)視圖”現(xiàn)已使用最新版的 WebKit 轉(zhuǎn)換引擎，能夠提供絕佳的 HTML5 支持。

更新的多屏幕預(yù)覽面板

利用更新的“多屏幕預(yù)覽”面板檢查智能手機(jī)、平板電腦和臺(tái)式機(jī)所建立項(xiàng)目的顯示畫面。該增強(qiáng)型面板能夠讓您檢查 HTML5 內(nèi)容呈現(xiàn)。

CS5后的新增功能

借助Adobe Dreamweaver CS5.5 軟件充滿自信地進(jìn)行設(shè)計(jì)、構(gòu)建最新的HTML5 和CSS3 網(wǎng)站、令交互性更上一層樓。 同時(shí)為多個(gè)設(shè)備進(jìn)行設(shè)計(jì)，并對(duì)全面的代碼檢查充滿自信。

“多屏幕預(yù)覽”面板

借助“多屏幕預(yù)覽”面板，為智能手機(jī)、Tablet 和個(gè)人計(jì)算機(jī)進(jìn)行設(shè)計(jì)。 借助媒體查詢支持，開發(fā)人員可以通過一個(gè)面板為各種設(shè)備設(shè)計(jì)樣式并實(shí)現(xiàn)渲染可視化。

CSS3/HTML5 支持

通過CSS 面板設(shè)置樣式，該面板經(jīng)過更新可支持新的CSS3 規(guī)則。設(shè)計(jì)視圖現(xiàn)支持媒體查詢，在您調(diào)整屏幕尺寸的同時(shí)可應(yīng)用不同的樣式。 使用HTML5 進(jìn)行前瞻性的編碼，同時(shí)提供代碼提示和設(shè)計(jì)視圖渲染支持。JQuery集成借助jQuery 代碼提示加入高級(jí)交互性。 jQuery 是行業(yè)標(biāo)準(zhǔn)JavaScript 庫(kù)，允許您為網(wǎng)頁(yè)輕松加入各種交互性。 借助針對(duì)手機(jī)的起動(dòng)模板快速啟動(dòng)。

借助PhoneGap 構(gòu)建本機(jī)Android 和iOS 應(yīng)用程序

借助新增的PhoneGap 功能為Android 和iOS 構(gòu)建并打包本機(jī)應(yīng)用程序。 借助PhoneGap 構(gòu)建本機(jī)Android 和iOS 應(yīng)用程序。

新增功能

實(shí)時(shí)視圖新增功能

借助Dreamweaver CS4中新增的實(shí)時(shí)視圖在真實(shí)的瀏覽器環(huán)境中設(shè)計(jì)網(wǎng)頁(yè), 同時(shí)仍可以直接訪問代碼。呈現(xiàn)的屏幕內(nèi)容會(huì)立即反映出對(duì)代碼所做的更改。

針對(duì)Ajax和JavaScript框架的代碼提示新增功能。

借助改進(jìn)的JavaScript核心對(duì)象和基本數(shù)據(jù)類型支持, 更快速、準(zhǔn)確地編寫 JavaScript。通過集成包括jQuery、Prototype和Spry在內(nèi)的流行JavaScript 框架, 充分利用Dreamweaver CS4的擴(kuò)展編碼功能。

相關(guān)文件新增功能

源代碼, 在“設(shè)計(jì)”視圖中查看父頁(yè)面。

集成編碼增強(qiáng)功能

領(lǐng)略內(nèi)建代碼提示的強(qiáng)大功能, 令HTML、JavaScript、Spry和jQuery等Ajax 框架、原型和幾種服務(wù)器語(yǔ)言中的編碼更快、更清晰。

代碼導(dǎo)航器新增功能

新增的“代碼導(dǎo)航器”功能可顯示影響當(dāng)前選定內(nèi)容的所有代碼源, 如CSS 規(guī)則、服務(wù)器端包括、外部 JavaScript功能、Dreamweaver 模板、iframe 源文件等。

Adobe AIR 創(chuàng)作支持新增功能

在Dreamweaver中直接新建基于HTML和JavaScript的 Adobe AIR 應(yīng)用程序。在Dreamweaver中即可預(yù)覽 AIR 應(yīng)用程序。使 Adobe AIR 應(yīng)用程序隨時(shí)可與 AIR 打包及代碼簽名功能一起部署。

FLV 支持增強(qiáng)功能

通過輕松點(diǎn)擊和符合標(biāo)準(zhǔn)的編碼將FLV 文件集成到任何網(wǎng)頁(yè)中 - 無需 Adobe FLASH 軟件知識(shí)。設(shè)計(jì)時(shí)在 Dreamweaver 全新的實(shí)時(shí)視圖中播放 FLV 影片。

支持領(lǐng)先技術(shù)

在支持大多數(shù)領(lǐng)先 Web 開發(fā)技術(shù)的工具中進(jìn)行設(shè)計(jì)和編碼， 這些技術(shù)包括HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、Adobe ColdFusion軟件和ASP。

學(xué)習(xí)最佳做法

參考CSS最佳做法實(shí)現(xiàn)可視化設(shè)計(jì)并輔以通俗易懂的實(shí)用概念說明。在支持可訪問性和最佳做法的同時(shí)創(chuàng)造Ajax驅(qū)動(dòng)的交互性。

集成增強(qiáng)

通過跨產(chǎn)品線的直接通信和交互, 充分利用 Dreamweaver CS4 和其它 Adobe 工具的智能集成和強(qiáng)大功能, 包括 Adobe FLASH CS4 Professional、FIREWORKS CS4、Photoshop CS4 和 Device Central CS4 軟件。

Adobe InContext Editing新增功能

在 Dreamweaver 中設(shè)計(jì)頁(yè)面, 使最終用戶能使用 Adobe InContext Editing 在線服務(wù)編輯他們的網(wǎng)頁(yè), 無需幫助或使用其它軟件。作為 Dreamweaver 設(shè)計(jì)人員, 您可以限制對(duì)特定頁(yè)面、特殊區(qū)域的更改權(quán), 甚至可以自定格式選項(xiàng)。

Subversion 集成新增功能

在 Dreamweaver 中直接更新站點(diǎn)和登記修改內(nèi)容。Dreamweaver CS4 與 Subversion 軟件緊密集成, 后者是一款開放源代碼版本控制系統(tǒng), 可以提供更強(qiáng)大的登記/注銷體驗(yàn)。

跨平臺(tái)支持增強(qiáng)功能

隨心所欲, 盡情工作: Dreamweaver CS4 可用于基于 Intel 或 PowerPC的 Mac、Microsoft Windows XP 以及 Windows Vista系統(tǒng)。在首選系統(tǒng)中設(shè)計(jì), 交付跨平臺(tái)、可靠、一致、高性能的成果。

常見故障

Dreamweaver CS6安裝失敗

安裝失敗有幾個(gè)原因，非正版破解不完善，其他破解版adobe的沖突(如ps)。

解決的方法有兩個(gè)：一個(gè)是下載正版Dreamweaver，二是刪除C：\Program Files (x86)\Common Files\Adobe\caps文件再重新安裝。

第一步，檢查失敗原因，電腦是否有安裝adobe的破解軟件，如有可選擇刪除C：\Program Files (x86)\Common Files\Adobe\caps文件再重新安裝，或先刪除該破解軟件。等安裝上Dreamweaver CS6再重裝原先的軟件。

第二步，如沒有其他破解軟件影響，可能是你下載的Dreamweaver CS6破解不夠完善。請(qǐng)先下載正版軟件。再重新安裝(斷網(wǎng)模式，選擇試用)。

更新情況

更新版本

CS5

Adobe Dreamweaver CS5是一款集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁(yè)編輯器，Dreamweaver CS5是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁(yè)開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。

全球最大的圖像編輯軟件供應(yīng)商Adobe官方宣布，以換股方式收購(gòu)軟件公司Macromedia，Macromedia是著名的網(wǎng)頁(yè)設(shè)計(jì)軟件Dreamweaver及Flash的供應(yīng)商。據(jù)悉，此項(xiàng)交易涉及金額高達(dá)34億美元。根據(jù)雙方達(dá)成的協(xié)議，Macromedia股東將以1：0.69的比例獲得Adobe的普通股。自此開始，Dreamweaver開始屬于ADOBE設(shè)計(jì)軟件系列。

Dreamweaver CS5 的新增功能：

Adobe Dreamweaver CS5 軟件使設(shè)計(jì)人員和開發(fā)人員能充滿自信地構(gòu)建基于標(biāo)準(zhǔn)的網(wǎng)站。

- 集成 CMS 支持 新增功能

盡享對(duì) WordPress、Joomla! 和 Drupal 等內(nèi)容管理系統(tǒng)框架的創(chuàng)作和測(cè)試支持。

- CSS 檢查 新增功能

以可視方式顯示詳細(xì)的 CSS 框模型，輕松切換 CSS 屬性并且無需讀取代碼或使用其他實(shí)用程序。

- 與 Adobe BrowserLab 集成 新增功能

使用多個(gè)查看、診斷和比較工具預(yù)覽動(dòng)態(tài)，網(wǎng)頁(yè)和本地內(nèi)容。

- PHP 自定義類代碼提示 新增功能

為自定義 PHP 函數(shù)顯示適當(dāng)?shù)恼Z(yǔ)法，幫助您更準(zhǔn)確地編寫代碼。

- CSS Starter 頁(yè) 增強(qiáng)功能

借助更新和簡(jiǎn)化的 CSS Starter 布局，快速啟動(dòng)基于標(biāo)準(zhǔn)的網(wǎng)站設(shè)計(jì)。

- 與 Business Catalyst 集成 新增功能

利用 Dreamweaver 與 Adobe Business Catalyst 服務(wù)（單獨(dú)提供）之間的集成，無需編程即可實(shí)現(xiàn)卓越的在線業(yè)務(wù)。

- 保持跨媒體一致性

將任何本機(jī) Adobe Photoshop 或 Illustrator 文件插入 Dreamweaver 即可創(chuàng)建圖像智能對(duì)象。更改源圖像，然后快速、輕松地更新圖像。

- 增強(qiáng)的 Subversion 支持

借助增強(qiáng)的 Subversion 軟件支持，提高協(xié)作、版本控制的環(huán)境中的站點(diǎn)文件管理效率。

- 仔細(xì)查看站點(diǎn)特定的代碼提示

站點(diǎn)特定的代碼提示 新增功能

CS6

進(jìn)一步了解用于設(shè)計(jì)和編輯網(wǎng)站和移動(dòng)應(yīng)用程序的最新版頂尖軟件中的各項(xiàng)功能，包括響應(yīng)迅速的自適應(yīng)網(wǎng)格版面、增強(qiáng)型 jQuery Mobile 支持、CSS3 轉(zhuǎn)換和其他功能。

建立網(wǎng)上業(yè)務(wù)

通過與 Adobe Business Catalyst? 平臺(tái)（需單獨(dú)購(gòu)買）集成來開發(fā)復(fù)雜的電子商務(wù)網(wǎng)站，無需編寫任何服務(wù)器端編碼。建立并代管免費(fèi)試用網(wǎng)站。

提高工作效率

利用高速 FTP 傳輸和改良的圖像編輯功能，有效地設(shè)計(jì)、開發(fā)并發(fā)布網(wǎng)站和移動(dòng)應(yīng)用程序。利用對(duì) jQuery Mobile 和 Adobe PhoneGap? 框架的更新支持，建立移動(dòng)應(yīng)用程序。

可響應(yīng)的自適應(yīng)網(wǎng)格版面

改善的 FTP 性能

Adobe Business Catalyst 集成

使用 DW中的Business Catalyst 面板連接

增強(qiáng)型 jQuery 移動(dòng)支持

使用更新的 jQuery 移動(dòng)框架支持為 iOS 和 Android 平臺(tái)建立本地應(yīng)用程序。建立觸及移動(dòng)受眾的應(yīng)用程序， 同時(shí)簡(jiǎn)化您的移動(dòng)開發(fā)工作流程。

更新的 PhoneGap 支持

更新的 Adobe PhoneGap? 支持可輕松為 Android 和 iOS 建立和封裝本地應(yīng)用程序。通過改編現(xiàn)有的 HTML 代碼來創(chuàng)建移動(dòng)應(yīng)用程序。使用 PhoneGap 模擬器檢查您的設(shè)計(jì)。

更新說明

更新透過簡(jiǎn)化的使用者介面、連接的工具以及新增的視覺化

更新CSS 設(shè)計(jì)工具 您可透過直覺方式更有效地編寫程式碼

更新流變格線版面可用于建立多方互動(dòng)的網(wǎng)頁(yè)設(shè)計(jì)

更新 Edge Animate 整合 Edge Web Fonts 整合

最佳做法

無需編寫代碼即可實(shí)施CSS最佳做法。在“屬性”面板中新建 CSS 規(guī)則, 并在樣式級(jí)聯(lián)中清晰、簡(jiǎn)單地說明每個(gè)屬性的相應(yīng)位置。

全面的 CSS 支持增強(qiáng)功能

使用Dreamweaver CS4中增強(qiáng)的CSS實(shí)施工具令您的網(wǎng)站脫穎而出。借助“設(shè)計(jì)”和“實(shí)時(shí)視圖”中的即時(shí)可視反饋, 在“屬性”面板中快速定義和修改CSS 規(guī)則。使用新增的“相關(guān)文件”和“代碼導(dǎo)航器”功能找到定義特定 CSS 規(guī)則的位置。

學(xué)習(xí)資源增強(qiáng)功能

借助Dreamweaver CS4中豐富的產(chǎn)品隨附教程掌握 Web 構(gòu)建技能。通過由社區(qū)推動(dòng)的幫助系統(tǒng)與最新 Web 技術(shù)保持同步。

更廣闊的 Dreamweaver 社區(qū)增強(qiáng)功能

從廣闊的 Dreamweaver 社區(qū)受益, 它包括在線Adobe Design Center和 Adobe Developer Connection、培訓(xùn)與研討會(huì)、開發(fā)人員認(rèn)證計(jì)劃以及用戶論壇。

在線服務(wù)

輕擊鼠標(biāo)從 Dreamweaver 訪問在線服務(wù), 與同事或客戶共享屏幕、從在線社區(qū)獲得所需的搜索結(jié)果并快速找到創(chuàng)意靈感。了解針對(duì)創(chuàng)意專業(yè)人士的更多在線服務(wù)

掌控內(nèi)容

使客戶能從瀏覽器中直接更新他們的網(wǎng)頁(yè)。無需數(shù)據(jù)庫(kù)或復(fù)雜的編碼即可將動(dòng)態(tài)數(shù)據(jù)添加到站點(diǎn)。

將任何 AdobePhotoshopPSD 文檔插入 Dreamweaver 即可創(chuàng)建出圖像智能對(duì)象。智能對(duì)象與源文件緊密鏈接。無需打開 Photoshop 即可在 Dreamweaver 中更改源圖像和更新圖像。

HTML數(shù)據(jù)集新增功能

無需掌握數(shù)據(jù)庫(kù)或XML 編碼即可將動(dòng)態(tài)數(shù)據(jù)的強(qiáng)大功能融入網(wǎng)頁(yè)中。Spry 數(shù)據(jù)集可以將簡(jiǎn)單HTML表中的內(nèi)容識(shí)別為交互式數(shù)據(jù)源。

優(yōu)點(diǎn)缺點(diǎn)

軟件優(yōu)點(diǎn)

制作效率

Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟

便可完成。Dreamweaver能與您喜愛的設(shè)計(jì)工具，如Playback Flash，Shockwave和外掛模組等搭配，不需離開Dreamweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開啟Firework或Photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化。

網(wǎng)站管理

使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱，Dreamweaver 會(huì)自動(dòng)更新所有鏈接。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語(yǔ)法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。

控制能力

Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。

所見即所得 Dreamweaver成功整合動(dòng)態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁(yè)。夢(mèng)幻樣版和XML Dreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。

建立網(wǎng)頁(yè)外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML內(nèi)容。 全方位的呈現(xiàn)利用Dreamweaver設(shè)計(jì)的網(wǎng)頁(yè)，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門瀏覽器上。

對(duì)于cascading style sheets的動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫的DHTML效果資料庫(kù)可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從Dreamweaver的網(wǎng)站在下載它的描述檔，便可得知詳盡的成效報(bào)告。

軟件缺點(diǎn)

效果難一致

難以精確達(dá)到與瀏覽器完全一致的顯示效果也就是說您在所見即所得網(wǎng)頁(yè)編輯器中制作的網(wǎng)頁(yè)放到瀏覽器中是很難完全達(dá)到您真正想要的效果，這一點(diǎn)在結(jié)構(gòu)復(fù)雜一些的網(wǎng)頁(yè)（如分幀結(jié)構(gòu)、動(dòng)態(tài)網(wǎng)頁(yè)結(jié)構(gòu)）中便可以體現(xiàn)出來；

代碼難控制

相比之下，非所見所得的網(wǎng)頁(yè)編輯器，就不存在這個(gè)問題，因?yàn)樗械腍TML代碼 都在您的監(jiān)控下產(chǎn)生，但是由于非所見所得編輯器的先天條件就注定了它的工作低效率。如何實(shí)現(xiàn)兩者的完美結(jié)合，則既產(chǎn)生干凈、準(zhǔn)確的HTML代碼，具備所見所得的高效率、直觀性。

系統(tǒng)要求

Windows

1、Intel Pentium 4 或AMD Athlon 64 處理器

2、Microsoft Windows XP（帶有Service Pack 2，推薦Service Pack 3）；Windows Vista Home Premium、Business、Ultimate 或Enterprise（帶有Service Pack 1）；或Windows 7 Windows8

3、512 MB 內(nèi)存

4、1GB 可用硬盤空間用于安裝；安裝過程中需要額外的可用空間（無法安裝在可移動(dòng)閃存設(shè)備上）

5、1024x768 屏幕，16 位顯卡

6、DVD-ROM 驅(qū)動(dòng)器

7、在線服務(wù)需要寬帶Internet 連接并不斷驗(yàn)證訂閱版本（如果適用）*

Mac OS

1、Intel 多核處理器

2、Mac OS X 10.5.8 或10.6 版

3、512MB 內(nèi)存

4、1.8GB 可用硬盤空間用于安裝；安裝過程中需要額外的可用空間（無法安裝在使用區(qū)分大小寫的文件系統(tǒng)的卷或可移動(dòng)閃存設(shè)備上）

5、1280x800 屏幕，16 位顯卡DVD-ROM驅(qū)動(dòng)器

6、在線服務(wù)需要寬帶Internet 連接并不斷驗(yàn)證訂閱版本（如果適用）

工作界面

初識(shí)界面

安裝后，它會(huì)自動(dòng)在 Windows 的菜單中創(chuàng)建程序組。與FrontPage有很大的不同，它 把工具欄省去了，然后增加了幾個(gè)浮動(dòng)的工具欄。在 Dreamwaver3.0 中，它的工具欄全是浮動(dòng)工具欄，可以將工具欄縮小，也可以關(guān)閉。在專業(yè)術(shù)語(yǔ)里面，他們叫“浮動(dòng)面板”，利用浮動(dòng)面板來控制對(duì)頁(yè)面的編寫，而不是利用煩瑣的對(duì)話框，這是 Dreamwaver3.0 編輯網(wǎng)頁(yè)中最值得人贊賞的特性。通過在浮動(dòng)面板中進(jìn)行屬性設(shè)置，這樣就直接可以在文檔中看到結(jié)果，避免了中間過程，提高了工作效率。但對(duì)于熟悉了微軟的應(yīng)用程序的用戶來說，開始的時(shí)候可能很不習(xí)慣。先來介紹它的三個(gè)最重要的浮動(dòng)面板。

啟動(dòng)面板

啟動(dòng)面板主要用來快速啟動(dòng)相應(yīng)的任務(wù)，或顯示/隱藏相應(yīng)的浮動(dòng)面板。如果啟動(dòng)面板是豎的，那么，可以點(diǎn)擊它右下角的一個(gè)小按鈕，它就可以變成橫向的了，這時(shí)，可能會(huì)發(fā)現(xiàn)，它的狀態(tài)欄上也有這個(gè)面板上的所有選項(xiàng)。這也就為網(wǎng)頁(yè)制作者提供了方便?？梢灾苯訌挠蚁陆屈c(diǎn)擊相應(yīng)的欄目進(jìn)入想要進(jìn)入的對(duì)話框。

對(duì)象面板

對(duì)象面板主要功能相當(dāng)于插入菜單，主要是向網(wǎng)頁(yè)中插入一些對(duì)象，如表格，框架，圖象，層，F(xiàn)lash 動(dòng)畫等，它通過一個(gè)下拉菜單，把要插入的選項(xiàng)都包括在了其中。

每一個(gè)選項(xiàng)中都有若干個(gè)圖標(biāo)，只要在圖表上單擊一下，就可以插入想要插入的對(duì)象了。

屬性面板

屬性面板會(huì)隨著編輯的內(nèi)容而變化，這個(gè)圖是文字屬性面板，它里面包含了所要編輯的文字的所有內(nèi)容，包括字體，顏色，大小，連接，縮進(jìn)等，它的右下角還有一個(gè)向下的小三角箭頭，單擊它，會(huì)展開屬性面板，它把一些不常用的屬性也列出來。展開后，箭頭會(huì)變成向上，單擊它，又會(huì)使屬性面板復(fù)原。屬性面板很多，還有圖象屬性控制面板，層屬性控制面板等對(duì)象的屬性控制面板，用戶只要選擇要編輯的對(duì)象，它就會(huì)自動(dòng)變化，挺方便的。用戶對(duì)所有由啟動(dòng)面板彈出來的浮動(dòng)面板在被打開后，可以重新組合，可以將經(jīng)常用的面板單獨(dú)地拉出來，只需要將鼠標(biāo)放到想要拉的按鈕上面，然后按住左鍵拖動(dòng)就可以了，同理，把他們組合也是一樣，用鼠標(biāo)拖動(dòng)后，放到上面就可以。

使用技巧

快捷鍵

在運(yùn)用DW的過程中，熟練的使用快捷鍵，制作網(wǎng)頁(yè)時(shí)能達(dá)到事半功倍的效果。

1、文件菜單

新建文檔Ctrl+N ，或直接在軟件啟動(dòng)后的窗口中的[新建]下選擇HTML。

打開一個(gè) HTML文件　Ctrl+O或者將文件從[文件管理器]或[站點(diǎn)]窗口拖動(dòng)到[文檔]窗口中，或者直接在軟件啟動(dòng)后窗口中[打開最近的項(xiàng)目]下方的[選擇]來打開一個(gè)HTML文件

在框架中打開  Ctrl+Shift+O

關(guān)閉 　 Ctrl+W

保存 　 Ctrl+S

另存為　Ctrl+Shift+S

檢查鏈接　Shift + F8

退出　Ctrl+Q

2、編輯菜單

撤消　Ctrl+Z

重復(fù)　Ctrl+Y 或 Ctrl+Shift+Z

剪切　Ctrl+X 或Shift+Del

拷貝　Ctrl+C 或Ctrl+Ins

粘貼　Ctrl+V 或Shift+Ins

清除　Delete

全選　Ctrl+A

選擇父標(biāo)簽　Ctrl+Shift+<

選擇子標(biāo)簽　Ctrl+Shift+>

查找和替換　Ctrl+F 　查找下一個(gè)　F3

縮進(jìn)代碼 　 Ctrl+Shift+]

左縮進(jìn)代碼　Ctrl+Shift+[

平衡大括弧　Ctrl+’

啟動(dòng)外部編輯器　Ctrl+E

參數(shù)選擇　Ctrl+U

3、頁(yè)面視圖

標(biāo)準(zhǔn)視圖　Ctrl+Shift+F6

布局視圖　Ctrl+F6

工具條　Ctrl+Shift+T

4、查看頁(yè)面元素

可視化助理　Ctrl+Shift+I

標(biāo)尺　Ctrl+Alt+R

顯示網(wǎng)格　Ctrl+Alt+G

靠齊到網(wǎng)格　Ctrl+Alt+Shift+G

頭內(nèi)容　Ctrl+Shift+W

頁(yè)面屬性　Ctrl+Shift+J

5、代碼編輯

切換到設(shè)計(jì)視圖　Ctrl+Tab

打開快速標(biāo)簽編輯器　Ctrl+T

選擇父標(biāo)簽　Ctrl+Shift+<

平衡大括弧　Ctrl+’

全選　Ctrl+A

拷貝　Ctrl+C

查找和替換　Ctrl+F

查找下一個(gè)　F3

替換　Ctrl+H

粘貼　Ctrl+V

剪切　Ctrl+X

重復(fù)　Ctrl+Y

撤消　Ctrl+Z

切換斷點(diǎn)　Ctrl+Alt+B

向上選擇一行　Shift+Up

向下選擇一行　Shift+Down

選擇左邊字符　Shift+Left

選擇右邊字符　Shift+Right

向上翻頁(yè)　Page Up

向下翻頁(yè)　Page Down

向上選擇一頁(yè)　Shift+Page Up

向下選擇一頁(yè)　Shift+Page Down

選擇左邊單詞　Ctrl+Shift+Left

選擇右邊單詞　Ctrl+Shift+Right

移到行首　Home

移到行尾　End

移 動(dòng)到代碼頂部　Ctrl+Home

移 動(dòng)到代碼尾部　Ctrl+End

向上選擇到代碼頂部　Ctrl+Shift+Home

向下選擇到代碼頂部　Ctrl+Shift+End

6、編輯文本

創(chuàng)建新段落　Enter

插入換行 　 Shift+Enter

插入不換行空格　Ctrl+Shift+Spacebar

拷貝文本或?qū)ο蟮巾?yè)面其他位置 　Ctrl+拖動(dòng)選取項(xiàng)目到新位置

選取一個(gè)單詞　雙擊

將選定項(xiàng)目添加到庫(kù)　Ctrl+Shift+B

在設(shè)計(jì)視圖和代碼編輯器之間切換　 Ctrl+Tab

打開和關(guān)閉[屬性]檢查器Ctrl+Shift+J

檢查拼寫 　 Shift+F7

7、格式化文本

縮進(jìn)　Ctrl+]

左縮進(jìn)　Ctrl+[

格式>無　 Ctrl+0 (零)

段落格式　Ctrl+Shift+P

應(yīng)用標(biāo)題1到6到段落　Ctrl+1 到 6

對(duì)齊>左對(duì)齊　 Ctrl+Shift+Alt+L

對(duì)齊>居中　 Ctrl+Shift+Alt+C

對(duì)齊>右對(duì)齊　 Ctrl+Shift+Alt+R

加粗選定文本　Ctrl+B

傾斜選定文本　Ctrl+I

編輯樣式表　Ctrl+Shift+E

8、查找和替換文本

查找　Ctrl+F

查找下一個(gè)/再查找　 F3

替換　Ctrl+H

9、處理表格

選擇表格（光標(biāo)在表格中） Ctrl+A

移動(dòng)到下一單元格　Tab

移動(dòng)到上一單元格　Shift+Tab

插入行（在當(dāng)前行之前）　Ctrl+M

在表格末插入一行 在最后一個(gè)單元格　Tab

刪除當(dāng)前行　Ctrl+Shift+M

插入列　Ctrl+Shift+A

刪除列　Ctrl+Shift+ - (連字符)

合并單元格　Ctrl+Alt+M

拆分單元格　Ctrl+Alt+S

更新表格布局（在“快速表格編輯”模式中強(qiáng)制重繪）　Ctrl+Spacebar

10、處理框架

選擇框架　框架中Alt+點(diǎn)擊

選擇下一框架或框架頁(yè)　Alt+右方向鍵

選擇上一框架或框架頁(yè)　Alt+左方向鍵

選擇父框架　Alt+上方向鍵

選擇子框架或框架頁(yè)　Alt+下方向鍵

添加新框架到框架頁(yè)　Alt+從框架邊界拖動(dòng)

使用推模式添加新框架到框架頁(yè)　Alt+Ctrl+從框架邊界拖動(dòng)

11、處理層

選擇層　Ctrl+Shift+點(diǎn)擊

選擇并移 動(dòng)層　Shift+Ctrl+拖動(dòng)

從選擇中添加或刪除層　Shift+點(diǎn)擊層

以象素為單位移 動(dòng)所選層　上方向鍵

按靠齊增量移 動(dòng)所選層　Shift+方向鍵

以象素為單位調(diào)整層大小　Ctrl+方向鍵

以靠齊增量為單位調(diào)整層大小　Ctrl+Shift+方向鍵

將所選層與最后所選層的頂部/底部/左邊/右邊對(duì)齊　Ctrl+上/下/左/右方向鍵

統(tǒng)一所選層寬度　Ctrl+Shift+[

統(tǒng)一所選層高度　Ctrl+Shift+]

創(chuàng)建層時(shí)切換嵌套設(shè)置　Ctrl+拖動(dòng)

切換網(wǎng)格顯示　Ctrl+Shift+Alt+G

靠齊到網(wǎng)格　Ctrl+Alt+G

12、處理對(duì)象

添加對(duì)象到時(shí)間軸　Ctrl+Alt+Shift+T

添加關(guān)鍵幀　Shift+F9

刪除關(guān)鍵幀　Delete

改變圖象源文件屬性　Double+點(diǎn)擊圖象

在外部編輯器中編輯圖象　Ctrl+雙擊圖象

13、管理超鏈接

創(chuàng)建超鏈接（選定文本）　Ctrl+L

刪除超鏈接 　 Ctrl+Shift+L

拖動(dòng)并投放以從文檔創(chuàng)建超鏈接 選取文本，圖象或?qū)ο?，然后Shift+拖動(dòng)選擇到[站點(diǎn)]窗口中的文件

拖動(dòng)并投放以使用[屬性]檢查器創(chuàng)建超鏈接 選取文本，圖象或?qū)ο螅缓笸蟿?dòng)[屬性]檢查器的指向文件圖表到[站點(diǎn)]窗口的文件

在Dreamweaver打開鏈接文檔　Ctrl+雙擊鏈接

檢查選定鏈接　Shift+F8

檢查整個(gè)站點(diǎn)中的鏈接　Ctrl+F8

14、在瀏覽器中預(yù)覽

在主瀏覽器中預(yù)覽　F12

在次要瀏覽器中預(yù)覽　Ctrl+F12

15、在瀏覽器中調(diào)試

在主瀏覽器中調(diào)試　Alt+F12

在次要瀏覽器中調(diào)試　Ctrl+Alt+F12

16、站點(diǎn)管理和FTP

創(chuàng)建新文件　Ctrl+Shift+N

創(chuàng)建新文件夾　Ctrl+Shift+Alt+N

打開選定　Ctrl+Shift+Alt+O

從遠(yuǎn)程FTP站點(diǎn)下載選定文件或文件夾　Ctrl+Shift+D或?qū)⑽募腫站點(diǎn)]窗口的[遠(yuǎn)程]欄拖動(dòng)到[本地]欄

將選定文件或文件夾上載到遠(yuǎn)程FTP站點(diǎn)　Ctrl+Shift+U或?qū)⑽募腫站點(diǎn)]窗口的[本地]欄拖動(dòng)到[遠(yuǎn)程]欄

取出　Ctrl+Shift+Alt+D

存回　Ctrl+Shift+Alt+U

查看站點(diǎn)地圖　Alt+F8

刷新遠(yuǎn)端站點(diǎn)　Alt+F5

17、站點(diǎn)地圖

查看站點(diǎn)文件　F8

刷新本地欄　Shift+F5

設(shè)為根　Ctrl+Shift+R

鏈接到現(xiàn)存文件　Ctrl+Shift+K

改變鏈接　Ctrl+L

刪除鏈接　Delete

顯示/隱藏鏈接　 Ctrl+Shift+Y

顯示頁(yè)面標(biāo)題　Ctrl+Shift+T

重命名文件　F2

放大站點(diǎn)地圖　Ctrl+ + (plus)

縮小站點(diǎn)地圖　Ctrl+ - (hyphen)

18、播放插件

播放插件　Ctrl+Alt+P

停止插件　Ctrl+Alt+X

播放所有插件　Ctrl+Shift+Alt+P

停止所有插件　Ctrl+Shift+Alt+X

19、處理模板

創(chuàng)建新的可編輯區(qū)域　Ctrl+Alt+V

20、插入對(duì)象

任何對(duì)象（圖象，Shockwave影片等）　文件從[資源管理器]或[站點(diǎn)]窗口拖動(dòng)到[文檔]窗口

圖象　Ctrl+Alt+I

表格　Ctrl+Alt+T

Flash影片　 Ctrl+Alt+F

Shockwave和Director影片　Ctrl+Alt+D

命名錨記　Ctrl+Alt+A

21、歷史紀(jì)錄面板

打開[歷史紀(jì)錄]面板　Shift F10

開始/停止錄制命令 　Ctrl+Shift+X

播放錄制好的命令　Ctrl+P

22、打開和關(guān)閉面板

對(duì)象　Ctrl+F2

屬性　Ctrl+F3

站點(diǎn)文件　F5

站點(diǎn)地圖　Ctrl+F5

資源　F11

CSS樣式 　Shift+F11

HTML樣式　Ctrl+F11

行為　Shift+F3

歷史紀(jì)錄　Shift+F10

時(shí)間軸　Shift+F9

代碼檢查器　F10

框架　Shift+F2

層　F2

參考　Ctrl+Shift+F1

顯示/隱藏浮動(dòng)面板 　F4

最小化所有窗口　Shift+F4

最大化所有窗口　Alt+Shift+F4

23、獲得幫助

使用Dreamweaver[幫助主題] 　F1

參考 　 Shift+F1

Dreamweaver支持中心　 Ctrl+F1

歷史版本

版本介紹

Dreamweaver 2.0版本具有強(qiáng)大的站點(diǎn)管理功能，內(nèi)置FTP軟件可以直接上傳主頁(yè)；所見即所得的頁(yè)面編輯方式；支持Styles Sheet樣式表單，創(chuàng)造豐富的頁(yè)面效果；支持Layer層，并可使用Timeline時(shí)間軸制作動(dòng)態(tài)網(wǎng)頁(yè)；內(nèi)置Behavior行為，為網(wǎng)頁(yè)增加交互功能；提供模板和庫(kù)可以加速頁(yè)面的生成和制作；支持外部插件，提供無限的擴(kuò)展能力。

版本發(fā)布

發(fā)展過程

Dreamweaver 1.0發(fā)布于1997年12月，由之前Macromedia公司發(fā)布。

Dreamweaver 2.0，發(fā)布于1998年12月。

Dreamweaver 3.0，發(fā)布于1999年12月。Dreamweaver 3.0不足3M，是個(gè)經(jīng)典版本。無論是多破的機(jī)器，速度特快，功能夠用。此時(shí)的Dreamweaver已經(jīng)是一個(gè)集網(wǎng)頁(yè)創(chuàng)作和站點(diǎn)管理兩大利器于一身的超重量級(jí)的創(chuàng)作工具。

產(chǎn)品應(yīng)用

CSS正在改變網(wǎng)站設(shè)計(jì)的進(jìn)程。為迎合不斷增長(zhǎng)的傾向于CSS的設(shè)計(jì)人員的需求，Macromedia DW MX引進(jìn)了一些新的及改善過的CSS相關(guān)的特性。有了這些新的特性，你可以為未來的更新作好計(jì)劃，開發(fā)與W3C標(biāo)準(zhǔn)更加兼容的站點(diǎn)。本文討論在DW MX中使用CSS以及突出某一特定CSS特性時(shí)的一些建議。

一般地講，樣式表(style sheet)就是控制網(wǎng)頁(yè)內(nèi)容外觀的格式化的規(guī)則的集合。可以以三種不同的方式在你的頁(yè)面中使用CSS：

代碼式(Inline)：寫入到代碼中的一次性的樣式。

內(nèi)嵌式(Embedded)：可控制一個(gè)頁(yè)面中所有元素的樣式表

外聯(lián)式(External)：可控制許多頁(yè)面中的元素的樣式表

事實(shí)上，許多站點(diǎn)都根據(jù)需要把這三種方式結(jié)合起來使用。

在使用CSS時(shí)一個(gè)需要重點(diǎn)考慮的事實(shí)是不同的瀏覽器以及同一瀏覽器的不同版本以不同的方式來解析CSS。除了網(wǎng)絡(luò)瀏覽器的差異之外，你還要意識(shí)到還有很多其他的瀏覽器，比如聽力瀏覽器，基于電視的瀏覽器以及Palm pilot和TTY(teletypewriter，遠(yuǎn)程打字機(jī))一類的手持設(shè)備。

最佳習(xí)慣是指什么?

大多數(shù)技術(shù)都有自己約定俗成的標(biāo)準(zhǔn)。CSS也不例外。雖然并非網(wǎng)絡(luò)上存在的所有CSS都很規(guī)范，但按照現(xiàn)有標(biāo)準(zhǔn)來使用CSS卻還是不無裨益的。一般來說，開發(fā)人員應(yīng)盡可能將內(nèi)容與報(bào)告分離開來。這樣做的好處在于：

1、增加站點(diǎn)的壽命

不規(guī)范的樣式表可能在當(dāng)時(shí)覺得很方便，但新版本的瀏覽器出來以后，很可能就會(huì)出現(xiàn)兼容性問題。到時(shí)逐頁(yè)修改站點(diǎn)就是一項(xiàng)非常費(fèi)時(shí)的工作同時(shí)也使使用CSS失去了意義。

2、讓你的站點(diǎn)對(duì)所有的用戶以及瀏覽器都適用

有些地方的政府已經(jīng)立法要求網(wǎng)站必須讓殘障人士也同樣可以瀏覽。為殘障認(rèn)識(shí)設(shè)計(jì)的瀏覽設(shè)備，比如聽力瀏覽器，對(duì)CSS規(guī)范性要求極其嚴(yán)格。

3、讓站點(diǎn)更新和維護(hù)更加輕松

使用方式得當(dāng)?shù)脑?，CSS可讓你在一個(gè)頁(yè)面中的調(diào)整快速應(yīng)用到所有頁(yè)面中去。

你首先要做的選擇是使用哪一種樣式表。當(dāng)涉及到最佳習(xí)慣時(shí)，對(duì)不同樣式表的分析如下：

Inline CSS：簡(jiǎn)單地說，你應(yīng)該盡量避免使用。除了一些其他的缺點(diǎn)之外，使用Inline CSS意味著你并沒有利用到CSS的真正優(yōu)點(diǎn)，即你并沒有將內(nèi)容與格式分離開。DW MX使用Inline CSS主要是為了定位頁(yè)面元素(這些元素在DW MX的用戶界面中稱為“層(layer)”)，或者為了使用某個(gè)DHTML特效，它需要使用Inline 樣式的javascript來改變一個(gè)對(duì)象的屬性。

Embedded CSS：它也不是最理想的，因?yàn)樗荒軐?duì)當(dāng)前頁(yè)面施加影響。在更新的過程中，如果某一個(gè)頁(yè)面丟失，將會(huì)使站點(diǎn)的風(fēng)格不一致;另外，當(dāng)用戶瀏覽你的站點(diǎn)時(shí)，每一頁(yè)都要下載一次樣式表信息。

External CSS：這是你的第一選擇。External CSS可以讓所有連接到它的頁(yè)面保持一致的外觀風(fēng)格;提綱挈領(lǐng)，更改一次，輕松更新所有相關(guān)頁(yè)面;讓你的頁(yè)面體積更小，瀏覽速度更快。其他的一些最佳習(xí)慣將在下文分析具體的CSS特性時(shí)提及。

在DW MX中創(chuàng)建CSS樣式表

在DW MX中創(chuàng)建CSS樣式表時(shí)(Text 》CSS Style 》New style sheet)，在彈出的對(duì)話框中，你有兩個(gè)選擇：新樣式表文檔(New Style Sheet File) 和只用于當(dāng)前頁(yè)(This Document Only)。選中“New Style SheetFile ”你就開始了創(chuàng)建External CSS的過程。這個(gè)選項(xiàng)要求你在真正的創(chuàng)建過程之前先命名樣式表并為它選定一個(gè)保存位置;另外一個(gè)選項(xiàng)，This Document Only，則會(huì)直接把相關(guān)代碼寫入到頁(yè)面的部分。

你也可以在“新樣式(New style)”對(duì)話框中選擇一個(gè)現(xiàn)存的樣式表來編輯或添加新的定義。

應(yīng)該連接到External CSS還是導(dǎo)入?

創(chuàng)建外部樣式表以后，你需要把它附加在每個(gè)頁(yè)面上(或是模板)。要這樣做，可以在CSS面板上淡季“附加樣式表(Attach Style Sheet)”按紐，此時(shí)會(huì)彈出連接外部樣式表 (Link ExternalStyle Sheet)對(duì)話框，在上面可以瀏覽到你的目標(biāo)樣式表的名字，找到以后，你可以選擇連接(link) 或者導(dǎo)入(import )此外部樣式表。

連接是最常用的方式，選擇“l(fā)ink”即可把樣式表連接到頁(yè)面。它會(huì)在你的頁(yè)面中加入下面的標(biāo)記：

所有支持CSS的瀏覽器都支持連接選項(xiàng)。如果你想一些比較舊的瀏覽器(比如Netscape 4.x)也能“看到”這個(gè)樣式表的話，就要采用下面的方法。

如果你選擇“導(dǎo)入”選項(xiàng)，所用的標(biāo)記為：

NetSscape4會(huì)完全忽略導(dǎo)入的CSS，而按照連接的CSS來解釋頁(yè)面。這樣我們就可以放心使用CSS中的新功能，不必?fù)?dān)心瀏覽器的兼容性問題了。

CSS屬性檢查器

在DW MX的屬性檢查器中可以輕易切換到CSS模式。缺省情況下，屬性檢查器會(huì)顯示原始的HTML模式下字體標(biāo)簽。點(diǎn)擊字體下拉菜單旁邊的小“A”，你就可以看到目前可用的CSS樣式表，而不是字體標(biāo)簽列表。

同時(shí)，你也可以輕松切回到HTML模式。

現(xiàn)成的CSS樣式表

DW MX中一個(gè)令人激動(dòng)的CSS特性就是它包含了已制作好的CSS樣式表。CSS的新用戶可以先體驗(yàn)一下。選擇File > New，在彈出的新文檔對(duì)話框中選擇選中CSS style sheets，在右邊的方框中會(huì)出現(xiàn)所有可用的CSS列表。為了實(shí)踐我們所說的最佳習(xí)慣，選擇一個(gè)標(biāo)記為“Accessible”的。

將文檔保存在站點(diǎn)文件夾內(nèi)，然后就可以用上述的方法來把CSS附加在你的文檔中了。

設(shè)計(jì)時(shí)間樣式表(Design Time style sheets)

DW MX的這一特性可以讓你在設(shè)計(jì)視圖下工作時(shí)將樣式表應(yīng)用到頁(yè)面，讓你對(duì)站點(diǎn)的外觀有一個(gè)更直觀的認(rèn)識(shí)。設(shè)計(jì)時(shí)間樣式表將不會(huì)出現(xiàn)在站點(diǎn)內(nèi)。從我們的最佳習(xí)慣的觀點(diǎn)來講，這一特性是非常有用的。如果你使用同時(shí)導(dǎo)入和連接兩種方式(如上所述)，附加設(shè)計(jì)時(shí)間樣式表可以讓你使用其中的任何一個(gè)來開發(fā)站點(diǎn)。當(dāng)你想看在另一個(gè)樣式表下頁(yè)面外觀如何時(shí)，你可以輕松更改為另一個(gè)樣式表。

對(duì)于要將CSS應(yīng)用于服務(wù)器端(比如ASP, PHP, or ColdFusion)或是要在客戶端通過javascript來存取的開發(fā)者來說，設(shè)計(jì)時(shí)間樣式表同樣有用。服務(wù)器端樣式表也是處理客戶端瀏覽器對(duì)CSS支持不好的又一種方式。但在以前版本的DW中，這種方式卻不能讓你在設(shè)計(jì)階段查看CSS的實(shí)際效果。設(shè)計(jì)時(shí)間樣式表讓你實(shí)時(shí)查看樣式表效果，所以你可在DW MX中以可視界面工作。另外一個(gè)好處就是當(dāng)你上傳站點(diǎn)文件時(shí)，你不必再檢查整個(gè)站點(diǎn)尋找冗余的樣式表了。

驗(yàn)證

無論你是自己創(chuàng)建樣式表還是編輯現(xiàn)有的樣式表，驗(yàn)證可以確保你不會(huì)誤用不標(biāo)準(zhǔn)的標(biāo)簽或錯(cuò)誤的代碼。DW MX本身不包含CSS驗(yàn)證程序，你可以使用W3C站點(diǎn)提供的驗(yàn)證服務(wù)。在DW MX內(nèi)你可以驗(yàn)證HTML 或DHTML標(biāo)簽( File > Check Page > Validate Markup (for HTML) 或 File > Check Page > Validate as XML for XHTML.)。在開發(fā)基于CSS的站點(diǎn)時(shí)，DW MX提供了很多輔助工具。有了MW MX的幫助，再加上對(duì)CSS良好的理解，你就可以開發(fā)出能經(jīng)受時(shí)間考驗(yàn)的站點(diǎn)了

其他信息

DW CS3

dreamweaver CS3是Adobe（奧多比）公司收購(gòu)Macromedia公司后最新推出的Creative Suite 3 設(shè)計(jì)套裝中用于網(wǎng)頁(yè)設(shè)計(jì)與制作的組件。作為全球最流行，最優(yōu)秀的所見即所得的網(wǎng)頁(yè)編輯器，Dreamweaver可以輕而易舉地制作出跨操作系統(tǒng)平臺(tái)，跨瀏覽器的充滿動(dòng)感的網(wǎng)頁(yè)，是制作Web頁(yè)站點(diǎn),Web頁(yè)和Web應(yīng)用程序開發(fā)的理想工具。 　Dreamweaver，F(xiàn)ireworks，F(xiàn)lash被稱為網(wǎng)頁(yè)制作的“三劍客”，這三款工具相輔相承，是制作網(wǎng)頁(yè)的最佳拍檔之一。

DW CS4

Dreamweaver CS4的界面幾乎是做了一次脫胎換骨的改進(jìn)，從中看到了更多的設(shè)計(jì)元素，讓DW也稍稍帶著點(diǎn)蘋果的味道。如果說VISTA和OFFICE 2007創(chuàng)造了軟件界面設(shè)計(jì)的新紀(jì)元，那么Adobe相當(dāng)于取代了蘋果的設(shè)計(jì)地位而緊隨MS之后。唯一的區(qū)別就是，MS老是抄人家蘋果的（汗一個(gè)，微軟的Fans別砸我），而Adobe卻是實(shí)實(shí)在在的自己創(chuàng)造，設(shè)計(jì)界的老大地位實(shí)至名歸。

布局按鈕：這個(gè)按鈕似乎和下方的代碼、分割、設(shè)計(jì)按鈕功能重復(fù)，還不白DW的意圖，唯一增加的新功能是垂直分割，讓代碼和設(shè)計(jì)界面以垂直對(duì)比的方式呈現(xiàn)。 　精簡(jiǎn)設(shè)計(jì)：它提供了更多的可視區(qū)域，同時(shí)可以把右邊的菜單收縮到只剩下圖標(biāo)。對(duì)于習(xí)慣了Adobe其他設(shè)計(jì)軟件的朋友來說，這的確是非常貼心的設(shè)計(jì)。 　應(yīng)用程序開發(fā)增強(qiáng)：左上方是和數(shù)據(jù)相關(guān)的面板，包括數(shù)據(jù)庫(kù)面板、數(shù)據(jù)綁定面板和行為面板；左下方則是文件與資源相關(guān)的面板，包括文件面板、相關(guān)資源面板、代碼收集器等；右邊則是設(shè)計(jì)相關(guān)面板，包括插入面板、CSS樣式表面板、AP元素面板（用來為浮動(dòng)層定位）。應(yīng)該說這是一個(gè)萬(wàn)金油布局，幾乎適用所有的開發(fā)者，同時(shí)，它也把大部分菜單展示在用戶面前，其他的七種布局可以說只是在這個(gè)基礎(chǔ)上進(jìn)行一些排列和隱藏。 　在下方的文檔面板上，DW新增加了一個(gè)實(shí)時(shí)預(yù)覽功能——Live View。它的作用是在DW窗口中實(shí)時(shí)查看代碼的效果，包括Javascript特效！