Dreamweaver CC 2017作為目前主流的主頁制作軟件,功能的強大以及版本經(jīng)典一直都是受到編程人員的喜歡,同時在mac的系統(tǒng)上面也是有不少粉絲需要的,本站提供的是官方原版,直接的可以下載使用!
特色功能
一、全新代碼編輯器
已針對 Dreamweaver 中的代碼編輯器提供了若干可增強工作效率的功能,以使您快速且高效地完成編碼任務(wù)。
代碼提示可幫助新用戶了解 HTML、CSS 和其他 Web 標(biāo)準(zhǔn),自動縮進、代碼著色和可調(diào)整大小的字體等視覺輔助功能可幫助減少錯誤,使您的代碼更易閱讀。
1、代碼提示
Dreamweaver 中的代碼提示功能已得到增強,可為所選代碼提供更多有用信息。
在 Dreamweaver 的早期版本中,鍵入一個右尖括號后,只會顯示相關(guān)代碼的下拉列表。
dw cc 2017版本中,不僅會顯示相關(guān)代碼,還會顯示更多有助于您快速掌握 HTML、CSS和Dreamweaver 自帶的其他 Web 技術(shù)的信息。
2、代碼顯示增強功能
代碼的整體外觀已得到增強,可讀性更高。您可以看到代碼格式設(shè)置、代碼顏色和字體大小調(diào)整方面的改進。
3、代碼格式設(shè)置
在編寫代碼時,Dreamweaver 會實現(xiàn)代碼自動縮進,以避免手動縮進錯誤,同時改善可讀性。
4、代碼著色
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)欄更改不同文件類型的語法高亮顯示。
5、字體大小調(diào)整
在不離開“代碼”視圖的情況下,使用以下鍵盤快捷鍵調(diào)整字體大。
Ctrl++(Win) 或 Cmd++(Mac) 可增大字體大小
Ctrl+-(Win) 或 Cmd+-(Mac) 可減小字體大小
Ctrl+0(Win) 或 Cmd+0(Mac) 可重置為默認(rèn)字體大小
二、CSS 預(yù)處理器支持
Dreamweaver 目前支持常用的 CSS 預(yù)處理器(如 Sass、Less 和 SCSS),提供完整的代碼著色、代碼提示和編譯功能,可幫助您節(jié)省時間并生成更簡潔的代碼。
三、在瀏覽器中實時預(yù)覽
無需手動刷新瀏覽器,即可在瀏覽器中快速實時預(yù)覽代碼更改。Dreamweaver 現(xiàn)已與您的瀏覽器連接,因此無需重新加載頁面即可在瀏覽器中快速顯示更改。
四、快速編輯相關(guān)代碼文件
要快速更改代碼,請將光標(biāo)放在特定代碼片段上并使用上下文菜單,或按 Ctrl-E(針對 Windows 系統(tǒng))或 Cmd-E(針對 Mac 系統(tǒng))以打開“快速編輯”功能。
Dreamweaver 會顯示上下文特定的代碼選項和內(nèi)嵌工具。
五、上下文相關(guān) CSS 文檔
Dreamweaver 在“代碼”視圖中針對 CSS 屬性提供上下文相關(guān)文檔。
現(xiàn)在您無需從 Dreamweaver 外部訪問網(wǎng)頁即可了解或查閱 CSS 屬性。要顯示 CSS 幫助,請按 Ctrl+K(針對 Windows 系統(tǒng))或 Cmd+K(針對 Mac 系統(tǒng))。
六、可利用多個光標(biāo)編寫和編輯代碼
要同時編寫多行代碼,可使用多個光標(biāo)。
此功能可以大大提高工作效率,因為您不必多次編寫同一行代碼。
要調(diào)用多個光標(biāo),您可以:
- 要在連續(xù)多行內(nèi)添加光標(biāo),請按住 Alt 鍵,然后單擊并垂直拖動。
- 要在不連續(xù)的多個行內(nèi)添加光標(biāo),請按住 Ctrl 鍵,然后單擊要放置光標(biāo)的各個行。
- 要選中連續(xù)多行的文本,請按住 Alt 鍵并沿對角線方向拖動
- 要選中不連續(xù)的多行文本,請先選中部分文本,然后按住 Ctrl 鍵(Windows 系統(tǒng))或 Cmd 鍵(Mac 系統(tǒng)),再繼續(xù)選中其余文本。
七、現(xiàn)代化的用戶界面
Dreamweaver 已經(jīng)過重新設(shè)計,具備更直觀的可自定義界面,更易于訪問的菜單和面板,以及僅向您顯示所需工具的可配置的上下文相關(guān)工具欄。
該新界面還提供從淺色到深色的四級對比度,因此更便于閱讀和編輯代碼行。
以下是用戶界面重新設(shè)計前后的快照。
八、對菜單、工作區(qū)和工具欄的更改
此版本的 Dreamweaver 也對菜單、工具欄和工作區(qū)進行了重新設(shè)計。繼續(xù)閱讀以詳細了解上述更改。
工作區(qū)更改
對 Dreamweaver 界面進行了優(yōu)化,添加了以下默認(rèn)工作區(qū):
開發(fā)人員工作區(qū)
此工作區(qū)已最小化,默認(rèn)情況下僅包括開發(fā)人員對網(wǎng)站進行編碼時最必不可少的面板,例如“文件”面板和“代碼片段”面板。
標(biāo)準(zhǔn)工作區(qū)
此工作區(qū)包括您處理代碼和設(shè)計時所需的所有內(nèi)容,例如“文件”、“CC 庫”,“CSS Designer”、“插入”、“DOM”、“資源”和“代碼片段”面板。
Dreamweaver CC 2017 mac安裝教程
安裝請斷網(wǎng),一定要斷網(wǎng)!
1、直接的在本站下載好官方完整版的數(shù)據(jù)包,點擊打開;
2、點擊后選擇下圖位置點擊進去【本軟件是官方原版,但是現(xiàn)在官方不提供下載包,所有有點廣告,但是安裝完成就沒有了】
3、選擇build文件下的后綴有install.pkg文件進行安裝;
4、點擊繼續(xù)就可以;
5、選擇位置進行安裝,可以直接的默認(rèn);
6、輸入自己的電腦密碼就可以進去了;
7、耐心等待安裝完成就可以;
8、打開軟件進行使用,這個時候就可以聯(lián)網(wǎng)了,一定要聯(lián)網(wǎng);
9、最后就可以使用了!