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

Adobe Dreamweaver CC 2017中文版安裝教程

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

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

3、先斷網(wǎng)，找到并選中Set-up，鼠標右鍵點擊“以管理員身份運行”；

溫馨提示：不斷網(wǎng)也可以安裝，但是需要登錄Adobe賬號。有賬號登錄，沒有賬號注冊一個即可。

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

5、點擊右上角關(guān)閉；

6、點擊“是”；

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

8、復(fù)制amtlib、dll；

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

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

11、安裝結(jié)束。

Dreamweaver CC 2017新功能

1、全新代碼編輯器

已針對 Dreamweaver 中的代碼編輯器提供了若干可增強工作效率的功能，以使您快速且高效地完成編碼任務(wù)。

代碼提示可幫助新用戶了解 HTML、CSS 和其他 Web 標準，自動縮進、代碼著色和可調(diào)整大小的字體等視覺輔助功能可幫助減少錯誤，使您的代碼更易閱讀。

2、代碼提示

Dreamweaver 中的代碼提示功能已得到增強，可為所選代碼提供更多有用信息。

在 Dreamweaver 的早期版本中，鍵入一個右尖括號后，只會顯示相關(guān)代碼的下拉列表。

在此版本中，不僅會顯示相關(guān)代碼，還會顯示更多有助于您快速掌握 HTML、CSS 和 Dreamweaver 自帶的其他 Web 技術(shù)的信息。

3、代碼顯示增強功能

代碼的整體外觀已得到增強，可讀性更高。您可以看到代碼格式設(shè)置、代碼顏色和字體大小調(diào)整方面的改進。

4、代碼格式設(shè)置

在編寫代碼時，Dreamweaver 會實現(xiàn)代碼自動縮進，以避免手動縮進錯誤，同時改善可讀性。

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。

您可直接從“代碼”視圖中的狀態(tài)欄更改不同文件類型的語法高亮顯示。

6、字體大小調(diào)整

在不離開“代碼”視圖的情況下，使用以下鍵盤快捷鍵調(diào)整字體大小：

Ctrl++(Win) 或 Cmd++(Mac) 可增大字體大小

Ctrl+-(Win) 或 Cmd+-(Mac) 可減小字體大小

Ctrl+0(Win) 或 Cmd+0(Mac) 可重置為默認字體大小

7、CSS 預(yù)處理器支持

Dreamweaver 目前支持常用的 CSS 預(yù)處理器(如 Sass、Less 和 SCSS)，提供完整的代碼著色、代碼提示和編譯功能，可幫助您節(jié)省時間并生成更簡潔的代碼。

8、在瀏覽器中實時預(yù)覽

無需手動刷新瀏覽器，即可在瀏覽器中快速實時預(yù)覽代碼更改。Dreamweaver 現(xiàn)已與您的瀏覽器連接，因此無需重新加載頁面即可在瀏覽器中快速顯示更改。

9、快速編輯相關(guān)代碼文件

要快速更改代碼，請將光標放在特定代碼片段上并使用上下文菜單，或按 Ctrl-E(針對 Windows 系統(tǒng))或 Cmd-E(針對 Mac 系統(tǒng))以打開“快速編輯”功能。

Dreamweaver 會顯示上下文特定的代碼選項和內(nèi)嵌工具。

10、上下文相關(guān) CSS 文檔

Dreamweaver 在“代碼”視圖中針對 CSS 屬性提供上下文相關(guān)文檔。

現(xiàn)在您無需從 Dreamweaver 外部訪問網(wǎng)頁即可了解或查閱 CSS 屬性。要顯示 CSS 幫助，請按 Ctrl+K(針對 Windows 系統(tǒng))或 Cmd+K(針對 Mac 系統(tǒng))。

11、可利用多個光標編寫和編輯代碼

要同時編寫多行代碼，可使用多個光標。

此功能可以大大提高工作效率，因為您不必多次編寫同一行代碼。

要調(diào)用多個光標，您可以：

要在連續(xù)多行內(nèi)添加光標，請按住 Alt 鍵，然后單擊并垂直拖動。

要在不連續(xù)的多個行內(nèi)添加光標，請按住 Ctrl 鍵，然后單擊要放置光標的各個行。

要選中連續(xù)多行的文本，請按住 Alt 鍵并沿對角線方向拖動

要選中不連續(xù)的多行文本，請先選中部分文本，然后按住 Ctrl 鍵(Windows 系統(tǒng))或 Cmd 鍵(Mac 系統(tǒng))，再繼續(xù)選中其余文本。

12、現(xiàn)代化的用戶界面

Dreamweaver 已經(jīng)過重新設(shè)計，具備更直觀的可自定義界面，更易于訪問的菜單和面板，以及僅向您顯示所需工具的可配置的上下文相關(guān)工具欄。

該新界面還提供從淺色到深色的四級對比度，因此更便于閱讀和編輯代碼行。

13、對菜單、工作區(qū)和工具欄的更改

此版本的 Dreamweaver 也對菜單、工具欄和工作區(qū)進行了重新設(shè)計。繼續(xù)閱讀以詳細了解上述更改。

14、工作區(qū)更改

對 Dreamweaver 界面進行了優(yōu)化，添加了以下默認工作區(qū)：

15、開發(fā)人員工作區(qū)

此工作區(qū)已最小化，默認情況下僅包括開發(fā)人員對網(wǎng)站進行編碼時最必不可少的面板，例如“文件”面板和“代碼片段”面板。

16、標準工作區(qū)

此工作區(qū)包括您處理代碼和設(shè)計時所需的所有內(nèi)容，例如“文件”、“CC 庫”，“CSS Designer”、“插入”、“DOM”、“資源”和“代碼片段”面板。