一說到網頁設計和制作，許多朋友第一時間想到的就是我們曾經網頁三劍客，這款Dreamweaver CC 2017中文版就是曾經網頁三劍客中的一個，簡稱：DW。現在被Adobe公司收購也已經很久了，也推出了最新的CC 2017，軟件的功能非常的多，就由小編為大家細細道來。首先由于是同屬于CC系列版本，所以一些關于用戶方面和界面的更新是一樣的，如果用戶使用過Adobe公司的產品，就會發現從PS到AE、AI等等軟件都是同樣的操作界面，我們的Dreamweaver CC 2017同樣如此，至于作為網頁制作方面的功能當然也有所改進。比如全新的代碼編輯器，在Dreamweaver CC 2017新版本中為用戶提供了若干可增強工作效率的功能，以使您快速高效的完成編碼任務，而且還有代碼提示功能，讓我們的用戶只需要幾個字母就能夠迅速獲得需要的代碼。不僅如此，Dreamweaver CC 2017中的代碼自動縮進、代碼著色等輔助功能也讓我們的用戶減少了錯誤的發生，使測試人員也能夠更容易的進行代碼閱讀，有需要的朋友可以下載試試哦！

Dreamweaver CC 2017安裝教程

1、首先在本站下載Dreamweaver CC 2017安裝包，有32位和64位，大家可以根據自己的系統選擇安裝，然后鼠標右鍵解壓文件；

2、雙擊打開【Dreamweaver CC 2017】文件夾；

3、先斷網，找到并選中Set-up，鼠標右鍵點擊“以管理員身份運行”；
溫馨提示：不斷網也可以安裝，但是需要登錄Adobe賬號。有賬號登錄，沒有賬號注冊一個即可。

4、軟件正在安裝，請耐心等待；

5、點擊右上角關閉；

6、點擊“是”；

7、雙擊打開【文件】文件夾；

8、復制amtlib、dll；

9、打開軟件安裝目錄（默認路徑為：C:Program Files(x86)Adobe），雙擊打開【Adobe Dreamweaver CC 2017】文件夾；

10、將剛剛復制的文件粘貼到該文件夾，點擊“替換目標中的文件”；

11、安裝結束。

Dreamweaver CC 2017新功能

1、全新代碼編輯器
已針對 Dreamweaver 中的代碼編輯器提供了若干可增強工作效率的功能，以使您快速且高效地完成編碼任務。
代碼提示可幫助新用戶了解 HTML、CSS 和其他 Web 標準，自動縮進、代碼著色和可調整大小的字體等視覺輔助功能可幫助減少錯誤，使您的代碼更易閱讀。
2、代碼提示
Dreamweaver 中的代碼提示功能已得到增強，可為所選代碼提供更多有用信息。
在 Dreamweaver 的早期版本中，鍵入一個右尖括號后，只會顯示相關代碼的下拉列表。
在此版本中，不僅會顯示相關代碼，還會顯示更多有助于您快速掌握 HTML、CSS 和 Dreamweaver 自帶的其他 Web 技術的信息。
3、代碼顯示增強功能
代碼的整體外觀已得到增強，可讀性更高。您可以看到代碼格式設置、代碼顏色和字體大小調整方面的改進。
4、代碼格式設置
在編寫代碼時，Dreamweaver 會實現代碼自動縮進，以避免手動縮進錯誤，同時改善可讀性。
5、代碼著色
Dreamweaver 目前支持針對更多文件類型的代碼著色。
代碼著色支持目前適用于 HTML、JS、CSS、PHP、XML、LESS、Sass、SCSS、SVG、Bash、C、C#、C++、clojure、CoffeeScript、Dart、Diff、EJS、Embedded Ruby、Groovy、Handlebars、Haskell、Haxe、Java、JSON、Lua、Markdown、Markdown (GitHub)、Perl、屬性、Python、RDF Turtle、Ruby、Scala、SQL、Stylus、文本、VB、VBScript、XML 和 YAML。
您可直接從“代碼”視圖中的狀態欄更改不同文件類型的語法高亮顯示。
6、字體大小調整
在不離開“代碼”視圖的情況下，使用以下鍵盤快捷鍵調整字體大小：
Ctrl++(Win) 或 Cmd++(Mac) 可增大字體大小
Ctrl+-(Win) 或 Cmd+-(Mac) 可減小字體大小
Ctrl+0(Win) 或 Cmd+0(Mac) 可重置為默認字體大小
7、CSS 預處理器支持
Dreamweaver 目前支持常用的 CSS 預處理器(如 Sass、Less 和 SCSS)，提供完整的代碼著色、代碼提示和編譯功能，可幫助您節省時間并生成更簡潔的代碼。
8、在瀏覽器中實時預覽
無需手動刷新瀏覽器，即可在瀏覽器中快速實時預覽代碼更改。Dreamweaver 現已與您的瀏覽器連接，因此無需重新加載頁面即可在瀏覽器中快速顯示更改。
9、快速編輯相關代碼文件
要快速更改代碼，請將光標放在特定代碼片段上并使用上下文菜單，或按 Ctrl-E(針對 Windows 系統)或 Cmd-E(針對 Mac 系統)以打開“快速編輯”功能。
Dreamweaver 會顯示上下文特定的代碼選項和內嵌工具。
10、上下文相關 CSS 文檔
Dreamweaver 在“代碼”視圖中針對 CSS 屬性提供上下文相關文檔。
現在您無需從 Dreamweaver 外部訪問網頁即可了解或查閱 CSS 屬性。要顯示 CSS 幫助，請按 Ctrl+K(針對 Windows 系統)或 Cmd+K(針對 Mac 系統)。
11、可利用多個光標編寫和編輯代碼
要同時編寫多行代碼，可使用多個光標。
此功能可以大大提高工作效率，因為您不必多次編寫同一行代碼。
要調用多個光標，您可以：
要在連續多行內添加光標，請按住 Alt 鍵，然后單擊并垂直拖動。
要在不連續的多個行內添加光標，請按住 Ctrl 鍵，然后單擊要放置光標的各個行。
要選中連續多行的文本，請按住 Alt 鍵并沿對角線方向拖動
要選中不連續的多行文本，請先選中部分文本，然后按住 Ctrl 鍵(Windows 系統)或 Cmd 鍵(Mac 系統)，再繼續選中其余文本。
12、現代化的用戶界面
Dreamweaver 已經過重新設計，具備更直觀的可自定義界面，更易于訪問的菜單和面板，以及僅向您顯示所需工具的可配置的上下文相關工具欄。
該新界面還提供從淺色到深色的四級對比度，因此更便于閱讀和編輯代碼行。
13、對菜單、工作區和工具欄的更改
此版本的 Dreamweaver 也對菜單、工具欄和工作區進行了重新設計。繼續閱讀以詳細了解上述更改。
14、工作區更改
對 Dreamweaver 界面進行了優化，添加了以下默認工作區：
15、開發人員工作區
此工作區已最小化，默認情況下僅包括開發人員對網站進行編碼時最必不可少的面板，例如“文件”面板和“代碼片段”面板。
16、標準工作區
此工作區包括您處理代碼和設計時所需的所有內容，例如“文件”、“CC 庫”，“CSS Designer”、“插入”、“DOM”、“資源”和“代碼片段”面板。