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

Dreamweaver CC 2017安裝教程

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

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

3、先斷網(wǎng)，找到并選中Set-up，鼠標(biāo)右鍵點(diǎn)擊“以管理員身份運(yùn)行”；
溫馨提示：不斷網(wǎng)也可以安裝，但是需要登錄Adobe賬號(hào)。有賬號(hào)登錄，沒(méi)有賬號(hào)注冊(cè)一個(gè)即可。

4、軟件正在安裝，請(qǐng)耐心等待；

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

6、點(diǎn)擊“是”；

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

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

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

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

11、安裝結(jié)束。

Dreamweaver CC 2017新功能

1、全新代碼編輯器
已針對(duì) Dreamweaver 中的代碼編輯器提供了若干可增強(qiáng)工作效率的功能，以使您快速且高效地完成編碼任務(wù)。
代碼提示可幫助新用戶了解 HTML、CSS 和其他 Web 標(biāo)準(zhǔn)，自動(dòng)縮進(jìn)、代碼著色和可調(diào)整大小的字體等視覺輔助功能可幫助減少錯(cuò)誤，使您的代碼更易閱讀。
2、代碼提示
Dreamweaver 中的代碼提示功能已得到增強(qiáng)，可為所選代碼提供更多有用信息。
在 Dreamweaver 的早期版本中，鍵入一個(gè)右尖括號(hào)后，只會(huì)顯示相關(guān)代碼的下拉列表。
在此版本中，不僅會(huì)顯示相關(guān)代碼，還會(huì)顯示更多有助于您快速掌握 HTML、CSS 和 Dreamweaver 自帶的其他 Web 技術(shù)的信息。
3、代碼顯示增強(qiáng)功能
代碼的整體外觀已得到增強(qiáng)，可讀性更高。您可以看到代碼格式設(shè)置、代碼顏色和字體大小調(diào)整方面的改進(jìn)。
4、代碼格式設(shè)置
在編寫代碼時(shí)，Dreamweaver 會(huì)實(shí)現(xiàn)代碼自動(dòng)縮進(jìn)，以避免手動(dòng)縮進(jìn)錯(cuò)誤，同時(shí)改善可讀性。
5、代碼著色
Dreamweaver 目前支持針對(duì)更多文件類型的代碼著色。
代碼著色支持目前適用于 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)欄更改不同文件類型的語(yǔ)法高亮顯示。
6、字體大小調(diào)整
在不離開“代碼”視圖的情況下，使用以下鍵盤快捷鍵調(diào)整字體大小：
Ctrl++(Win) 或 Cmd++(Mac) 可增大字體大小
Ctrl+-(Win) 或 Cmd+-(Mac) 可減小字體大小
Ctrl+0(Win) 或 Cmd+0(Mac) 可重置為默認(rèn)字體大小
7、CSS 預(yù)處理器支持
Dreamweaver 目前支持常用的 CSS 預(yù)處理器(如 Sass、Less 和 SCSS)，提供完整的代碼著色、代碼提示和編譯功能，可幫助您節(jié)省時(shí)間并生成更簡(jiǎn)潔的代碼。
8、在瀏覽器中實(shí)時(shí)預(yù)覽
無(wú)需手動(dòng)刷新瀏覽器，即可在瀏覽器中快速實(shí)時(shí)預(yù)覽代碼更改。Dreamweaver 現(xiàn)已與您的瀏覽器連接，因此無(wú)需重新加載頁(yè)面即可在瀏覽器中快速顯示更改。
9、快速編輯相關(guān)代碼文件
要快速更改代碼，請(qǐng)將光標(biāo)放在特定代碼片段上并使用上下文菜單，或按 Ctrl-E(針對(duì) Windows 系統(tǒng))或 Cmd-E(針對(duì) Mac 系統(tǒng))以打開“快速編輯”功能。
Dreamweaver 會(huì)顯示上下文特定的代碼選項(xiàng)和內(nèi)嵌工具。
10、上下文相關(guān) CSS 文檔
Dreamweaver 在“代碼”視圖中針對(duì) CSS 屬性提供上下文相關(guān)文檔。
現(xiàn)在您無(wú)需從 Dreamweaver 外部訪問(wèn)網(wǎng)頁(yè)即可了解或查閱 CSS 屬性。要顯示 CSS 幫助，請(qǐng)按 Ctrl+K(針對(duì) Windows 系統(tǒng))或 Cmd+K(針對(duì) Mac 系統(tǒng))。
11、可利用多個(gè)光標(biāo)編寫和編輯代碼
要同時(shí)編寫多行代碼，可使用多個(gè)光標(biāo)。
此功能可以大大提高工作效率，因?yàn)槟槐囟啻尉帉懲恍写a。
要調(diào)用多個(gè)光標(biāo)，您可以：
要在連續(xù)多行內(nèi)添加光標(biāo)，請(qǐng)按住 Alt 鍵，然后單擊并垂直拖動(dòng)。
要在不連續(xù)的多個(gè)行內(nèi)添加光標(biāo)，請(qǐng)按住 Ctrl 鍵，然后單擊要放置光標(biāo)的各個(gè)行。
要選中連續(xù)多行的文本，請(qǐng)按住 Alt 鍵并沿對(duì)角線方向拖動(dòng)
要選中不連續(xù)的多行文本，請(qǐng)先選中部分文本，然后按住 Ctrl 鍵(Windows 系統(tǒng))或 Cmd 鍵(Mac 系統(tǒng))，再繼續(xù)選中其余文本。
12、現(xiàn)代化的用戶界面
Dreamweaver 已經(jīng)過(guò)重新設(shè)計(jì)，具備更直觀的可自定義界面，更易于訪問(wèn)的菜單和面板，以及僅向您顯示所需工具的可配置的上下文相關(guān)工具欄。
該新界面還提供從淺色到深色的四級(jí)對(duì)比度，因此更便于閱讀和編輯代碼行。
13、對(duì)菜單、工作區(qū)和工具欄的更改
此版本的 Dreamweaver 也對(duì)菜單、工具欄和工作區(qū)進(jìn)行了重新設(shè)計(jì)。繼續(xù)閱讀以詳細(xì)了解上述更改。
14、工作區(qū)更改
對(duì) Dreamweaver 界面進(jìn)行了優(yōu)化，添加了以下默認(rèn)工作區(qū)：
15、開發(fā)人員工作區(qū)
此工作區(qū)已最小化，默認(rèn)情況下僅包括開發(fā)人員對(duì)網(wǎng)站進(jìn)行編碼時(shí)最必不可少的面板，例如“文件”面板和“代碼片段”面板。
16、標(biāo)準(zhǔn)工作區(qū)
此工作區(qū)包括您處理代碼和設(shè)計(jì)時(shí)所需的所有內(nèi)容，例如“文件”、“CC 庫(kù)”，“CSS Designer”、“插入”、“DOM”、“資源”和“代碼片段”面板。