DW cc2015軟件介紹
adobe dreamweaver cc 2015是adobe公司推出的一款專業(yè)的網(wǎng)頁制作及管理軟件，簡稱dw cc2015，新版本不僅新增了對html、css、javascipt等格式的支持，而且還可以在dreamweaver中輕松管理所有源代碼，并直接從git面板執(zhí)行所有常見操作。另外在dw cc2015中還實(shí)現(xiàn)了與多個(gè)托管服務(wù)器的無縫sftp連接，可以說此版本是目前最牛的網(wǎng)頁設(shè)計(jì)軟件了。
DW cc2015軟件功能
1、新的代碼編輯器。
2、CSS預(yù)處理器支持。
3、在瀏覽器中實(shí)時(shí)預(yù)覽。
4、快速編輯相關(guān)代碼文件。
5、上下文相關(guān)的CSS文檔。
6、可以使用多個(gè)光標(biāo)編寫和編輯代碼。
7、現(xiàn)代用戶界面。
8、更改菜單、工作區(qū)和工具欄。
DW cc2015軟件特色
1、CSS設(shè)計(jì)
直觀的可視化編輯工具可以生成干凈的網(wǎng)絡(luò)標(biāo)準(zhǔn)代碼。
快速應(yīng)用于漸變CSS屬性和框陰影等應(yīng)用程序。有關(guān)詳細(xì)信息，請參閱現(xiàn)在的設(shè)計(jì)效果。
再也沒有麻煩的調(diào)整了。沒有再切換回代碼。
流體網(wǎng)格布局：直觀地構(gòu)建網(wǎng)絡(luò)設(shè)計(jì)和響應(yīng)布局。
增強(qiáng)的流體網(wǎng)格布局界面使設(shè)計(jì)桌面和設(shè)備屏幕大小不同的項(xiàng)目變得更加容易。
2、高級web字體
用糖表達(dá)文字。使用巨大且不斷增加的Adobe邊緣的web字體庫由Adobe Typekit提供電源。
在Dreamweaver和邊緣工具中添加web字體。
在添加精致的排版風(fēng)格和更多控制權(quán)的同時(shí)，還可以創(chuàng)建快速加載超級頁面。
3、支持現(xiàn)代平臺
使用HTML CSS和JavaScript作者的項(xiàng)目。
在PHP中開發(fā)動(dòng)態(tài)頁
代碼更有效地利用增強(qiáng)的代碼提示和語法著色。
4、jQuery UI小部件
驅(qū)逐無聊的按鈕和普通圖標(biāo)。拖放JQuery UI部件。
通過添加手風(fēng)琴來顯示內(nèi)容的可折疊面板。
DW cc2015版本優(yōu)勢
Extract 增強(qiáng)功能
適用于設(shè)備的 Extract
支持 % 單位
適用于設(shè)備的 Extract
設(shè)備不僅能大小各異，而且分辨率也各不相同。您規(guī)劃的響應(yīng)快速的網(wǎng)頁設(shè)計(jì)必須適應(yīng)各個(gè)設(shè)備上相應(yīng)呈現(xiàn)的多種分辨率版本的圖像。但是，在項(xiàng)目中為所有圖像創(chuàng)建眾多不同的分辨率版本可能會(huì)是一項(xiàng)艱巨的任務(wù)。
Dreamweaver 中的 Extract 能夠在很大程度上簡化這一任務(wù)。在 2015 版 Dreamweaver 中提取來自 Photoshop 復(fù)合的圖像時(shí)，您還可以選擇提取該圖像的不同分辨率版本。Photoshop 中的圖像會(huì)在提取過程中自動(dòng)調(diào)整為不同的預(yù)定義分辨率。
然后，您可以在 JavaScript 或媒體查詢中調(diào)用這些圖像，以便根據(jù)用于查看圖像的設(shè)備來顯示圖像。例如，對于高密度 Retina 顯示屏，您可以使用 2X 版本的圖像。
提取圖像的多種分辨率版本
支持 % 單位
在 Extract 面板中，除像素之外，您現(xiàn)在還可查看圖像的寬度和高度(值以 % 表示)。您還可以查看度量值(以 % 表示)。
當(dāng)您單擊 Extract 面板中的資源時(shí)，所顯示的彈出窗口會(huì)為您提供一個(gè)在像素和 % 之間進(jìn)行切換的選項(xiàng)。當(dāng)您在不同資源中查看度量值時(shí)，您在此彈出窗口中選擇的單位將會(huì)保留。
度量值以 % 表示
實(shí)時(shí)視圖編輯的增強(qiáng)功能
實(shí)時(shí)視圖中的嵌套插入
現(xiàn)在，您可以在實(shí)時(shí)視圖中將元素插入其他元素之中。當(dāng)您在插入面板、資源面板或?qū)崟r(shí)視圖中拖動(dòng)元素，并將鼠標(biāo)懸停在頁面上的不同元素上時(shí)，您會(huì)看到嵌套元素的可視化反饋(在參考線之前和之后)。
參考線之前/之后：當(dāng)您將鼠標(biāo)懸停在元素頂部和底部的 30% 時(shí)。
嵌套可視化反饋：當(dāng)您將鼠標(biāo)懸停在元素中部的 40% 時(shí)。
可視化反饋，以藍(lán)色陰影高亮顯示，用于嵌套插入
直接在“元素顯示”中編輯選擇器
現(xiàn)在，您只需單擊“元素顯示”中選擇器的名稱，即可對其進(jìn)行編輯。您可以通過單擊頁面上的任意位置來提交所作的更改。
編碼工具欄更改
已刪除編碼工具欄中與折疊代碼相關(guān)的以下選項(xiàng)：
折疊整個(gè)標(biāo)簽
折疊選定內(nèi)容
注意：已從右鍵單擊上下文菜單和“編輯”菜單中刪除上述選項(xiàng)。
現(xiàn)在可以通過將鼠標(biāo)懸停在行號上并單擊出現(xiàn)的三角形來折疊代碼。
此外，下列選項(xiàng)目前不可用于 HTML、CSS 和 JS 文件。
高亮顯示無效代碼
信息欄中的“語法錯(cuò)誤警報(bào)”
還可使用 linting 查找代碼中的錯(cuò)誤，“輸出”面板將顯示 linting 結(jié)果。
CSS Designer 改進(jìn)
“全部”和“當(dāng)前”模式
代碼提示
媒體查詢的顏色編碼
其他更改
“全部”和“當(dāng)前”模式
目前 CSS Designer 提供了兩種不同模式，用于查看和編輯 CSS 屬性：
“全部”模式：此模式將列出當(dāng)前文檔中的所有 CSS、媒體查詢和選擇器。而它對“設(shè)計(jì)”或“實(shí)時(shí)”視圖中的選定內(nèi)容不敏感。
如果要?jiǎng)?chuàng)建 CSS、媒體查詢和選擇器，此模式是最佳選擇。
“當(dāng)前”模式：此模式將列出“設(shè)計(jì)”或“實(shí)時(shí)”視圖中所有選定元素的已計(jì)算樣式。在 CCS 文件中，如果焦點(diǎn)位于選擇器上，則此模式將顯示此選擇器的屬性。
如果要編輯與文檔中所選元素關(guān)聯(lián)的選擇器的屬性，此模式是最佳選擇。
CSS Designer 中的所有模式和當(dāng)前模式
代碼提示
Dreamweaver 目前可在 CSS Designer 中顯示代碼提示(類似于代碼視圖)，用于設(shè)置新屬性。
注意:
CSS Designer 不提供具有進(jìn)一步關(guān)聯(lián)操作的選項(xiàng)，如管理字體、拾色器和瀏覽。
CSS Designer 中的代碼提示
媒體查詢的顏色編碼
CSS Designer 面板中的媒體查詢現(xiàn)已對顏色進(jìn)行了編碼以匹配可視媒體查詢。
綠色：包含 max-width 條件的媒體查詢
藍(lán)色：同時(shí)包含 min-width 和 max-width 條件的媒體查詢
紫色：包含 min-width 條件的媒體查詢
CSS Designer 中媒體查詢的顏色編碼
其他更改
“顯示集合”選項(xiàng)：目前在首次啟動(dòng) Dreamweaver 時(shí)，將默認(rèn)選擇“屬性”部分的“顯示集合”復(fù)選框。在所有后續(xù) Dreamweaver 會(huì)話中都將保留此選項(xiàng)的任何更改(選擇或取消選擇)。
面板滾動(dòng)以在中央顯示“添加屬性”：單擊“屬性”部分的“+”時(shí)，此部分將滾動(dòng)以在面板中央顯示“添加屬性”行。如果“屬性”部分過小，“添加屬性”行將在面板底部顯示。
添加新屬性時(shí)背景高亮顯示：當(dāng)焦點(diǎn)位于“添加新屬性”文本框時(shí)，行在灰色背景中高亮顯示。
“+”和“-”按鈕位置的更改：為了增加可見度，將 CSS Designer 面板各窗格中的“+”和“-”按鈕從最右側(cè)移動(dòng)到最左側(cè)。
重命名“自定義”類別：已將“自定義”屬性的類別名更改為“更多”。
測試服務(wù)器工作流程更改
此版本中的測試服務(wù)器工作流程改進(jìn)旨在讓您能夠輕松、無縫地利用實(shí)時(shí)視圖中的服務(wù)器端代碼對文檔進(jìn)行編輯。
服務(wù)器設(shè)置中的更改
與 Dreamweaver 的早期版本不同，您現(xiàn)在可以指定特定服務(wù)器作為測試服務(wù)器或遠(yuǎn)程服務(wù)器，但不能同時(shí)指定兩者。服務(wù)器設(shè)置用戶界面中的復(fù)選框已替換為單選按鈕，以便實(shí)施服務(wù)器規(guī)范。
如果您將站點(diǎn)導(dǎo)入 Dreamweaver CC 2015，并指定某個(gè)服務(wù)器同時(shí)作為測試服務(wù)器和遠(yuǎn)程服務(wù)器，則系統(tǒng)會(huì)創(chuàng)建一個(gè)重復(fù)的服務(wù)器條目。然后，將一個(gè)標(biāo)記為遠(yuǎn)程服務(wù)器，將另一個(gè)標(biāo)記為測試服務(wù)器。
動(dòng)態(tài)文件的自動(dòng)推送
打開、創(chuàng)建或保存為動(dòng)態(tài)文檔所做的更改時(shí)，Dreamweaver 目前會(huì)將動(dòng)態(tài)文檔自動(dòng)同步到測試服務(wù)器。Dreamweaver 不再針對測試服務(wù)器工作流程顯示“更新測試服務(wù)器”或“推送依賴文件”對話框。
有關(guān)詳細(xì)信息，請參閱設(shè)置測試服務(wù)器。
Business Catalyst 工作流程的更改
Business Catalyst 擴(kuò)展已停止使用，無法再用于 Dreamweaver CC 2015 版或更高版本。Dreamweaver CC 2014.1.1 是最后一個(gè)兼容 Business Catalyst 擴(kuò)展的版本。
要將 Business Catalyst 用于 Dreamweaver CC 2015 版和更高版本，請使用 Dreamweaver 中的 SFTP 連接選項(xiàng)。有關(guān)詳細(xì)信息，請參閱 Business Catalyst 文檔。
這里是 Business Catalyst 網(wǎng)站有關(guān)此更改的官方公告。
其他更改
“插入”面板已重新進(jìn)行了組織，將“常用”、“布局”和“媒體”類別下的所有選項(xiàng)集合到一個(gè)邏輯性更強(qiáng)的類別 -“HTML”。
已刪除“幫助”菜單中用于啟動(dòng)這三個(gè)類別的簡要教程視頻和鏈接。此選項(xiàng)也不可用于非英語區(qū)域設(shè)置的用戶。
已清理頁面底部文檔欄下拉菜單中的選項(xiàng) - 現(xiàn)僅有“方向”、“全屏”和“編輯大小”選項(xiàng)可用。
DW cc2015使用說明
1、解壓后打“ Dreamweaver”開即可使用!
2、更新透過簡化的使用者界面、連接的工具以及新增的視覺化
3、更新CSS設(shè)計(jì)工具您可透過直觀方式更有效地編寫程式碼
4、更新流變格線版面可用于建立多方互動(dòng)的網(wǎng)頁設(shè)計(jì)
5、更新EdgeAnimate整合EdgeWebFonts整合
DW cc2015更新日志
1.修改用戶提交bug
2.添加新功能
華軍小編推薦：
小編還使用過配色軟件、Macromedia Dreamweaver、Adobe Dreamweaver CC 2014、Axure RP Pro 8.0、配色神器(ColorCube)等與本軟件功能相似的軟件，華軍軟件園都有提供，可以下載使用！
您的評論需要經(jīng)過審核才能顯示
有用
有用
有用