1、首先，確保你已下載并安裝了Dreamweaver軟件打開(kāi)Dreamweaver，創(chuàng)建一個(gè)新的站點(diǎn)，這將幫助你組織你的網(wǎng)站文件和文件夾設(shè)置你的網(wǎng)頁(yè)的初始結(jié)構(gòu)選擇“文件”“新建”“空白頁(yè)面”，然后選擇你想要的HTML模板使用設(shè)計(jì)視圖來(lái)布局你的網(wǎng)頁(yè)設(shè)計(jì)視圖允許你直觀地拖放元素和調(diào)整布局，而不必編寫(xiě)代碼對(duì)于；DW中有一種模板頁(yè)的操作通常，一個(gè)頁(yè)面如果包含模板頁(yè)，則模板頁(yè)部分的代碼可見(jiàn)默認(rèn)為灰色但部分代碼不可編輯此時(shí)尋找對(duì)應(yīng)dwt模板就可以了首先，確定你的代碼是本地代碼，且是有效的代碼，有時(shí)候DW無(wú)法編輯遠(yuǎn)程服務(wù)器上的代碼，即你無(wú)法編輯別人網(wǎng)站引入的文件，如谷歌的jquery等另外一般DW；dw中代碼該藍(lán)色卻沒(méi)有顯示是網(wǎng)上下載的模板1刪除一些代碼，用Editplus編輯2使用模板，HTML文檔，還是新建，是DW設(shè)置3打開(kāi)Dreamweaver的查看菜單4在代碼視圖選項(xiàng)里把行數(shù)和語(yǔ)法顏色選上；而且模板所生成網(wǎng)頁(yè)你不能修改插入模板對(duì)象可編輯區(qū)域在模板中選擇一個(gè)地方，會(huì)自動(dòng)生成 quot lt！ TemplateBeginEditable name=quotEditRegion3quot 這里是可編輯區(qū)域lt！ TemplateEndEditable quot這些代碼，如果用模板創(chuàng)建新的網(wǎng)頁(yè)的時(shí)候就可以在這個(gè)區(qū)域內(nèi)編輯。

2、你的代碼寫(xiě)的不規(guī)范的話可能那樣，尤其是一些符號(hào)，必須是英文半角的，另外html4的規(guī)范一定要寫(xiě)好，不會(huì)可以用dw新建html，然后在body里邊填充就好；可編輯區(qū)域只能在模板文件中添加為了讓你更好的理解“可編輯區(qū)域”，我們先用這個(gè)模板生成一個(gè)htm文件pointFileàNew從 模板，彈出選擇 模板窗口，選擇模板中的body，然后點(diǎn)擊右上角的選擇，生成一個(gè)新的htm文件我們把這個(gè)新頁(yè)面重新命名為body2htm現(xiàn)在讓我們用DW打開(kāi)bodyhtm和body2htm的；2用DW修改文字內(nèi)容在DW里面的設(shè)計(jì)窗口，可以看見(jiàn)你的網(wǎng)頁(yè)，DW中對(duì)應(yīng)的位置所顯示的內(nèi)容就是在網(wǎng)頁(yè)里面顯示的內(nèi)容想要修改文字，直接將光標(biāo)定位到文字位置，進(jìn)行刪除添加等修改操作即可，也可以在代碼里面修改，個(gè)人建議在代碼里面修改較好3網(wǎng)頁(yè)特效代碼的使用如果你不懂代碼，就不要自己去修改；dw可以用設(shè)計(jì)視圖來(lái)設(shè)計(jì)網(wǎng)頁(yè)的顯示效果，但不能直接看到j(luò)s腳本jsp中的java代碼塊，及asp中的代碼塊但dw中自帶了很多的js效果顯示模板，可以省略一些手寫(xiě)代碼量；1首先，我們要打開(kāi)DW，新建一個(gè)html文檔2新建后會(huì)出現(xiàn)一個(gè)界面，如下圖里面的代碼都是自動(dòng)生成的3然后在上面打上標(biāo)題，如下圖通常我們是用的格式，然后在里面填入標(biāo)題，在刷新一下，就會(huì)在右邊出現(xiàn)了4接著我們?cè)倬庉嬚?，我們可以用?lái)編輯編輯后刷新，就可以看到下圖的效果5；你做調(diào)用了嗎檢查代碼，可能你代碼位置放錯(cuò)了，導(dǎo)致不顯示，如果調(diào)用了，檢查調(diào)用的代碼是否有誤。

3、說(shuō)的詳細(xì)點(diǎn)好不，我也在學(xué)網(wǎng)頁(yè)呢 轉(zhuǎn)了答案來(lái)有關(guān)屬于div+css的網(wǎng)頁(yè)dw里是現(xiàn)實(shí)不出來(lái)效果的 只支持table的亂碼的問(wèn)題很正常，把html內(nèi)的內(nèi)容用記事本打開(kāi)復(fù)制到dw里的代碼中 編輯完后把代碼再?gòu)?fù)制進(jìn)記事本保存很笨但很實(shí)用的辦法 希望有幫助；你把dw想的太智能了，dw只是一個(gè)可視化編輯器，不可能做到100%準(zhǔn)確對(duì)于那些寫(xiě)的不合乎dw規(guī)范的代碼當(dāng)然就解釋錯(cuò)位了這個(gè)要解決就要你自己上代碼里找了，比較難找現(xiàn)在用css+div的比較多還有一些動(dòng)態(tài)網(wǎng)頁(yè)里的代碼也解釋不了電腦沒(méi)有那么智能的，他們能做的只是大規(guī)范的安裝人編好的程序邏輯計(jì)算。

4、在dw中亂 是因?yàn)閐w的dom解析算法有問(wèn)題網(wǎng)頁(yè)是在瀏覽器中看的 ，只要在瀏覽器中正常就行你修改模板代碼，就不要使用視圖來(lái)修改， 要在代碼中去修改代碼如果你對(duì)html不熟悉建議你去看看教程；編碼方式的問(wèn)題啦，你把html文件用記事本打開(kāi)，里面有一句，看一下你上面最后一項(xiàng)是不是utf8，不是的話改一下然后文件 另存為，在彈出的對(duì)話框最下面有個(gè)編碼方式的選擇，選utf8，確定再打開(kāi)看一下應(yīng)該ok了滿(mǎn)意請(qǐng)采納。

5、舉個(gè)例子，比如要制作一個(gè)圖層，需要長(zhǎng)寬各為100px，字體顏色要設(shè)置為紅色，那么在編輯時(shí)需要寫(xiě)以下一系列代碼無(wú)標(biāo)題文檔#bwide=100px height=100px fontcolor=quotredquotcCCCCCCCCCCcquot但是通過(guò)設(shè)計(jì)功能可以快速實(shí)現(xiàn)以上操作，如圖只需要在下方屬性里設(shè)置參數(shù)即可。