Dreamweaver CC 2014新功能介紹(2)

實(shí)時(shí)插入

　　在新的 Dreamweaver CC 2014 版本中，可以使用“插入”面板，直接將 HTML 元素插入“實(shí)時(shí)檢查”中。不需要切換模式就能實(shí)時(shí)插入這些元素，并并且可以立即預(yù)覽變化。

圖示：從“插入”面板拖放到實(shí)時(shí)檢查

　　使支持用身份文件與 SFTP 服務(wù)器連線

　　Dreamweaver CC 2014新版現(xiàn)在可以根據(jù)“身份密鑰”(無(wú)論有沒有復(fù)雜密碼)，驗(yàn)證 SFTP 服務(wù)器的連線。

　　注：Dreamweaver 只支持 OpenSSH 密鑰文件。

　　還原/重做 增強(qiáng)功能

　　截至目前為止，如果要還原/重做 CSS 設(shè)計(jì)工具面板中已執(zhí)行的步驟，必須按一下 CSS 文件 (在相關(guān)文件中)，然后再還原/重做該項(xiàng)步驟。

　　現(xiàn)在有了Dreamweaver CC 2014新版還原/重做增強(qiáng)功能，您可以直接從文件的“實(shí)時(shí)檢查”或 CSS 設(shè)計(jì)工具面板中還原/重做一項(xiàng)步驟。然后這些變化會(huì)自動(dòng)反映在相關(guān)聯(lián)的 CSS 文件中。為了讓您知道相關(guān)文件已變化，受影響文件的索引標(biāo)簽會(huì)短暫反白標(biāo)示 (大約 8 秒)。

　　當(dāng)您從“CSS 設(shè)計(jì)工具”面板還原/重做動(dòng)作時(shí)，“實(shí)時(shí)檢查”會(huì)自動(dòng)重新整理。

　　當(dāng)您使用原始碼編輯文件，并從“實(shí)時(shí)檢查”還原變化時(shí)，“分割檢查”的顯示變化和相關(guān)原始碼會(huì)成為焦點(diǎn)。

　　所有還原/重做動(dòng)作都會(huì)在 HTML 文件層級(jí)記錄。也就是說(shuō)，對(duì) CSS 文件所做的任何手動(dòng)變化，都可以從“任何”相關(guān)文件進(jìn)行還原。例如，以 style1.css 和 style2.css 都與 index.html 相關(guān)的情形來(lái)探討。如果您在 style1.css 中新增 .h1 的樣式，然后從 style2.css 進(jìn)行還原，h1 樣式就會(huì)從 style1.css 刪除。

　　注：如果要在 JavaScript 文件中還原/重做變化，必須切換到相對(duì)應(yīng)的 JS 文件，然后進(jìn)行還原/重做。

Business Catalyst 和 PhoneGap Build 工作流程的變化

　　Business Catalyst 和 PhoneGap Build 現(xiàn)在作為 Dreamweaver 的附加元件提供使用。用戶必須先將 Business Catalyst 和 PhoneGap Build 安裝為擴(kuò)展功能，然后就能像之前一樣繼續(xù)使用這些服務(wù)。

　　如果要安裝 Business Catalyst 和 PhoneGap Build 擴(kuò)展功能，請(qǐng)到“管理 > 瀏覽附加元件”查找擴(kuò)展功能，然后進(jìn)行安裝。

　　存取 Dreamweaver 擴(kuò)展功能的變化

　　現(xiàn)在您可以使用 Adobe Creative Cloud，檢查并安裝 Dreamweaver 擴(kuò)展功能。擴(kuò)展功能現(xiàn)在稱為“附加元件”。

　　如果要瀏覽 Adobe Creative Cloud 尋找附加元件，請(qǐng)?jiān)?Dreamweaver 中按一下“窗口 > 瀏覽附加元件”。隨即顯示 Adobe Creative Cloud 附加元件頁(yè)面。

圖示：Dreamweaver CC 13.0 中的“窗口 > 擴(kuò)展功能”

圖示：Dreamweaver CC 2014 中的“窗口 > 瀏覽附加元件”

　　同步設(shè)置的變化

　　Dreamweaver CC 2014新版中的同步設(shè)置功能可讓您將電腦與 Creative Cloud 上 Dreamweaver 實(shí)體的設(shè)置保持同步。Dreamweaver CC 2014 會(huì)自動(dòng)檢查您是否已在舊版 Dreamweaver 中啟用同步設(shè)置，然后讓您從 Creative Cloud 導(dǎo)入這些設(shè)置。

　　安裝后第一次啟動(dòng) Dreamweaver CC 2014 時(shí)，會(huì)出現(xiàn)下列對(duì)話框：

導(dǎo)入同步設(shè)置

　　如果要導(dǎo)入儲(chǔ)存在 Creative Cloud 上的設(shè)置，請(qǐng)按一下“導(dǎo)入同步設(shè)置”。

　　注意：過(guò)了這個(gè)時(shí)間點(diǎn)，就無(wú)法使用這個(gè)選項(xiàng)。

　　如果要在目前的 Dreamweaver 實(shí)體與 Creative Cloud 中同步這些設(shè)置，請(qǐng)按一下“同步化本機(jī)”。

　　如果要在此后自動(dòng)同步設(shè)置，請(qǐng)選取“永遠(yuǎn)自動(dòng)同步化設(shè)置”。

　　直接從 Dreamweaver 發(fā)送錯(cuò)誤/功能要求

　　設(shè)定現(xiàn)在可以直接從 Dreamweaver 中存取愿望清單表單和錯(cuò)誤報(bào)告表單 -“幫助 > 發(fā)送錯(cuò)誤/功能要求”。

圖示：“幫助”菜單中的“發(fā)送錯(cuò)誤/功能要求”

Help Center

　　與之前版本不同的是，Dreamweaver CC 2014可以在初次啟動(dòng) Dreamweaver 時(shí)輕松探索新功能和有效的工作流程。隨時(shí)都可以略過(guò)新功能預(yù)覽或停用應(yīng)用程序內(nèi)置幫助信息。必要時(shí)也可以重新啟用。

　　A、新功能逐步解說(shuō)

　　Dreamweaver CC 2014現(xiàn)在包含隨附于最新版本的新功能迷你預(yù)覽。

　　除了介紹新功能以外，預(yù)覽也會(huì)引導(dǎo)您到視頻收藏館，您可以在其中看到新功能實(shí)際運(yùn)作狀況。

　　新功能逐步解說(shuō)或迷你預(yù)覽選項(xiàng)會(huì)在一啟動(dòng) Dreamweaver 時(shí)立即顯示。

　　而且也提供選項(xiàng)，讓您略過(guò)預(yù)覽并移到“歡迎”畫面，讓您開始工作。

　　注意：新功能逐步解說(shuō)是在您安裝或更新 Dreamweaver 時(shí)，

　　或刪除偏好設(shè)置并重新啟動(dòng) Dreamweaver 時(shí)顯示。

圖示：新功能預(yù)覽

　　以下是新功能逐步解說(shuō)中所顯示內(nèi)容的摘要：

　　歡迎信息。系統(tǒng)可能會(huì)請(qǐng)用戶您指明之前是否已使用過(guò) Dreamweaver CC，以便依此經(jīng)驗(yàn)進(jìn)行客制化步驟。
　　逐一介紹每項(xiàng)功能及簡(jiǎn)短描述 (有選項(xiàng)可略過(guò)預(yù)覽)。
　　包含與新功能相關(guān)視頻的視頻收藏館。

　　視頻收藏館：在新功能逐步解說(shuō)結(jié)束時(shí)，視頻收藏館會(huì)顯示與新功能相關(guān)的視頻。將鼠標(biāo)停留在縮圖上方時(shí)，會(huì)顯示有關(guān)視頻的簡(jiǎn)短描述。

圖示：視頻收藏館

　　注：可以在使用 Dreamweaver 時(shí)隨時(shí)取得新功能逐步解說(shuō)和視頻收藏館。需要時(shí)可訪問菜單“幫助”菜單或“歡迎”畫面，然后選擇所需的選項(xiàng)。

　　B、應(yīng)用程序內(nèi)置信息

　　Dreamweaver CC 2014 現(xiàn)在會(huì)在處理項(xiàng)目時(shí)提示大幅提高工作效率的秘訣。

　　這些秘訣的目標(biāo)在幫助您以更有效率的方式，完成目前正在進(jìn)行的工作。

　　提示會(huì)隨著特定“觸發(fā)”出現(xiàn)。例如，在任何檢查中按一下“標(biāo)簽”選擇器時(shí)，或用鼠標(biāo)右鍵按一下元素進(jìn)行檢查時(shí)，就會(huì)顯示“元素 快速檢查”的提示。

　　“元素快速檢查”是全新功能，可幫助您檢查及編輯 HTML 標(biāo)記，比您所嘗試的其他方法都更容易 (觸發(fā))。

　　一旦您按照所提供建議行動(dòng)之后，應(yīng)用程序內(nèi)置提示不會(huì)再為相同的觸發(fā)顯示。

　　但會(huì)為已識(shí)別的其他觸發(fā)再次顯示提示。

　　可以通過(guò)“偏好設(shè)置”，停用應(yīng)用程序內(nèi)置信息顯示。如需詳細(xì)信息，請(qǐng)參閱停用或重設(shè)應(yīng)用程序和產(chǎn)品內(nèi)置信息。

　　應(yīng)用程序內(nèi)置信息范例：

　　元素快速檢查操作：標(biāo)簽選擇器 (所有檢查) 已按下，實(shí)時(shí) + 檢查 或用戶鼠標(biāo)右鍵在元素上按一下 + 檢查

　　類別和 ID 的實(shí)時(shí)檢查屬性檢查

　　操作：在“設(shè)計(jì)檢查”中使用 PI 編輯 ID

　　C、產(chǎn)品內(nèi)置信息

　　Dreamweaver 與 Creative Cloud 上許多其他應(yīng)用程序密切順暢整合，而且產(chǎn)品內(nèi)置信息會(huì)介紹這類整合工作流程。使用這些工作流程，

　　方便用戶以更好的方式運(yùn)用 Adobe Creative Cloud 及其提供的功能。

　　產(chǎn)品內(nèi)置信息會(huì)隨著已識(shí)別的“觸發(fā)”顯示。例如，當(dāng)嘗試使用“CSS 轉(zhuǎn)變”時(shí)，會(huì)通過(guò)產(chǎn)品內(nèi)置信息，建議使用“Edge Animate”工作流程。

　　產(chǎn)品內(nèi)置信息會(huì)包含您可以在特定情況下使用的替代 (或更好) 的工作流程簡(jiǎn)短描述。

　　也會(huì)包含視頻縮圖，按一下就能觀看幫助工作流程的視頻。

　　“其他信息”按鈕會(huì)將您連結(jié)到提供更多信息的文章/Blog。

　　產(chǎn)品內(nèi)置信息只會(huì)在出現(xiàn)已識(shí)別觸發(fā)時(shí)顯示一次。

　　注解：如果要再次查看信息，可以在“偏好設(shè)置”中重設(shè)應(yīng)用程序內(nèi)置幫助設(shè)置。

　　產(chǎn)品內(nèi)置信息范例：

　　Edge Animate操作：按一下“CSS 轉(zhuǎn)變”，然后按一下“+”。

圖示：將所有元素變成動(dòng)畫

　　Parfait　操作：插入圖像 > 編輯圖像設(shè)置

圖示：快速?gòu)腜SD切換到Dreamweaver

　　D、停用或重設(shè)應(yīng)用程序和產(chǎn)品內(nèi)置信息

　　訪問菜單“偏好設(shè)置 > 輔助功能”對(duì)話框，然后執(zhí)行下列步驟：

　　如果要停用信息，請(qǐng)取消選取“顯示應(yīng)用程序內(nèi)置幫助”復(fù)選框。
　　如果再次停用信息，就不會(huì)再顯示之前已顯示的信息。只會(huì)顯示之前未曾顯示的信息。
　　如果要查看之前已顯示的信息，請(qǐng)按一下“重設(shè)”。

圖示：停用或重設(shè)應(yīng)用程序內(nèi)置幫助的偏好設(shè)置

　　幫助菜單的變化

　　Dreamweaver CC 2014 的“幫助”菜單現(xiàn)在已重新規(guī)劃，方便用戶快速存取新功能逐步解說(shuō)、視頻收藏館、幫助和學(xué)習(xí)資源，以及發(fā)送錯(cuò)誤/功能要求表單。

圖示：Dreamweaver CC 2014 之前版本的“幫助”菜單

圖示：Dreamweaver CC 2014 的“幫助”菜單

　　Adobe于2014年6月18日發(fā)布了大批新品，包括桌面設(shè)計(jì)軟件、移動(dòng)應(yīng)用甚至硬件產(chǎn)品。Adobe Creative Cloud設(shè)計(jì)套件中的組件全線更新，網(wǎng)頁(yè)設(shè)計(jì)軟件Dreamweaver CC 2014是其中用戶量比較多的組件之一。以上我們介紹了新版Dreamweaver的一些新功能，希望給大家一些參考和幫助.