在使用DreamweaverDW進(jìn)行網(wǎng)站模板編輯時(shí)，可編輯區(qū)域的設(shè)置顯得尤為重要我們首先需要?jiǎng)?chuàng)建一個(gè)模板文件，比如bodydwt完成模板文件創(chuàng)建后，使用Dreamweaver的新建文件功能，從模板生成一個(gè)新的htm文件，比如命名為body2htm打開(kāi)bodydwt和body2htm兩個(gè)文件進(jìn)行對(duì)比，可以看到在body2htm中，頁(yè)面右。

1打開(kāi)Adobe Dreamweaver cs5新建一個(gè)空白網(wǎng)頁(yè) 2切換到代碼頁(yè)面 3把以上的代碼刪除，粘貼一下的代碼4在之間插入圖下中的代碼5繼續(xù)插入 6如果要修改步驟的名稱就在這里修改 7編輯好的效果圖 8預(yù)覽。

舉個(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ù)即可。

一種常見(jiàn)的方法是使用模板引擎，如在DW項(xiàng)目中使用Jinja2你可以定義一些代碼模板，然后使用Jinja2來(lái)填充模板中的變量，并將其轉(zhuǎn)換為實(shí)際的代碼文件這樣可以節(jié)省時(shí)間并保持代碼的一致性另一種方法是使用第三方代碼生成器有很多代碼生成器可以根據(jù)給定的輸入?yún)?shù)生成相應(yīng)的代碼文件你可以使用這些代碼生成。

可編輯區(qū)域只能在模板文件中添加為了讓大家更好的理解“可編輯區(qū)域”，我們先用此模板生成一個(gè)htm文件點(diǎn)FileàNew From Template，彈出Select Template窗口，在emplates中選擇body，再點(diǎn)擊右上角的Select即可生成一個(gè)新的htm文件我們將此新建頁(yè)面改名為body2htm現(xiàn)在我們用DW將bodyhtm與body2htm。

TemplateBeginEditable name=quotdoctitlequot 和lt！ TemplateEndEditable 包著的 所以你在ltTITLE標(biāo)題ltTITLE兩邊加上以上代碼就行了 如lt！ TemplateBeginEditable name=quotdoctitlequot ltTITLE標(biāo)題ltTITLElt！ TemplateEndEditable 注 代碼須在模板頁(yè)加。

2 生成模板 編輯完成后，我們將此頁(yè)保存為模板注意不是保存為普通的htm網(wǎng)頁(yè)通過(guò)DW中的FileàSave As Template可以存為模板，執(zhí)行此命令后會(huì)彈出Save As Template窗口，如圖2圖2，Save As Template窗口圖2中的B處為選擇站點(diǎn)，我們選擇“ 蜘蛛網(wǎng)”，C處為我們要存為的模板文件名，我們填入。

可編輯區(qū)域只能在模板文件中添加為了讓你更好的理解“可編輯區(qū)域”，我們先用這個(gè)模板生成一個(gè)htm文件pointFileNew從模板，彈出選擇模板窗口，選擇模板中的body，然后點(diǎn)擊右上角的選擇，生成一個(gè)新的htm文件我們把這個(gè)新頁(yè)面重新命名為body2htm現(xiàn)在讓我們用DW打開(kāi)bodyhtm和body2htm的文件。

1剛進(jìn)入dreamweaver點(diǎn)擊新建下方的更多，然后選擇空白頁(yè)，頁(yè)面類(lèi)型選擇html模板，布局選無(wú)就行了2插入一個(gè)表格菜單欄中選擇插入，再找到表格，表格里的布局自己根據(jù)需要設(shè)置，在這里我設(shè)置為行數(shù)為5，列為1，表格寬度為1000像素插入表格后，選中整個(gè)表格，選中后表框會(huì)加黑加粗，在下方設(shè)置為。

建網(wǎng)站還是要靠會(huì)用html語(yǔ)言自己編碼，用模板限制太多了要是非得用模板，可以先新建有UTF8的網(wǎng)頁(yè)，再把模板里部分拷過(guò)來(lái)試試最建議的還是去學(xué)html語(yǔ)言，也不難的給你推薦下Adobe官方講師萬(wàn)晨曦的dw課，很適合入門(mén)，他講課比較有趣易懂 望采納。

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中有一種模板頁(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。

如果你是初學(xué)者建立從來(lái)開(kāi)始就嚴(yán)謹(jǐn)一點(diǎn)用，調(diào)用CSS文件csscss 文件的內(nèi)容 body fontfamilyquot宋體quot fontsize 12px textdecoration color #000000 Avisited TEXTDECORATION COLOR# fontsize 12px fontweight normal Alink textdecoration。

用DW制作模板步驟如下1首先是必須建立好一個(gè)頁(yè)的基本框架，把固定的元素先確定下來(lái)，留出一些空白的編輯區(qū)域給一些變動(dòng)元素2在菜單欄上依次打開(kāi)插入模板對(duì)象創(chuàng)建模板3重新命名你的網(wǎng)頁(yè)模板創(chuàng)建網(wǎng)頁(yè)模板必須先建立網(wǎng)站站點(diǎn)4將鼠標(biāo)光標(biāo)定位到需要插入編輯區(qū)域的地方。

在模板文檔中選定對(duì)象Modify菜單TemplatesNewEditableRegion 2取消可編輯區(qū)標(biāo)記 Modify菜單TemplatesRemoveEditableRegion dw網(wǎng)頁(yè)設(shè)計(jì)怎么新建box1雙擊打開(kāi)AdobeDreamweaverCC2018，新建一個(gè)HTML5頁(yè)面模板，輸入標(biāo)題2創(chuàng)建完畢后，生成一個(gè)HTML5頁(yè)面，分為上下兩個(gè)層，一個(gè)是代碼層，另一個(gè)是視圖。

在Dreamweaver中創(chuàng)建模板的方法多種多樣，這里以插入表格為例，介紹兩種常用的方法首先，打開(kāi)Dreamweaver并根據(jù)需要制作一個(gè)頁(yè)面在開(kāi)始創(chuàng)建模板之前，確保已經(jīng)設(shè)計(jì)好了表格布局和內(nèi)容方法一您可以通過(guò)點(diǎn)擊文件菜單下的“另存為模板”選項(xiàng)來(lái)創(chuàng)建模板這一步驟中，您可以更改模板的名稱以方便識(shí)別，最后。

方法步驟 大概了解我們的Dreamweaver工具的小伙伴們，這里運(yùn)用DW來(lái)創(chuàng)建模板也是很簡(jiǎn)單的首先這里我們需要打開(kāi)我們的Dreamweaver工具 隨后這里我們點(diǎn)擊文件，然后新建 點(diǎn)擊選擇模板頁(yè)面下的HTML模板點(diǎn)擊創(chuàng)建，進(jìn)入到模板編輯界面 創(chuàng)建成功，打開(kāi)模板編輯窗口，可以像編輯普通網(wǎng)頁(yè)一樣編輯模板 使用編輯網(wǎng)頁(yè)的方法。