Dreamweaver CC 2019如何查看實時視圖

實時視圖

Live視圖是Dreamweaver CC的默認(rèn)工作區(qū)。在這個視圖中，您可以在與瀏覽器類似的環(huán)境中 以可視化方式創(chuàng)建和編輯網(wǎng)頁及Web內(nèi)容，加速開發(fā)現(xiàn)代網(wǎng)站的進(jìn)程，該視圖也支持大部分動態(tài) 效果和交互性的預(yù)覽。

要使用實時視圖，可以從文檔工具欄中的Design/Live視圖下拉菜單中選擇，如圖所示。 激活實時視圖時，大部分HTML內(nèi)容與在實際瀏覽器中的作用相同，您可以預(yù)覽和測試大部分動 態(tài)應(yīng)用程序及行為。

在舊版Dreamweaver中，實時視圖中的內(nèi)容是無法編輯的?，F(xiàn)在這種情況已經(jīng)有了變化，您可 以在同一個窗口中編輯文本、刪除元素、創(chuàng)建類和ID甚至樣式元素，這就如同在Dreamweaver中 實時編輯一個網(wǎng)頁。

實時視圖與CSS設(shè)計器緊密相關(guān)，您可以創(chuàng)建和編輯高級CSS樣式，構(gòu)建完全響應(yīng)式的網(wǎng)頁， 而無須切換視圖，或者浪費時間在瀏覽器中預(yù)覽頁面。