Adobe Dreamweaver

功能介紹

功能特色

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

具體功能

CS6新增功能

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

自適應網(wǎng)格

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

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

改善FTP 性能

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

Catalyst 集成

Adobe Business Catalyst 集成

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

增強型 jQuery 移動支持

使用更新的 jQuery 移動框架支持為 iOS 和 Android 平臺建立本地應用程序。建立觸及移動受眾的應用程序，同時簡化您的移動開發(fā)工作流程。

更新的 PhoneGap 支持

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

CSS3 轉(zhuǎn)換

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

更新的實時視圖

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

更新的多屏幕預覽面板

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

CS5后的新增功能

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

“多屏幕預覽”面板

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

CSS3/HTML5 支持

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

借助PhoneGap 構建本機Android 和iOS 應用程序

借助新增的PhoneGap 功能為Android 和iOS 構建并打包本機應用程序。 借助PhoneGap 構建本機Android 和iOS 應用程序。

新增功能

實時視圖新增功能

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

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

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

相關文件新增功能

源代碼, 在“設計”視圖中查看父頁面。

集成編碼增強功能

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

代碼導航器新增功能

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

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

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

FLV 支持增強功能

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

支持領先技術

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

學習最佳做法

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

集成增強

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

Adobe InContext Editing新增功能

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

Subversion 集成新增功能

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

跨平臺支持增強功能

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

常見故障

Dreamweaver CS6安裝失敗

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

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

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

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

更新情況

更新版本

CS5

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

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

Dreamweaver CS5 的新增功能：

Adobe Dreamweaver CS5 軟件使設計人員和開發(fā)人員能充滿自信地構建基于標準的網(wǎng)站。

- 集成 CMS 支持 新增功能

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

- CSS 檢查 新增功能

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

- 與 Adobe BrowserLab 集成 新增功能

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

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

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

- CSS Starter 頁 增強功能

借助更新和簡化的 CSS Starter 布局，快速啟動基于標準的網(wǎng)站設計。

- 與 Business Catalyst 集成 新增功能

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

- 保持跨媒體一致性

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

- 增強的 Subversion 支持

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

- 仔細查看站點特定的代碼提示

站點特定的代碼提示 新增功能

CS6

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

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

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

提高工作效率

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

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

改善的 FTP 性能

Adobe Business Catalyst 集成

使用 DW中的Business Catalyst 面板連接

增強型 jQuery 移動支持

使用更新的 jQuery 移動框架支持為 iOS 和 Android 平臺建立本地應用程序。建立觸及移動受眾的應用程序， 同時簡化您的移動開發(fā)工作流程。

更新的 PhoneGap 支持

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

更新說明

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

更新CSS 設計工具 您可透過直覺方式更有效地編寫程式碼

更新流變格線版面可用于建立多方互動的網(wǎng)頁設計

更新 Edge Animate 整合 Edge Web Fonts 整合

最佳做法

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

全面的 CSS 支持增強功能

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

學習資源增強功能

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

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

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

在線服務

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

掌控內(nèi)容

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

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

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

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

優(yōu)點缺點

軟件優(yōu)點

制作效率

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

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

網(wǎng)站管理

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

控制能力

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

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

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

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

軟件缺點

效果難一致

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

代碼難控制

相比之下，非所見所得的網(wǎng)頁編輯器，就不存在這個問題，因為所有的HTML代碼 都在您的監(jiān)控下產(chǎn)生，但是由于非所見所得編輯器的先天條件就注定了它的工作低效率。如何實現(xiàn)兩者的完美結(jié)合，則既產(chǎ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 可用硬盤空間用于安裝；安裝過程中需要額外的可用空間（無法安裝在可移動閃存設備上）

5、1024x768 屏幕，16 位顯卡

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

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

Mac OS

1、Intel 多核處理器

2、Mac OS X 10.5.8 或10.6 版

3、512MB 內(nèi)存

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

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

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

工作界面

初識界面

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

啟動面板

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

對象面板

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

每一個選項中都有若干個圖標，只要在圖表上單擊一下，就可以插入想要插入的對象了。

屬性面板

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

使用技巧

快捷鍵

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

1、文件菜單

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

打開一個 HTML文件　Ctrl+O或者將文件從[文件管理器]或[站點]窗口拖動到[文檔]窗口中，或者直接在軟件啟動后窗口中[打開最近的項目]下方的[選擇]來打開一個HTML文件

在框架中打開  Ctrl+Shift+O

關閉 　 Ctrl+W

保存 　 Ctrl+S

另存為　Ctrl+Shift+S

檢查鏈接　Shift + F8

退出　Ctrl+Q

2、編輯菜單

撤消　Ctrl+Z

重復　Ctrl+Y 或 Ctrl+Shift+Z

剪切　Ctrl+X 或Shift+Del

拷貝　Ctrl+C 或Ctrl+Ins

粘貼　Ctrl+V 或Shift+Ins

清除　Delete

全選　Ctrl+A

選擇父標簽　Ctrl+Shift+<

選擇子標簽　Ctrl+Shift+>

查找和替換　Ctrl+F 　查找下一個　F3

縮進代碼 　 Ctrl+Shift+]

左縮進代碼　Ctrl+Shift+[

平衡大括弧　Ctrl+’

啟動外部編輯器　Ctrl+E

參數(shù)選擇　Ctrl+U

3、頁面視圖

標準視圖　Ctrl+Shift+F6

布局視圖　Ctrl+F6

工具條　Ctrl+Shift+T

4、查看頁面元素

可視化助理　Ctrl+Shift+I

標尺　Ctrl+Alt+R

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

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

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

頁面屬性　Ctrl+Shift+J

5、代碼編輯

切換到設計視圖　Ctrl+Tab

打開快速標簽編輯器　Ctrl+T

選擇父標簽　Ctrl+Shift+<

平衡大括弧　Ctrl+’

全選　Ctrl+A

拷貝　Ctrl+C

查找和替換　Ctrl+F

查找下一個　F3

替換　Ctrl+H

粘貼　Ctrl+V

剪切　Ctrl+X

重復　Ctrl+Y

撤消　Ctrl+Z

切換斷點　Ctrl+Alt+B

向上選擇一行　Shift+Up

向下選擇一行　Shift+Down

選擇左邊字符　Shift+Left

選擇右邊字符　Shift+Right

向上翻頁　Page Up

向下翻頁　Page Down

向上選擇一頁　Shift+Page Up

向下選擇一頁　Shift+Page Down

選擇左邊單詞　Ctrl+Shift+Left

選擇右邊單詞　Ctrl+Shift+Right

移到行首　Home

移到行尾　End

移 動到代碼頂部　Ctrl+Home

移 動到代碼尾部　Ctrl+End

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

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

6、編輯文本

創(chuàng)建新段落　Enter

插入換行 　 Shift+Enter

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

拷貝文本或?qū)ο蟮巾撁嫫渌恢?　Ctrl+拖動選取項目到新位置

選取一個單詞　雙擊

將選定項目添加到庫　Ctrl+Shift+B

在設計視圖和代碼編輯器之間切換　 Ctrl+Tab

打開和關閉[屬性]檢查器Ctrl+Shift+J

檢查拼寫 　 Shift+F7

7、格式化文本

縮進　Ctrl+]

左縮進　Ctrl+[

格式>無　 Ctrl+0 (零)

段落格式　Ctrl+Shift+P

應用標題1到6到段落　Ctrl+1 到 6

對齊>左對齊　 Ctrl+Shift+Alt+L

對齊>居中　 Ctrl+Shift+Alt+C

對齊>右對齊　 Ctrl+Shift+Alt+R

加粗選定文本　Ctrl+B

傾斜選定文本　Ctrl+I

編輯樣式表　Ctrl+Shift+E

8、查找和替換文本

查找　Ctrl+F

查找下一個/再查找　 F3

替換　Ctrl+H

9、處理表格

選擇表格（光標在表格中） Ctrl+A

移動到下一單元格　Tab

移動到上一單元格　Shift+Tab

插入行（在當前行之前）　Ctrl+M

在表格末插入一行 在最后一個單元格　Tab

刪除當前行　Ctrl+Shift+M

插入列　Ctrl+Shift+A

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

合并單元格　Ctrl+Alt+M

拆分單元格　Ctrl+Alt+S

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

10、處理框架

選擇框架　框架中Alt+點擊

選擇下一框架或框架頁　Alt+右方向鍵

選擇上一框架或框架頁　Alt+左方向鍵

選擇父框架　Alt+上方向鍵

選擇子框架或框架頁　Alt+下方向鍵

添加新框架到框架頁　Alt+從框架邊界拖動

使用推模式添加新框架到框架頁　Alt+Ctrl+從框架邊界拖動

11、處理層

選擇層　Ctrl+Shift+點擊

選擇并移 動層　Shift+Ctrl+拖動

從選擇中添加或刪除層　Shift+點擊層

以象素為單位移 動所選層　上方向鍵

按靠齊增量移 動所選層　Shift+方向鍵

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

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

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

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

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

創(chuàng)建層時切換嵌套設置　Ctrl+拖動

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

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

12、處理對象

添加對象到時間軸　Ctrl+Alt+Shift+T

添加關鍵幀　Shift+F9

刪除關鍵幀　Delete

改變圖象源文件屬性　Double+點擊圖象

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

13、管理超鏈接

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

刪除超鏈接 　 Ctrl+Shift+L

拖動并投放以從文檔創(chuàng)建超鏈接 選取文本，圖象或?qū)ο螅缓骃hift+拖動選擇到[站點]窗口中的文件

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

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

檢查選定鏈接　Shift+F8

檢查整個站點中的鏈接　Ctrl+F8

14、在瀏覽器中預覽

在主瀏覽器中預覽　F12

在次要瀏覽器中預覽　Ctrl+F12

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

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

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

16、站點管理和FTP

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

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

打開選定　Ctrl+Shift+Alt+O

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

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

取出　Ctrl+Shift+Alt+D

存回　Ctrl+Shift+Alt+U

查看站點地圖　Alt+F8

刷新遠端站點　Alt+F5

17、站點地圖

查看站點文件　F8

刷新本地欄　Shift+F5

設為根　Ctrl+Shift+R

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

改變鏈接　Ctrl+L

刪除鏈接　Delete

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

顯示頁面標題　Ctrl+Shift+T

重命名文件　F2

放大站點地圖　Ctrl+ + (plus)

縮小站點地圖　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、插入對象

任何對象（圖象，Shockwave影片等）　文件從[資源管理器]或[站點]窗口拖動到[文檔]窗口

圖象　Ctrl+Alt+I

表格　Ctrl+Alt+T

Flash影片　 Ctrl+Alt+F

Shockwave和Director影片　Ctrl+Alt+D

命名錨記　Ctrl+Alt+A

21、歷史紀錄面板

打開[歷史紀錄]面板　Shift F10

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

播放錄制好的命令　Ctrl+P

22、打開和關閉面板

對象　Ctrl+F2

屬性　Ctrl+F3

站點文件　F5

站點地圖　Ctrl+F5

資源　F11

CSS樣式 　Shift+F11

HTML樣式　Ctrl+F11

行為　Shift+F3

歷史紀錄　Shift+F10

時間軸　Shift+F9

代碼檢查器　F10

框架　Shift+F2

層　F2

參考　Ctrl+Shift+F1

顯示/隱藏浮動面板 　F4

最小化所有窗口　Shift+F4

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

23、獲得幫助

使用Dreamweaver[幫助主題] 　F1

參考 　 Shift+F1

Dreamweaver支持中心　 Ctrl+F1

歷史版本

版本介紹

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

版本發(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，是個經(jīng)典版本。無論是多破的機器，速度特快，功能夠用。此時的Dreamweaver已經(jīng)是一個集網(wǎng)頁創(chuàng)作和站點管理兩大利器于一身的超重量級的創(chuàng)作工具。

產(chǎn)品應用

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

一般地講，樣式表(style sheet)就是控制網(wǎng)頁內(nèi)容外觀的格式化的規(guī)則的集合?？梢砸匀N不同的方式在你的頁面中使用CSS：

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

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

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

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

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

最佳習慣是指什么?

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

1、增加站點的壽命

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

2、讓你的站點對所有的用戶以及瀏覽器都適用

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

3、讓站點更新和維護更加輕松

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

你首先要做的選擇是使用哪一種樣式表。當涉及到最佳習慣時，對不同樣式表的分析如下：

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

Embedded CSS：它也不是最理想的，因為它只能對當前頁面施加影響。在更新的過程中，如果某一個頁面丟失，將會使站點的風格不一致;另外，當用戶瀏覽你的站點時，每一頁都要下載一次樣式表信息。

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

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

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

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

應該連接到External CSS還是導入?

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

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

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

如果你選擇“導入”選項，所用的標記為：

NetSscape4會完全忽略導入的CSS，而按照連接的CSS來解釋頁面。這樣我們就可以放心使用CSS中的新功能，不必擔心瀏覽器的兼容性問題了。

CSS屬性檢查器

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

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

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

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

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

設計時間樣式表(Design Time style sheets)

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

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

驗證

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

其他信息

DW CS3

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

DW CS4

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

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