Adobe Dreamweaver,簡稱“DW”,中文名稱"夢想編織者",最初為美國Macromedia公司開發(fā),2005年被Adobe公司收購。
DW是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁代碼編輯器。利用對HTML、CSS、JavaScript等內(nèi)容的支持,設計師和程序員可以在幾乎任何地方快速制作和進行網(wǎng)站建設。
Adobe Dreamweaver使用所見即所得的接口,亦有HTML(標準通用標記語言下的一個應用)編輯的功能,借助經(jīng)過簡化的智能編碼引擎,輕松地創(chuàng)建、編碼和管理動態(tài)網(wǎng)站。訪問代碼提示,即可快速了解HTML、CSS和其他Web標準。使用視覺輔助功能減少錯誤并提高網(wǎng)站開發(fā)速度。
Adobe國際認證(英文:Adobe Certified Professional簡稱:ACP)是Adobe公司推出的國際認證,其已經(jīng)成為考核和衡量企業(yè)人才選拔和錄用的參考標準。
技能認證
Adobe Certified Professional Dreamweaver 認證
職業(yè)認證
Adobe Certified Professional 網(wǎng)頁設計認證
獲得以上職業(yè)認證,需遵循以下規(guī)則:
網(wǎng)頁設計認證=Dreamweaver認證(必須)+Photoshop認證或Animate認證
Dreamweaver1.0發(fā)布于1997年12月,由之前的Macromedia公司發(fā)布。
Dreamweaver2.0,發(fā)布于1998年12月。
Dreamweaver3.0,發(fā)布于1999年12月。Dreamweaver3.0不足3M,是個經(jīng)典版本。無論是多破的機器,速度特快,功能夠用。此時的Dreamweaver已經(jīng)是一個集網(wǎng)頁創(chuàng)作和站點管理兩大利器于一身的超重量級的創(chuàng)作工具。
版本介紹
Dreamweaver2.0版本具有強大的站點管理功能,內(nèi)置FTP軟件可以直接上傳主頁;所見即所得的頁面編輯方式;支持StylesSheet樣式表單,創(chuàng)造豐富的頁面效果;支持Layer層,并可使用Timeline時間軸制作動態(tài)網(wǎng)頁;內(nèi)置Behavior行為,為網(wǎng)頁增加交互功能;提供模板和庫可以加速頁面的生成和制作;支持外部插件,提供無限的擴展能力。
CS3
dreamweaverCS3是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)頁的最佳拍檔之一。
CS4
Dreamweaver CS4的界面幾乎是做了一次脫胎換骨的改進,從中看到了更多的設計元素,讓DW也稍稍帶著點蘋果的味道。如果說VISTA和OFFICE2007創(chuàng)造了軟件界面設計的新紀元,那么Adobe相當于取代了蘋果的設計地位而緊隨MS之后。Adobe自己創(chuàng)造,設計界的老大地位實至名歸……布局按鈕:這個按鈕似乎和下方的代碼、分割、設計按鈕功能重復,還不白DW的意圖,增加的新功能是垂直分割,讓代碼和設計界面以垂直對比的方式呈現(xiàn)。精簡設計:它提供了更多的可視區(qū)域,同時可以把右邊的菜單收縮到只剩下圖標。對于習慣了Adobe其他設計軟件的朋友來說,這的確是非常貼心的設計。應用程序開發(fā)增強:左上方是和數(shù)據(jù)相關的面板,包括數(shù)據(jù)庫面板、數(shù)據(jù)綁定面板和行為面板;左下方則是文件與資源相關的面板,包括文件面板、相關資源面板、代碼收集器等;右邊則是設計相關面板,包括插入面板、CSS樣式表面板、AP元素面板(用來為浮動層定位)。應該說這是一個萬金油布局,幾乎適用所有的開發(fā)者,同時,它也把大部分菜單展示在用戶面前,其他的七種布局可以說只是在這個基礎上進行一些排列和隱藏。在下方的文檔面板上,DW新增加了一個實時預覽功能——LiveView。它的作用是在DW窗口中實時查看代碼的效果,包括Javascript特效!
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)站。由于同新的Adobe CS Live在線服務Adobe BrowserLab集成,您可以使用CSS檢查工具進行設計,使用內(nèi)容管理系統(tǒng)進行開發(fā)并實現(xiàn)快速、精確的瀏覽器兼容性測試。
-集成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法,幫助您更準確地編寫代碼。
-CSSStarter頁增強功能
借助更新和簡化的CSSStarter布局,快速啟動基于標準的網(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)格版面、增強型jQueryMobile支持、CSS3轉(zhuǎn)換和其他功能
建立網(wǎng)上業(yè)務
通過與Adobe Business Catalyst平臺(需單獨購買)集成來開發(fā)復雜的電子商務網(wǎng)站,無需編寫任何服務器端編碼。建立并代管免費試用網(wǎng)站。
提高工作效率
利用高速FTP傳輸和改良的圖像編輯功能,有效地設計、開發(fā)并發(fā)布網(wǎng)站和移動應用程序。利用對jQueryMobile和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模擬器檢查您的設計。
CC更新說明
這一版本只能運行在Win7和Win8系統(tǒng),WinXP及以下系統(tǒng)不能運行。
更新透過簡化的使用者界面、連接的工具以及新增的視覺化
更新CSS設計工具您可透過直觀方式更有效地編寫程式碼
更新流變格線版面可用于建立多方互動的網(wǎng)頁設計
更新EdgeAnimate整合EdgeWebFonts整合
在運用DW的過程中,熟練的使用快捷鍵,制作網(wǎng)頁時能達到事半功倍的效果。
文件菜單
功能 快捷鍵 功能 快捷鍵
新建文檔 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
參數(shù)選擇 Ctrl+U - -
頁面視圖
功能 快捷鍵 功能 快捷鍵
標準視圖 Ctrl+Shift+F6 布局視圖 Ctrl+F6
工具條 Ctrl+Shift+T - -
查看頁面元素
功能 快捷鍵 功能 快捷鍵
可視化助理 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
代碼編輯
功能 快捷鍵 功能 快捷鍵
切換到設計視圖 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
編輯文本
功能 快捷鍵 功能 快捷鍵
創(chuàng)建新段落 Enter 插入換行 Shift+Enter
插入不換行空格 Ctrl+Shift+Spacebar 拷貝文本或?qū)ο蟮巾撁嫫渌恢?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+方向鍵 以象素為單位調(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 - -
處理對象
功能 快捷鍵 功能 快捷鍵
添加對象到時間軸 Ctrl+Alt+Shift+T 添加關鍵幀 Shift+F9
刪除關鍵幀 Delete 改變圖象源文件屬性 Double+點擊圖象
在外部編輯器中編輯圖象 Ctrl+雙擊圖象 - -
管理超鏈接
功能 快捷鍵 功能 快捷鍵
創(chuàng)建超鏈接(選定文本) Ctrl+L 刪除超鏈接 Ctrl+Shift+L
在Dreamweaver打開鏈接文檔 Ctrl+雙擊鏈接 檢查選定鏈接 Shift+F8
檢查整個站點中的鏈接 Ctrl+F8 - -
在瀏覽器中預覽
功能 快捷鍵 功能 快捷鍵
在主瀏覽器中預覽 F12 在次要瀏覽器中預覽 Ctrl+F12
在瀏覽器中調(diào)試
功能 快捷鍵 功能 快捷鍵
在主瀏覽器中調(diào)試 Alt+F12 在次要瀏覽器中調(diào)試 Ctrl+Alt+F12
站點管理和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 - -
站點地圖
功能 快捷鍵 功能 快捷鍵
查看站點文件 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) - -
播放插件
功能 快捷鍵 功能 快捷鍵
播放插件 Ctrl+Alt+P 停止插件 Ctrl+Alt+X
播放所有插件 Ctrl+Shift+Alt+P 停止所有插件 Ctrl+Shift+Alt+X
處理模板
功能 快捷鍵
創(chuàng)建新的可編輯區(qū)域 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
制作效率
Dreamweaver可以用最快速的方式將Fireworks,F(xiàn)reeHand,或Photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設定最接近的網(wǎng)頁安全色。對于選單,快捷鍵與格式控制,都只要一個簡單步驟便可完成。Dreamweaver能與您喜愛的設計工具,如PlaybackFlash,Shockwave和外掛模組等搭配,不需離開Dreamweaver便可完成,整體運用流程自然順暢。除此之外,只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進行編輯與設定圖檔的最佳化。
網(wǎng)站管理
使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設計、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱,Dreamweaver會自動更新所有鏈接。使用支援文字、HTML碼、HTML屬性標簽和一般語法的搜尋及置換功能使得復雜的網(wǎng)站更新變得迅速又簡單。
控制能力
Dreamweaver是提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設計工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組,Dreamweaver支援精準定位,利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進行版面配置。所見即所得Dreamweaver成功整合動態(tài)式出版視覺編輯及電子商務功能,提供超強的支援能力給Third-party廠商,包含ASP,Apache,BroadVision,ColdFusion,iCAT,Tango與自行發(fā)展的應用軟體。當您正使用Dreamweaver在設計動態(tài)網(wǎng)頁時,所見即所得的功能,讓您不需要透過瀏覽器就能預覽網(wǎng)頁。夢幻樣版和XMLDreamweaver將內(nèi)容與設計分開,應用于快速網(wǎng)頁更新和團隊合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版,指定可編輯或不可編輯的部份,內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML內(nèi)容。全方位的呈現(xiàn)利用Dreamweaver設計的網(wǎng)頁,可以全方位的呈現(xiàn)于任何平臺的熱門瀏覽器上。對于cascadingstylesheets的動態(tài)HTML支援和鼠標換圖效果,聲音和動畫的DHTML效果資料庫可在Netscape和Microsoft Internet Explorer上執(zhí)行。使用不同瀏覽器檢示功能,Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當有新的瀏覽器上市時,只要從Dreamweaver的網(wǎng)站在下載它的描述檔,便可得知詳盡的成效報告。
無需編寫代碼即可實施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ù)源。
效果難一致
難以精確達到與瀏覽器完全一致的顯示效果也就是說您在所見即所得網(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代碼,具備所見所得的高效率、直觀性。
以Dreamweaver CC為例
Windows
1、Intel或AMD處理器
2、Windows7、Windows8、Windows10
3、512MB內(nèi)存
4、1GB可用硬盤空間用于安裝;安裝過程中需要額外的可用空間(無法安裝在可移動閃存設備上)
5、1024x768屏幕,16位顯卡
6、DVD-ROM驅(qū)動器
7、在線服務需要寬帶Internet連接并不斷驗證訂閱版本(如果適用)*
MacOS
1、Intel多核處理器
2、MacOS10.10及更高版本
3、512MB內(nèi)存
4、1.8GB可用硬盤空間用于安裝;安裝過程中需要額外的可用空間(無法安裝在使用區(qū)分大小寫的文件系統(tǒng)的卷或可移動閃存設備上)
5、1280x800屏幕,16位顯卡DVD-ROM驅(qū)動器
6、在線服務需要寬帶Internet連接并不斷驗證訂閱版本(如果適用)
借助共享型用戶界面設計,在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建立和封裝本地應用程序。通過改編現(xiàn)有的HTML代碼來創(chuàng)建移動應用程序。使用PhoneGap模擬器檢查您的設計。
CSS3轉(zhuǎn)換
將CSS屬性變化制成動畫轉(zhuǎn)換效果,使網(wǎng)頁設計栩栩如生。在您處理網(wǎng)頁元素和創(chuàng)建優(yōu)美效果時保持對網(wǎng)頁設計的精準控制。
更新的實時視圖
使用更新的“實時視圖”功能在發(fā)布前測試頁面?!皩崟r視圖”現(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框架,充分利用DreamweaverCS4的擴展編碼功能。
相關文件新增功能
源代碼,在“設計”視圖中查看父頁面。
集成編碼增強功能
領略內(nèi)建代碼提示的強大功能,令HTML、JavaScript、Spry和jQuery等Ajax框架、原型和幾種服務器語言中的編碼更快、更清晰。
代碼導航器新增功能
新增的“代碼導航器”功能可顯示影響當前選定內(nèi)容的所有代碼源,如CSS規(guī)則、服務器端包括、外部JavaScript功能、Dreamweaver模板、iframe源文件等。
Adobe AIR創(chuàng)作支持新增功能
在Dreamweaver中直接新建基于HTML和JavaScript的AdobeAIR應用程序。在Dreamweaver中即可預覽AIR應用程序。使AdobeAIR應用程序隨時可與AIR打包及代碼簽名功能一起部署。
FLV支持增強功能
通過輕松點擊和符合標準的編碼將FLV文件集成到任何網(wǎng)頁中-無需AdobeFLASH軟件知識。設計時在Dreamweaver全新的實時視圖中播放FLV影片。
支持領先技術
在支持大多數(shù)領先Web開發(fā)技術的工具中進行設計和編碼,這些技術包括HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、AdobeColdFusion軟件和ASP。
學習最佳做法
參考CSS最佳做法實現(xiàn)可視化設計并輔以通俗易懂的實用概念說明。在支持可訪問性和最佳做法的同時創(chuàng)造Ajax驅(qū)動的交互性。
集成增強
通過跨產(chǎn)品線的直接通信和交互,充分利用DreamweaverCS4和其它Adobe工具的智能集成和強大功能,包括Adobe FLASH CS4 Professional、FIREWORKS CS4、Photoshop CS4和DeviceCentral 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 WindowsXP以及Windows Vista系統(tǒng)。在首選系統(tǒng)中設計,交付跨平臺、可靠、一致、高性能的成果。
初始界面
安裝后,它會自動在Windows的菜單中創(chuàng)建程序組。與FrontPage有很大的不同,它把工具欄省去了,然后增加了幾個浮動的工具欄。在Dreamweaver 3.0中,它的工具欄全是浮動工具欄,可以將工具欄縮小,也可以關閉。在專業(yè)術語里面,他們叫“浮動面板”,利用浮動面板來控制對頁面的編寫,而不是利用煩瑣的對話框,這是Dreamweaver 3.0編輯網(wǎng)頁中最值得人贊賞的特性。通過在浮動面板中進行屬性設置,這樣就直接可以在文檔中看到結(jié)果,避免了中間過程,提高了工作效率。但對于熟悉了微軟的應用程序的用戶來說,開始的時候可能很不習慣。先來介紹它的三個最重要的浮動面板。
啟動面板
啟動面板主要用來快速啟動相應的任務,或顯示/隱藏相應的浮動面板。如果啟動面板是豎的,那么,可以點擊它右下角的一個小按鈕,它就可以變成橫向的了,這時,可能會發(fā)現(xiàn),它的狀態(tài)欄上也有這個面板上的所有選項。這也就為網(wǎng)頁制作者提供了方便??梢灾苯訌挠蚁陆屈c擊相應的欄目進入想要進入的對話框。
對象面板
對象面板主要功能相當于插入菜單,主要是向網(wǎng)頁中插入一些對象,如表格,框架,圖象,層,F(xiàn)lash動畫等,它通過一個下拉菜單,把要插入的選項都包括在了其中。
每一個選項中都有若干個圖標,只要在圖表上單擊一下,就可以插入想要插入的對象了。
屬性面板
屬性面板會隨著編輯的內(nèi)容而變化,這個圖是文字屬性面板,它里面包含了所要編輯的文字的所有內(nèi)容,包括字體,顏色,大小,連接,縮進等,它的右下角還有一個向下的小三角箭頭,單擊它,會展開屬性面板,它把一些不常用的屬性也列出來。展開后,箭頭會變成向上,單擊它,又會使屬性面板復原。屬性面板很多,還有圖象屬性控制面板,層屬性控制面板等對象的屬性控制面板,用戶只要選擇要編輯的對象,它就會自動變化,挺方便的。用戶對所有由啟動面板彈出來的浮動面板在被打開后,可以重新組合,可以將經(jīng)常用的面板單獨地拉出來,只需要將鼠標放到想要拉的按鈕上面,然后按住左鍵拖動就可以了,同理,把他們組合也是一樣,用鼠標拖動后,放到上面就可以。