Dreamweaver教程-Dreamweaver工作视图
Dreamweaver界面具有一大批用戶可自由配置的面板和工具箱,界面如下圖。具體的界面名稱在以后的學(xué)習(xí)過程中會(huì)逐一介紹。
1.切換和拆分視圖Dreamweaver分別為程序猿和設(shè)計(jì)員提供了專用的環(huán)境,還提供了一個(gè)把這兩者結(jié)合在一起的復(fù)合選項(xiàng)。
1.1“設(shè)計(jì)”視圖
“設(shè)計(jì)”視圖在Dreamweaver工作區(qū)中著重顯示其所見即所得的編輯器,它非常接近地顯示了Web頁(yè)面在瀏覽器中的效果。要激活“設(shè)計(jì)”視圖,可以單擊“文檔”工具欄中的“設(shè) 計(jì)”按鈕。
1.2“代碼”視圖
在Dreamweaver工作區(qū)中只顯示HTML代碼以及各種提高代碼編輯效率的工具。要切換到“代碼”視圖,可以單擊“文檔”工具欄中的“代碼”按鈕。
1.3“拆分”視圖
“拆分”視圖提供了一個(gè)混合的工作界面,可以同時(shí)查看設(shè)計(jì)和代碼。在其中一個(gè)窗口中所做的改動(dòng)都會(huì)馬上在另一個(gè)窗口中進(jìn)行更新。單擊“文檔” 工具欄中的“拆分”按鈕即可切換到“拆分視圖”。
2.垂直拆分視圖此外Dreamweaver也提供了垂直拆分工作區(qū)的方式,方便使用寬屏幕的用戶。選擇“查看” > “垂直拆分' 命令即可。
Dreamweaver CS5 中的代碼、設(shè)計(jì)、拆分視圖你弄懂了嗎?
總結(jié)
以上是生活随笔為你收集整理的Dreamweaver教程-Dreamweaver工作视图的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Dreamweaver教程-HTML基础
- 下一篇: 栾城二中是重点高中吗(栾城二中)