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