- 相關推薦
Dreamweaver文檔窗口使用的方法技巧
近年來網站如雨后春筍般大批的出現在網絡上,網頁設計制作也變得越來越重要。下面,小編為大家搜索整理了Dreamweaver文檔窗口使用的方法技巧,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!
“設計”視圖 一個用于可視化頁面布局、可視化編輯和快速應用程序開發的設計環境。在該視圖中,Dreamweaver 顯示文檔的完全可編輯的可視化表示形式,類似于在瀏覽器中查看頁面時看到的內容。
“代碼”視圖 一個用于編寫和編輯 HTML、JavaScript、服務器語言代碼(如 PHP 或 ColdFusion 標記語言 (CFML))以及任何其它類型代碼的手工編碼環境。
拆分“代碼”視圖 “代碼”視圖的一種拆分版本,使您可以通過滾動以同時對文檔的不同部分進行操作。
代碼和“設計”視圖 使您可以在一個窗口中同時看到同一文檔的“代碼”視圖和“設計”視圖。
“實時”視圖 與“設計”視圖類似,“實時”視圖更逼真地顯示文檔在瀏覽器中的表示形式,并使您能夠像在瀏覽器中那樣與文檔交互。“實時”視圖不可編輯。不過,您可以在“代碼”視圖中進行編輯,然后刷新“實時”視圖來查看所做的更改。
實時“代碼”視圖 僅當在“實時”視圖中查看文檔時可用。“實時代碼”視圖顯示瀏覽器用于執行該頁面的實際代碼,當您在“實時”視圖中與該頁面進行交互時,它可以動態變化。“實時代碼”視圖不可編輯。
當“文檔”窗口處于最大化狀態(默認值)時,“文檔”窗口頂部會顯示選項卡,上面顯示了所有打開的文檔的文件名。如果您尚未保存已做的更改,則 Dreamweaver 會在文件名后顯示一個星號。
若要切換到某個文檔,請單擊它的選項卡。
Dreamweaver 還會在文檔的選項卡下(如果在單獨窗口中查看文檔,則在文檔標題欄下)顯示“相關文件”工具欄。相關文檔指與當前文件關聯的文檔,例如 CSS 文件或 JavaScript 文件。若要在“文檔”窗口中打開這些相關文件之一,請在“相關文件”工具欄中單擊其文件名。
【相關閱讀】
Dreamweaver制作可折疊式面板的技巧
一。創建一文章,在菜單欄找到插入記錄如下。
OK我們的面板菜單就完成了。
【Dreamweaver文檔窗口使用的方法技巧】相關文章:
Dreamweaver空格使用的方法技巧06-08
Dreamweaver窗口如何布局的方法10-04
Dreamweaver空格使用技巧05-24
Dreamweaver框架的使用技巧歸納09-18
使用Word文檔的小技巧10-13
Dreamweaver的使用方法參考08-19
Dreamweaver便捷技巧方法推薦07-06