Dreamweaver CC 2014新功能介紹(2)
實時插入
在新的 Dreamweaver CC 2014 版本中,可以使用“插入”面板,直接將 HTML 元素插入“實時檢查”中。不需要切換模式就能實時插入這些元素,并并且可以立即預(yù)覽變化。
Dreamweaver CC 2014新版現(xiàn)在可以根據(jù)“身份密鑰”(無論有沒有復(fù)雜密碼),驗證 SFTP 服務(wù)器的連線。
注:Dreamweaver 只支持 OpenSSH 密鑰文件。
還原/重做 增強功能
截至目前為止,如果要還原/重做 CSS 設(shè)計工具面板中已執(zhí)行的步驟,必須按一下 CSS 文件 (在相關(guān)文件中),然后再還原/重做該項步驟。
現(xiàn)在有了Dreamweaver CC 2014新版還原/重做增強功能,您可以直接從文件的“實時檢查”或 CSS 設(shè)計工具面板中還原/重做一項步驟。然后這些變化會自動反映在相關(guān)聯(lián)的 CSS 文件中。為了讓您知道相關(guān)文件已變化,受影響文件的索引標(biāo)簽會短暫反白標(biāo)示 (大約 8 秒)。
當(dāng)您從“CSS 設(shè)計工具”面板還原/重做動作時,“實時檢查”會自動重新整理。
當(dāng)您使用原始碼編輯文件,并從“實時檢查”還原變化時,“分割檢查”的顯示變化和相關(guān)原始碼會成為焦點。
所有還原/重做動作都會在 HTML 文件層級記錄。也就是說,對 CSS 文件所做的任何手動變化,都可以從“任何”相關(guān)文件進行還原。例如,以 style1.css 和 style2.css 都與 index.html 相關(guān)的情形來探討。如果您在 style1.css 中新增 .h1 的樣式,然后從 style2.css 進行還原,h1 樣式就會從 style1.css 刪除。
注:如果要在 JavaScript 文件中還原/重做變化,必須切換到相對應(yīng)的 JS 文件,然后進行還原/重做。
Business Catalyst 和 PhoneGap Build 工作流程的變化
Business Catalyst 和 PhoneGap Build 現(xiàn)在作為 Dreamweaver 的附加元件提供使用。用戶必須先將 Business Catalyst 和 PhoneGap Build 安裝為擴展功能,然后就能像之前一樣繼續(xù)使用這些服務(wù)。
如果要安裝 Business Catalyst 和 PhoneGap Build 擴展功能,請到“管理 > 瀏覽附加元件”查找擴展功能,然后進行安裝。
存取 Dreamweaver 擴展功能的變化
現(xiàn)在您可以使用 Adobe Creative Cloud,檢查并安裝 Dreamweaver 擴展功能。擴展功能現(xiàn)在稱為“附加元件”。
如果要瀏覽 Adobe Creative Cloud 尋找附加元件,請在 Dreamweaver 中按一下“窗口 > 瀏覽附加元件”。隨即顯示 Adobe Creative Cloud 附加元件頁面。
圖示:Dreamweaver CC 13.0 中的“窗口 > 擴展功能”
圖示:Dreamweaver CC 2014 中的“窗口 > 瀏覽附加元件”
同步設(shè)置的變化
Dreamweaver CC 2014新版中的同步設(shè)置功能可讓您將電腦與 Creative Cloud 上 Dreamweaver 實體的設(shè)置保持同步。Dreamweaver CC 2014 會自動檢查您是否已在舊版 Dreamweaver 中啟用同步設(shè)置,然后讓您從 Creative Cloud 導(dǎo)入這些設(shè)置。
安裝后第一次啟動 Dreamweaver CC 2014 時,會出現(xiàn)下列對話框:
如果要導(dǎo)入儲存在 Creative Cloud 上的設(shè)置,請按一下“導(dǎo)入同步設(shè)置”。
注意:過了這個時間點,就無法使用這個選項。
如果要在目前的 Dreamweaver 實體與 Creative Cloud 中同步這些設(shè)置,請按一下“同步化本機”。
如果要在此后自動同步設(shè)置,請選取“永遠自動同步化設(shè)置”。
直接從 Dreamweaver 發(fā)送錯誤/功能要求
設(shè)定現(xiàn)在可以直接從 Dreamweaver 中存取愿望清單表單和錯誤報告表單 -“幫助 > 發(fā)送錯誤/功能要求”。
Help Center
與之前版本不同的是,Dreamweaver CC 2014可以在初次啟動 Dreamweaver 時輕松探索新功能和有效的工作流程。隨時都可以略過新功能預(yù)覽或停用應(yīng)用程序內(nèi)置幫助信息。必要時也可以重新啟用。
A、新功能逐步解說
Dreamweaver CC 2014現(xiàn)在包含隨附于最新版本的新功能迷你預(yù)覽。
除了介紹新功能以外,預(yù)覽也會引導(dǎo)您到視頻收藏館,您可以在其中看到新功能實際運作狀況。
新功能逐步解說或迷你預(yù)覽選項會在一啟動 Dreamweaver 時立即顯示。
而且也提供選項,讓您略過預(yù)覽并移到“歡迎”畫面,讓您開始工作。
注意:新功能逐步解說是在您安裝或更新 Dreamweaver 時,
或刪除偏好設(shè)置并重新啟動 Dreamweaver 時顯示。
以下是新功能逐步解說中所顯示內(nèi)容的摘要:
歡迎信息。系統(tǒng)可能會請用戶您指明之前是否已使用過 Dreamweaver CC,以便依此經(jīng)驗進行客制化步驟。
逐一介紹每項功能及簡短描述 (有選項可略過預(yù)覽)。
包含與新功能相關(guān)視頻的視頻收藏館。
視頻收藏館:在新功能逐步解說結(jié)束時,視頻收藏館會顯示與新功能相關(guān)的視頻。將鼠標(biāo)停留在縮圖上方時,會顯示有關(guān)視頻的簡短描述。
注:可以在使用 Dreamweaver 時隨時取得新功能逐步解說和視頻收藏館。需要時可訪問菜單“幫助”菜單或“歡迎”畫面,然后選擇所需的選項。
B、應(yīng)用程序內(nèi)置信息
Dreamweaver CC 2014 現(xiàn)在會在處理項目時提示大幅提高工作效率的秘訣。
這些秘訣的目標(biāo)在幫助您以更有效率的方式,完成目前正在進行的工作。
提示會隨著特定“觸發(fā)”出現(xiàn)。例如,在任何檢查中按一下“標(biāo)簽”選擇器時,或用鼠標(biāo)右鍵按一下元素進行檢查時,就會顯示“元素 快速檢查”的提示。
“元素快速檢查”是全新功能,可幫助您檢查及編輯 HTML 標(biāo)記,比您所嘗試的其他方法都更容易 (觸發(fā))。
一旦您按照所提供建議行動之后,應(yīng)用程序內(nèi)置提示不會再為相同的觸發(fā)顯示。
但會為已識別的其他觸發(fā)再次顯示提示。
可以通過“偏好設(shè)置”,停用應(yīng)用程序內(nèi)置信息顯示。如需詳細信息,請參閱停用或重設(shè)應(yīng)用程序和產(chǎn)品內(nèi)置信息。
應(yīng)用程序內(nèi)置信息范例:
元素快速檢查操作:標(biāo)簽選擇器 (所有檢查) 已按下,實時 + 檢查 或用戶鼠標(biāo)右鍵在元素上按一下 + 檢查
類別和 ID 的實時檢查屬性檢查
操作:在“設(shè)計檢查”中使用 PI 編輯 ID
C、產(chǎn)品內(nèi)置信息
Dreamweaver 與 Creative Cloud 上許多其他應(yīng)用程序密切順暢整合,而且產(chǎn)品內(nèi)置信息會介紹這類整合工作流程。使用這些工作流程,
方便用戶以更好的方式運用 Adobe Creative Cloud 及其提供的功能。
產(chǎn)品內(nèi)置信息會隨著已識別的“觸發(fā)”顯示。例如,當(dāng)嘗試使用“CSS 轉(zhuǎn)變”時,會通過產(chǎn)品內(nèi)置信息,建議使用“Edge Animate”工作流程。
產(chǎn)品內(nèi)置信息會包含您可以在特定情況下使用的替代 (或更好) 的工作流程簡短描述。
也會包含視頻縮圖,按一下就能觀看幫助工作流程的視頻。
“其他信息”按鈕會將您連結(jié)到提供更多信息的文章/Blog。
產(chǎn)品內(nèi)置信息只會在出現(xiàn)已識別觸發(fā)時顯示一次。
注解:如果要再次查看信息,可以在“偏好設(shè)置”中重設(shè)應(yīng)用程序內(nèi)置幫助設(shè)置。
產(chǎn)品內(nèi)置信息范例:
Edge Animate操作:按一下“CSS 轉(zhuǎn)變”,然后按一下“+”。
Parfait 操作:插入圖像 > 編輯圖像設(shè)置
D、停用或重設(shè)應(yīng)用程序和產(chǎn)品內(nèi)置信息
訪問菜單“偏好設(shè)置 > 輔助功能”對話框,然后執(zhí)行下列步驟:
如果要停用信息,請取消選取“顯示應(yīng)用程序內(nèi)置幫助”復(fù)選框。
如果再次停用信息,就不會再顯示之前已顯示的信息。只會顯示之前未曾顯示的信息。
如果要查看之前已顯示的信息,請按一下“重設(shè)”。
圖示:停用或重設(shè)應(yīng)用程序內(nèi)置幫助的偏好設(shè)置
幫助菜單的變化
Dreamweaver CC 2014 的“幫助”菜單現(xiàn)在已重新規(guī)劃,方便用戶快速存取新功能逐步解說、視頻收藏館、幫助和學(xué)習(xí)資源,以及發(fā)送錯誤/功能要求表單。
圖示:Dreamweaver CC 2014 之前版本的“幫助”菜單
圖示:Dreamweaver CC 2014 的“幫助”菜單
Adobe于2014年6月18日發(fā)布了大批新品,包括桌面設(shè)計軟件、移動應(yīng)用甚至硬件產(chǎn)品。Adobe Creative Cloud設(shè)計套件中的組件全線更新,網(wǎng)頁設(shè)計軟件Dreamweaver CC 2014是其中用戶量比較多的組件之一。以上我們介紹了新版Dreamweaver的一些新功能,希望給大家一些參考和幫助.
本文地址:http://irelandcustomcontracting.com/tutorial/wd2159.html