Dreamweaver CC 2019如何查看實(shí)時(shí)視圖

實(shí)時(shí)視圖

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

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

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

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