Adobe Dreamweaver代碼編輯

Adobe Dreamweaver

同義詞 DW（Adobe Dreamweaver的縮寫）通常指Adobe Dreamweaver

Adobe Dreamweaver，簡稱「 DW」，中文名稱 "夢想編織者"，是美國 MACROMEDIA公司開發的集 網頁製做和管理網站於一身的所見即所得網頁編輯器，DW是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它能夠垂手可得地製做出跨越平臺限制和跨越 瀏覽器限制的充滿動感的網頁。

Macromedia公司成立於1992年，2005年被 Adobe公司收購。

Adobe Dreamweaver使用所見即所得的接口，亦有 HTML（ 標準通用標記語言下的一個應用）編輯的功能。它有 Mac和 Windows系統的版本。隨Macromedia被 Adobe收購後，Adobe也開始計劃開發 Linux版本的Dreamweaver了。 Dreamweaver自MX版本開始，使用了 Opera的 排版引擎"Presto" 做爲 網頁預覽。

中文名

夢想編織者

外文名

Adobe Dreamweaver

簡    稱

DW

開發商

Adobe

軟件語言

英文版、中文版

受權類型

共享(收費)軟件

軟件類別

國外軟件/網頁製做

目錄

1. 1 發展歷程
2. 2 功能介紹
3. ▪ 功能特點
4. ▪ 具體功能
5. ▪ 新增功能
6. ▪ 集成加強

1. 3 工做界面
2. 4 歷史版本
3. ▪ 版本介紹
4. ▪ 版本發佈
5. ▪ 版本介紹
6. 5 快捷鍵

1. 6 CSS最佳作法
2. 7 優缺點
3. ▪ 軟件優勢
4. ▪ 軟件缺點
5. 8 系統要求(DreamweaverCS6)

1. ▪ Windows
2. ▪ MacOS

發展歷程

編輯

Dreamweaver1.0發佈於1997年12月，由以前的 Macromedia公司發佈。

Dreamweaver2.0，發佈於1998年12月。

Dreamweaver3.0，發佈於1999年12月。Dreamweaver3.0不足3M，是個經典版本。不管是多破的機器，速度特快，功可以用。此時的Dreamweaver已是一個集網頁創做和站點管理兩大利器於一身的超重量級的創做工具。

功能介紹

編輯

功能特點

藉助共享型用戶界面設計,在AdobeCreativeSuite4的不一樣組件之間更快、更明智地工做。使用工做區切換器能夠從一個工做環境快速切換到下一個環境。

具體功能

CS6新增功能

利用AdobeDreamweaverCS6軟件中改善的FTP性能，更高效地傳輸大型文件。更新的「實時視圖」和「多屏幕預覽」面板可呈現HTML5代碼，使您能檢查本身的工做。

自適應網格

可響應的自適應網格版面

使用響應迅速的CSS3自適應網格版面，來建立跨平臺和跨瀏覽器的兼容網頁設計。利用簡潔、業界標準的代碼爲各類不一樣設備和計算機開發項目，提升工做效率。直觀地建立複雜網頁設計和頁面版面，無需忙於編寫代碼。

改善FTP性能

利用從新改良的多線程FTP傳輸工具節省上傳大型文件的時間。更快速高效地上傳網站文件，縮短製做時間。

Catalyst集成

AdobeBusinessCatalyst集成

使用Dreamweaver中集成的BusinessCatalyst面板鏈接並編輯您利用AdobeBusinessCatalyst（需另外購買）創建的網站。利用託管解決方案創建電子商務網站。

加強型jQuery移動支持

使用更新的jQuery移動框架支持爲iOS和Android平臺創建本地應用程序。創建觸及移動受衆的應用程序，同時簡化您的移動開發工做流程。

更新的PhoneGap支持

更新的AdobePhoneGap支持可輕鬆爲Android和iOS創建和封裝本地應用程序。經過改編現有的HTML代碼來建立移動應用程序。使用PhoneGap模擬器檢查您的設計。

CSS3轉換

將CSS屬性變化製成動畫轉換效果，使網頁設計栩栩如生。在您處理網頁元素和建立優美效果時保持對網頁設計的精準控制。

更新的實時視圖

使用更新的「實時視圖」功能在發佈前測試頁面。「實時視圖」現已使用最新版的WebKit轉換引擎，可以提供絕佳的HTML5支持。

更新的多屏幕預覽面板

利用更新的「多屏幕預覽」面板檢查智能手機、平板電腦和臺式機所創建項目的顯示畫面。該加強型面板可以讓您檢查HTML5內容呈現。

CS5後的新增功能

藉助AdobeDreamweaverCS5.5軟件充滿自信地進行設計、構建最新的HTML5和CSS3網站、令交互性更上一層樓。同時爲多個設備進行設計，並對全面的代碼檢查充滿自信。

「多屏幕預覽」面板

藉助「多屏幕預覽」面板，爲智能手機、Tablet和我的計算機進行設計。藉助媒體查詢支持，開發人員能夠經過一個面板爲各類設備設計樣式並實現渲染可視化。

CSS3/HTML5支持

經過CSS面板設置樣式，該面板通過更新可支持新的CSS3規則。設計視圖現支持媒體查詢，在您調整屏幕尺寸的同時可應用不一樣的樣式。使用HTML5進行前瞻性的編碼，同時提供代碼提示和設計視圖渲染支持。

JQuery集成

藉助jQuery代碼提示加入高級交互性。jQuery是行業標準JavaScript庫，容許您爲網頁輕鬆加入各類交互性。藉助針對手機的起動模板快速啓動。

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

藉助新增的PhoneGap功能爲Android和iOS構建並打包本機應用程序。藉助PhoneGap構建本機Android和iOS應用程序。

新增功能

實時視圖新增功能

藉助DreamweaverCS4中新增的實時視圖在真實的瀏覽器環境中設計 網頁,同時仍能夠直接訪問代碼。呈現的屏幕內容會當即反映出對代碼所作的更改。

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

藉助改進的JavaScript核心對象和基本數據類型支持,更快速、準確地編寫JavaScript。經過集成包括 jQuery、Prototype和 Spry在內的流行 JavaScript框架,充分利用DreamweaverCS4的擴展編碼功能。

相關文件新增功能

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

集成編碼加強功能

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

代碼導航器新增功能

新增的「代碼導航器」功能可顯示影響當前選定內容的全部代碼源,如CSS規則、 服務器端包括、外部JavaScript功能、 Dreamweaver模板、iframe源文件等。

AdobeAIR創做支持新增功能

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

FLV支持加強功能

經過輕鬆點擊和符合標準的編碼將 FLV文件集成到任何網頁中-無需AdobeFLASH軟件知識。設計時在Dreamweaver全新的實時視圖中播放FLV影片。

支持領先技術

在支持大多數領先Web開發技術的工具中進行設計和編碼,這些技術包括HTML、 XHTML、CSS、 XML、JavaScript、 Ajax、 PHP、AdobeColdFusion軟件和 ASP。

學習最佳作法

參考CSS最佳作法實現可視化設計並輔以通俗易懂的實用概念說明。在支持可訪問性和最佳作法的同時創造Ajax驅動的交互性。

集成加強

經過跨產品線的直接通訊和交互,充分利用DreamweaverCS4和其它Adobe工具的智能集成和強大功能,包括AdobeFLASHCS4Professional、FIREWORKSCS四、PhotoshopCS4和DeviceCentralCS4軟件。

AdobeInContextEditing新增功能

在Dreamweaver中設計頁面,使最終用戶能使用AdobeInContextEditing在線服務編輯他們的網頁,無需幫助或使用其它軟件。做爲Dreamweaver設計人員,您能夠限制對特定頁面、特殊區域的更改權,甚至能夠自定格式選項。

Subversion集成新增功能

在Dreamweaver中直接更新站點和登記修改內容。DreamweaverCS4與Subversion軟件緊密集成,後者是一款開放源代碼版本控制系統,能夠提供更強大的登記/註銷體驗。

跨平臺支持加強功能

爲所欲爲,盡情工做:DreamweaverCS4可用於基於Intel或PowerPC的Mac、MicrosoftWindowsXP以及WindowsVista系統。在首選系統中設計,交付跨平臺、可靠、一致、高性能的成果。

工做界面

編輯

初始界面

界面

安裝後，它會自動在Windows的菜單中建立程序組。與 FrontPage有很大的不一樣，它把工具欄省去了，而後增長了幾個浮動的工具欄。在Dreamwaver3.0中，它的工具欄全是浮動工具欄，能夠將工具欄縮小，也能夠關閉。在專業術語裏面，他們叫「浮動面板」，利用浮動面板來控制對頁面的編寫，而不是利用煩瑣的 對話框，這是Dreamwaver3.0編輯網頁中最值得人讚揚的特性。經過在浮動面板中進行屬性設置，這樣就直接能夠在文檔中看到結果，避免了中間過程，提升了工做效率。但對於熟悉了微軟的應用程序的用戶來講，開始的時候可能很不習慣。先來介紹它的三個最重要的浮動面板。

啓動面板

啓動面板主要用來 快速啓動相應的任務，或顯示/隱藏相應的浮動面板。若是啓動面板是豎的，那麼，能夠點擊它右下角的一個小按鈕，它就能夠變成橫向的了，這時，可能會發現，它的狀態欄上也有這個面板上的全部選項。這也就爲網頁製做者提供了方便。能夠直接從右下角點擊相應的欄目進入想要進入的對話框。

對象面板

對象面板主要功能至關於插入菜單，主要是向 網頁中插入一些對象，如表格，框架，圖象，層，Flash動畫等，它經過一個下拉菜單，把要插入的選項都包括在了其中。

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

屬性面板

屬性面板會隨着編輯的內容而變化，這個圖是文字屬性面板，它裏面包含了所要編輯的文字的全部內容，包括字體，顏色，大小，鏈接，縮進等，它的 右下角還有一個向下的小三角箭頭，單擊它，會展開屬性面板，它把一些不經常使用的屬性也列出來。展開後，箭頭會變成向上，單擊它，又會使屬性面板復原。屬性面 板不少，還有圖象屬性控制面板，層屬性控制面板等對象的屬性控制面板，用戶只要選擇要編輯的對象，它就會自動變化，挺方便的。用戶對全部由啓動面板彈出來 的浮動面板在被打開後，能夠從新組合，能夠將常常用的面板單獨地拉出來，只須要將鼠標放到想要拉的按鈕上面，而後按住左鍵拖動就能夠了，同理，把他們組合 也是同樣，用鼠標拖動後，放到上面就能夠。

歷史版本

編輯

版本介紹

Dreamweaver2.0版本具備強大的站點管理功能，內置 FTP軟件能夠直接上傳主頁；所見即所得的頁面編輯方式；支持StylesSheet樣式表單，創造豐富的頁面效果；支持Layer層，並可以使用Timeline時間軸製做 動態網頁；內置Behavior行爲，爲網頁增長交互功能；提供模板和庫能夠加速頁面的生成和製做；支持外部插件，提供無限的擴展能力。

版本發佈

Macromedia時代	Dreamweaver1.0
	Dreamweaver2.0
	Dreamweaver2.01
	Dreamweaver3
	Dreamweaver4
	Dreamweaver5
	Dreamweaver 6.0
	DreamweaverMX
	DreamweaverMX2004
	Dreamweaver8.0
Adobe時代	DreamWeaverCS3
	DreamWeaverCS4
	DreamweaverCS5
	DreamweaverCS5.5
	DreamweaverCS6
2013	DreamweaverCreativeCloud（CC）

版本介紹

CS3

dreamweaverCS3是 Adobe（奧多比）公司收購Macromedia公司後最新推出的CreativeSuite3設計套裝中用於 網頁設計與製做的組件。做爲全球最流行，最優秀的所見即所得的網頁編輯器，Dreamweaver能夠垂手可得地製做出跨操做系統平臺，跨瀏覽器的充滿動感的網頁，是製做Web頁站點,Web頁和Web 應用程序開發的理想工具。　Dreamweaver，Fireworks，Flash被稱爲網頁製做的「 三劍客」，這三款工具相輔相承，是製做網頁的最佳拍檔之一。

CS4

DreamweaverCS4的界面幾乎是作了一次脫胎換骨的改進，

從中看到了更多的設計元素，讓DW也稍稍帶着點蘋果的味道。若是說VISTA和OFFICE2007創造了 軟件界面設計的 新紀元，那麼Adobe至關於取代了蘋果的設計地位而緊隨MS以後。惟一的區別就是，MS總是抄人家蘋果的（汗一個，微軟的Fans別砸我），而 Adobe倒是實實在在的本身創造，設計界的老大地位實至名歸……　佈局按鈕：這個按鈕彷佛和下方的代碼、分割、設計按鈕功能重複，還不白DW的意圖，惟 一增長的新功能是垂直分割，讓代碼和設計界面以垂直對比的方式呈現。　精簡設計：它提供了更多的可視區域，同時能夠把右邊的菜單收縮到只剩下圖標。對於習 慣了Adobe其餘設計軟件的朋友來講，這的確是很是貼心的設計。　應用程序開發加強：左上方是和數據相關的面板，包括數據庫面板、數據綁定面板和行爲面 板；左下方則是文件與資源相關的面板，包括文件面板、相關資源面板、代碼收集器等；右邊則是設計相關面板，包括插入面板、 CSS樣式表面 板、AP元素面板（用來爲浮動層定位）。應該說這是一個萬金油佈局，幾乎適用全部的開發者，同時，它也把大部分菜單展現在用戶面前，其餘的七種佈局能夠說 只是在這個基礎上進行一些排列和隱藏。　在下方的文檔面板上，DW新增長了一個實時預覽功能——LiveView。它的做用是在DW窗口中實時查看代碼的 效果，包括 Javascript特效！

CS5

AdobeDreamweaverCS5是一款集網頁製做和管理網站

於一身的所見即所得網頁編輯器，DreamweaverCS5是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它能夠垂手可得地製做出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。

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

DreamweaverCS5的新增功能：

AdobeDreamweaverCS5軟件使設計人員和開發人員能充滿 自信地構建基於標準的網站。因爲同新的AdobeCSLive在線服務AdobeBrowserLab集成，您可使用CSS檢查工具進行設計，使用內容 管理系統進行開發並實現快速、精確的瀏覽器兼容性測試。

-集成CMS支持新增功能

盡享對WordPress、Joomla!和Drupal等內容管理系統框架的創做和測試支持。

-CSS檢查新增功能

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

-與AdobeBrowserLab集成新增功能

使用多個查看、診斷和比較工具預覽動態，網頁和本地內容。

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

爲自定義PHP函數顯示適當的語法，幫助您更準確地編寫代碼。

-CSSStarter頁加強功能

藉助更新和簡化的CSSStarter佈局，快速啓動基於標準的網站設計。

-與BusinessCatalyst集成新增功能

利用Dreamweaver與AdobeBusinessCatalyst服務（單獨提供）之間的集成，無需編程便可實現卓越的在線業務。

-保持跨媒體一致性

將任何本機AdobePhotoshop或Illustrator文件插入Dreamweaver便可建立圖像智能對象。更改源圖像，而後快速、輕鬆地更新圖像。

-加強的Subversion支持

藉助加強的Subversion軟件支持，提升協做、版本控制的環境中的站點文件管理效率。

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

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

CS6

進一步瞭解用於設計和編輯網站和移動應用程序的最新版頂尖

軟件中的各項功能，包括響應迅速的自適應網格版面、加強型jQueryMobile支持、CSS3轉換和其餘功能

創建網上業務
　　經過與AdobeBusinessCatalyst?平臺（需單獨購買）集成來開發複雜的電子商務網站，無需編寫任何服務器端編碼。創建並代管免費試用網站。
　　提升工做效率
　　利用高速FTP傳輸和改良的圖像編輯功能，有效地設計、開發併發佈網站和移動應用程序。利用對jQueryMobile和AdobePhoneGap框架的更新支持，創建移動應用程序。

可響應的自適應網格版面
　　改善的FTP性能
　　AdobeBusinessCatalyst集成
　　使用DW中的BusinessCatalyst面板鏈接

加強型jQuery移動支持
　　使用更新的jQuery移動框架支持爲 iOS和Android平臺創建本地應用程序。創建觸及移動受衆的應用程序，同時簡化您的移動開發工做流程。
　　更新的PhoneGap支持
　　更新的AdobePhoneGap?支持可輕鬆爲Android和iOS創建和封裝本地應用程序。經過改編現有的HTML代碼來建立移動應用程序。使用PhoneGap模擬器檢查您的設計。

CC更新說明

這一版本只能運行在win7和win8系統，winxp及如下系統不能運行。

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

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

更新流變格線版面可用於創建多方互動的網頁設計

更新EdgeAnimate整合EdgeWebFonts整合

快捷鍵

編輯

在運用DW的過程當中，熟練的使用快捷鍵，製做網頁時能達到事半功倍的效果。

文件菜單
　　

功能	快捷鍵	功能	快捷鍵
新建文檔	Ctrl+N,或直接在軟件啓動後的窗口中的[新建]下選擇HTML	打開一個HTML文件	Ctrl+O或者將文件從[文件管理器]或[站點]窗口拖動到[文檔]窗口中，或者直接在軟件啓動後窗口中[打開最近的項目]下方的[選擇]來打開一個HTML文件
在框架中打開	Ctrl+Shift+O	關閉	Ctrl+W
保存	Ctrl+S	另存爲	Ctrl+Shift+S
檢查連接	Shift+F8	退出	Ctrl+Q

編輯菜單
　　

功能	快捷鍵	功能	快捷鍵
撤消	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
參數選擇	Ctrl+U

頁面視圖
　　

功能	快捷鍵	功能	快捷鍵
標準視圖	Ctrl+Shift+F6	佈局視圖	Ctrl+F6
工具條	Ctrl+Shift+T

查看頁面元素
　　

功能	快捷鍵	功能	快捷鍵
可視化助理	Ctrl+Shift+I	標尺	Ctrl+Alt+R
顯示網格	Ctrl+Alt+G	靠齊到網格	Ctrl+Alt+Shift+G
頭內容	Ctrl+Shift+W	頁面屬性	Ctrl+Shift+J

代碼編輯

功能	快捷鍵	功能	快捷鍵
切換到設計視圖	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
向上翻頁	PageUp	向下翻頁	PageDown
向上選擇一頁	Shift+PageUp	向下選擇一頁	Shift+PageDown
選擇左邊單詞	Ctrl+Shift+Left	選擇右邊單詞	Ctrl+Shift+Right
移到行首	Home	移到行尾	End
移動到代碼頂部	Ctrl+Home	移動到代碼尾部	Ctrl+End
向上選擇到代碼頂部	Ctrl+Shift+Home	向下選擇到代碼頂部	Ctrl+Shift+End

編輯文本
　　

功能	快捷鍵	功能	快捷鍵
建立新段落	Enter	插入換行	Shift+Enter
插入不換行空格	Ctrl+Shift+Spacebar	拷貝文本或對象到頁面其餘位置	Ctrl+拖動選取項目到新位置
選取一個單詞	雙擊	將選定項目添加到庫	Ctrl+Shift+B
在設計視圖和代碼編輯器之間切換	Ctrl+Tab	打開和關閉[屬性]檢查器	Ctrl+Shift+J
檢查拼寫	Shift+F7

格式化文本

功能	快捷鍵	功能	快捷鍵
縮進	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

查找和替換文本
　　

功能	快捷鍵	功能	快捷鍵
查找	Ctrl+F	查找下一個/再查找	F3
替換	Ctrl+H

處理表格

功能	快捷鍵	功能	快捷鍵
選擇表格（光標在表格中）	Ctrl+A	移動到下一單元格	Tab
移動到上一單元格	Shift+Tab	插入行（在當前行以前）	Ctrl+M
在表格末插入一行在最後一個單元格	Tab	刪除當前行	Ctrl+Shift+M
插入列	Ctrl+Shift+A	刪除列	Ctrl+Shift+-(連字符)
合併單元格	Ctrl+Alt+M	拆分單元格	Ctrl+Alt+S
更新表格佈局（在「快速表格編輯」模式中強制重繪）	Ctrl+Spacebar

處理框架

功能	快捷鍵	功能	快捷鍵
選擇框架	框架中Alt+點擊	選擇下一框架或框架頁	Alt+右方向鍵
選擇上一框架或框架頁	Alt+左方向鍵	選擇父框架	Alt+上方向鍵
選擇子框架或框架頁	Alt+下方向鍵	添加新框架到框架頁	Alt+從框架邊界拖動
使用推模式添加新框架到框架頁	Alt+Ctrl+從框架邊界拖動

處理層

功能	快捷鍵	功能	快捷鍵
選擇層	Ctrl+Shift+點擊	選擇並移動層	Shift+Ctrl+拖動
從選擇中添加或刪除層	Shift+點擊層	以象素爲單位移動所選層	上方向鍵
按靠齊增量移動所選層	Shift+方向鍵	以象素爲單位調整層大小	Ctrl+方向鍵
以靠齊增量爲單位調整層大小	Ctrl+Shift+方向鍵	將所選層與最後所選層的頂部/底部/左邊/右邊對齊	Ctrl+上/下/左/右方向鍵
統一所選層寬度	Ctrl+Shift+[	統一所選層高度	Ctrl+Shift+]
建立層時切換嵌套設置	Ctrl+拖動	切換網格顯示	Ctrl+Shift+Alt+G
靠齊到網格	Ctrl+Alt+G

處理對象

功能	快捷鍵	功能	快捷鍵
添加對象到時間軸	Ctrl+Alt+Shift+T	添加關鍵幀	Shift+F9
刪除關鍵幀	Delete	改變圖象源文件屬性	Double+點擊圖象
在外部編輯器中編輯圖象	Ctrl+雙擊圖象

管理超連接
　　

功能	快捷鍵	功能	快捷鍵
建立超連接（選定文本）	Ctrl+L	刪除超連接	Ctrl+Shift+L
在Dreamweaver打開連接文檔	Ctrl+雙擊連接	檢查選定連接	Shift+F8
檢查整個站點中的連接	Ctrl+F8

在瀏覽器中預覽

功能	快捷鍵	功能	快捷鍵
在主瀏覽器中預覽	F12	在次要瀏覽器中預覽	Ctrl+F12

在瀏覽器中調試

功能	快捷鍵	功能	快捷鍵
在主瀏覽器中調試	Alt+F12	在次要瀏覽器中調試	Ctrl+Alt+F12

站點管理和FTP
　　

功能	快捷鍵	功能	快捷鍵
建立新文件	Ctrl+Shift+N	建立新文件夾	Ctrl+Shift+Alt+N
打開選定	Ctrl+Shift+Alt+O	從遠程FTP站點下載選定文件或文件夾	Ctrl+Shift+D或將文件從[站點]窗口的[遠程]欄拖動到[本地]欄
將選定文件或文件夾上載到遠程FTP站點	Ctrl+Shift+U或將文件從[站點]窗口的[本地]欄拖動到[遠程]欄	取出	Ctrl+Shift+Alt+D
存回	Ctrl+Shift+Alt+U	查看站點地圖	Alt+F8
刷新遠端站點	Alt+F5

站點地圖

功能	快捷鍵	功能	快捷鍵
查看站點文件	F8	刷新本地欄	Shift+F5
設爲根	Ctrl+Shift+R	連接到現存文件	Ctrl+Shift+K
改變連接	Ctrl+L	刪除連接	Delete
顯示/隱藏連接	Ctrl+Shift+Y	顯示頁面標題	Ctrl+Shift+T
重命名文件	F2	放大站點地圖	Ctrl++(plus)
縮小站點地圖	Ctrl+-(hyphen)

播放插件
　　

功能	快捷鍵	功能	快捷鍵
播放插件	Ctrl+Alt+P	中止插件	Ctrl+Alt+X
播放全部插件	Ctrl+Shift+Alt+P	中止全部插件	Ctrl+Shift+Alt+X

處理模板
　　

功能	快捷鍵
建立新的可編輯區域	Ctrl+Alt+V

插入對象

功能	快捷鍵	功能	快捷鍵
圖象	Ctrl+Alt+I	表格	Ctrl+Alt+T
Flash影片	Ctrl+Alt+F	Shockwave和Director影片	Ctrl+Alt+D
命名錨記	Ctrl+Alt+A

歷史紀錄面板

功能	快捷鍵	功能	快捷鍵
打開[歷史紀錄]面板	Shift+F10	開始/中止錄製命令	Ctrl+Shift+X
播放錄製好的命令	Ctrl+P

打開和關閉面板

功能	快捷鍵	功能	快捷鍵
對象	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

得到幫助

功能	快捷鍵	功能	快捷鍵	功能	快捷鍵
使用Dreamweaver[幫助主題]	F1	參考	Shift+F1	Dreamweaver支持中心	Ctrl+F1

CSS最佳作法

編輯

無需編寫代碼便可實施CSS最佳作法。在「屬性」面板中新建CSS規則,並在樣式級聯中清晰、簡單地說明每一個屬性的相應位置。

全面的CSS支持加強功能

使用DreamweaverCS4中加強的CSS實施工具令您的網站脫穎而出。藉助「設計」和「實時視圖」中的即時可視反饋,在「屬性」面板中快速定義和修改CSS規則。使用新增的「相關文件」和「代碼導航器」功能找到定義特定CSS規則的位置。

學習資源加強功能

藉助DreamweaverCS4中豐富的產品隨附教程掌握Web構建技能。經過由社區推進的幫助系統與最新Web技術保持同步。

更廣闊的Dreamweaver社區加強功能

從廣闊的Dreamweaver社區受益,它包括在線AdobeDesignCenter和AdobeDeveloperConnection、培訓與研討會、開發人員認證計劃以及用戶論壇。

在線服務

輕擊鼠標從Dreamweaver訪問在線服務,與同事或客戶共享屏幕、從在線社區得到所需的搜索結果並快速找到創意靈感。瞭解針對創意專業人士的更多在線服務

掌控內容

使客戶能從瀏覽器中直接更新他們的網頁。無需數據庫或複雜的編碼便可將動態數據添加到站點。

將任何Adobe PhotoshopPSD文檔插入Dreamweaver便可建立出圖像智能對象。智能對象與源文件緊密連接。無需打開Photoshop便可在Dreamweaver中更改源圖像和更新圖像。

HTML數據集新增功能

無需掌握數據庫或XML編碼便可將動態數據的強大功能融入網頁中。Spry數據集能夠將簡單HTML表中的內容識別爲交互式數據源。

優缺點

編輯

軟件優勢

製做效率

Dreamweaver可

以用最快速的方式將 Fireworks， FreeHand，或 Photoshop等檔案移至 網頁上。使用檢色 吸管工具選擇熒幕上的顏色可設定最接近的網頁安全色。對於選單，快捷鍵與格式控制，都只要一個簡單步驟即可完成。Dreamweaver能與您喜好的設計工具，如PlaybackFlash， Shockwave和外掛模組等搭配，不需離開Dreamweaver即可完成，總體運用流程天然順暢。除此以外，只要單擊即可使Dreamweaver自動開啓 Firework或Photoshop來進行編輯與設定圖檔的最佳化。

網站管理

使用網站地圖能夠快速製做網站雛形、設計、更新和重組網頁。改變網頁位置或檔案名稱，Dreamweaver會自動更新全部 連接。使用支援文字、 HTML碼、HTML屬性標籤和通常語法的搜尋及置換功能使得複雜的網站更新變得迅速又簡單。

控制能力

Dreamweaver是惟一提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設計工具。它包含HomeSite和BBEdit等主流 文字編輯器。 幀(frames)和表格的製做速度快的令您沒法想像。進階表格編輯功能使您簡單的選擇單格、行、欄或做未連續之選取。甚至能夠排序或格式化表格羣 組，Dreamweaver支援精準定位，利用可輕易轉換成表格的圖層以拖拉置放的方式進行版面配置。所見即所得Dreamweaver成功整合動態式出 版視覺編輯及電子商務功能，提供超強的支援能力給Third-party廠商，包含 ASP，Apache，BroadVision，ColdFusion，iCAT，Tango 與自行發展的應用軟體。當您正使用Dreamweaver在設計動態網頁時，所見即所得的功能，讓您不須要透過瀏覽器就能預覽網頁。夢幻樣版和 XMLDreamweaver將內容與設計分開，應用於快速網頁更新和團隊合做網頁編輯。創建網頁外觀的樣版，指定可編輯或不可編輯的部份，內容提供者可 直接編輯以樣式爲主的內容卻不會不當心改變既定之樣式。您也可使用樣版正確地輸入或輸出 XML內 容。全方位的呈現利用Dreamweaver設計的網頁，能夠全方位的呈如今任何平臺的熱門瀏覽器上。對於cascadingstylesheets的動 態HTML支援和鼠標換圖效果，聲音和動畫的DHTML效果資料庫可在Netscape和Microsoft瀏覽器上執行。使用不一樣瀏覽器檢示功 能，Dreamweaver能夠告知您在不一樣瀏覽器上執行的成效如何。當有新的瀏覽器上市時，只要從Dreamweaver的網站在下載它的描述檔，即可 得知詳盡的成效報告。

軟件缺點

效果難一致

難以精確達到與瀏覽器徹底一致的顯示效果也就是說您在所見即所得網頁編輯器中製做的網頁放到瀏覽器中是很難徹底達到您真正想要的效果，這一點在結構複雜一些的網頁（如分幀結構、動態網頁結構）中即可以體現出來；

代碼難控制

相比之下，非所見所得的網頁編輯器，就不存在這個問題，由於全部的HTML代碼都在您的監控下產生，可是因爲非所見所得編輯器的先天條件就註定了它的工做低效率。如何實現二者的完美結合，則既產生乾淨、準確的HTML代碼，具有所見所得的高效率、直觀性。

系統要求(DreamweaverCS6)

編輯

Windows

一、IntelPentium4或AMDAthlon64處理器

二、MicrosoftWindowsXP（帶有 ServicePack2，推薦ServicePack3）；WindowsVistaHomePremium、Business、Ultimate或 Enterprise（帶有ServicePack1）；或Windows7Windows8

三、512MB內存

四、1GB可用硬盤空間用於安裝；安裝過程當中須要額外的可用空間（沒法安裝在可移動閃存設備上）

五、1024x768屏幕，16位顯卡

六、DVD-ROM驅動器

七、在線服務須要寬帶Internet鏈接並不斷驗證訂閱版本（若是適用）*

MacOS

一、Intel多核處理器

二、MacOSX10.5.8或10.6版

三、512MB內存

四、1.8GB可用硬盤空間用於安裝；安裝過程當中須要額外的可用空間（沒法安裝在使用區分大小寫的文件系統的卷或可移動閃存設備上）

五、1280x800屏幕，16位顯卡DVD-ROM 驅動器

六、在線服務須要寬帶Internet鏈接並不斷驗證訂閱版本（若是適用）

詞條圖冊 更多圖冊

詞條圖片 (9)

 

Adobe eLearning Suite

當前包含的組件	▪ Captivate ▪ Flash ▪ Dreamweaver ▪ Photoshop ▪ Acrobat ▪ Audition ▪ Bridge

讀取器和播放器	▪ Adobe Reader ▪ Adobe AIR ▪ Adobe Flash Player ▪ Adobe Shockwave

桌面軟件	▪ Creative Suite ▪ eLearning Suite ▪ Technical Communication Suite ▪ Acrobat ▪ Audition ▪ Digital Editions ▪ Director ▪ FreeHand ▪ GoLive ▪ PageMaker ▪ Photoshop Lightroom ▪ 更多

服務器軟件	▪ ColdFusion ▪ LiveCycle ▪ Flash Media Server ▪ JRun ▪ Premiere Express ▪ Photoshop Express

技術	▪ PostScript ▪ PDF ▪ FlashPaper ▪ Authorware ▪ Flash ▪ Font Folio ▪ DNG ▪ Flex ▪ AIR ▪ BlazeDS ▪ FLV

服務	▪ Adobe Solutions Network

董事會	▪ Charles Geschke ▪ John Warnock ▪ Bruce Chizen ▪ Shantanu Narayen

收購	▪ 收購列表 ▪ Aldus ▪ Macromedia ▪ Scene7

參見	▪ Adobe軟件列表

當前包含的組件	▪ Audition ▪ Acrobat ▪ After Effects ▪ Bridge ▪ Dreamweaver ▪ Edge（Animate ▪ Reflow ▪ Code ▪ Inspect） ▪ Encore ▪ Fireworks ▪ Flash ▪ Builder ▪ Muse ▪ Media Encoder ▪ Illustrator ▪ InCopy ▪ InDesign ▪ Photoshop ▪ Prelude ▪ Premiere Pro ▪ SpeedGrade

在線服務	▪ BrowserLab ▪ CS Review ▪ Acrobat.com ▪ Story ▪ SiteCatalyst NetAverages

曾經包含的組件	▪ Contribute ▪ Device Central ▪ Dynamic Link ▪ Flash Catalyst ▪ GoLive ▪ ImageReady ▪ OnLocation ▪ Soundbooth ▪ Stock Photos ▪ Ultra ▪ Version Cue

Adobe Creative Suite

當前包含的組件	▪ Acrobat ▪ After Effects ▪ Contribute ▪ Dreamweaver ▪ Encore ▪ Flash ▪ Builder ▪ Fireworks ▪ Illustrator ▪ InCopy ▪ InDesign ▪ OnLocation ▪ Photoshop ▪ Premiere Pro ▪ Audition

共享程序	▪ Bridge ▪ Device Central ▪ Dynamic Link

在線服務	▪ BrowserLab ▪ CS Review ▪ Acrobat.com ▪ Story ▪ SiteCatalyst NetAverages

曾經包含的組件	▪ Soundbooth ▪ GoLive ▪ ImageReady ▪ Stock Photos ▪ Ultra ▪ Version Cue

讀取器和播放器	▪ Adobe Reader ▪ Adobe AIR ▪ Adobe Flash Player ▪ Adobe Shockwave

桌面軟件	▪ Creative Suite ▪ eLearning Suite ▪ Technical Communication Suite ▪ Acrobat ▪ Audition ▪ Digital Editions ▪ Director ▪ FreeHand ▪ GoLive ▪ PageMaker ▪ Photoshop Lightroom ▪ 更多

服務器軟件	▪ ColdFusion ▪ LiveCycle ▪ Flash Media Server ▪ JRun ▪ Premiere Express ▪ Photoshop Express

技術	▪ PostScript ▪ PDF ▪ FlashPaper ▪ Authorware ▪ Flash ▪ Font Folio ▪ DNG ▪ Flex ▪ AIR ▪ BlazeDS ▪ FLV

服務	▪ Adobe Solutions Network

董事會	▪ Charles Geschke ▪ John Warnock ▪ Bruce Chizen ▪ Shantanu Narayen

收購	▪ 收購列表 ▪ Aldus ▪ Macromedia ▪ Scene7

參見	▪ Adobe軟件列表

詞條標籤：

網頁設計 ， 網站開發工具 ， Macromedia ， FTP ， Adobe