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

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

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

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

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

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

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

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

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

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

2用DW修改文字內(nèi)容在DW里面的設(shè)計窗口，可以看見你的網(wǎng)頁，DW中對應(yīng)的位置所顯示的內(nèi)容就是在網(wǎng)頁里面顯示的內(nèi)容想要修改文字，直接將光標定位到文字位置，進行刪除添加等修改操作即可，也可以在代碼里面修改，個人建議在代碼里面修改較好3網(wǎng)頁特效代碼的使用如果你不懂代碼，就不要自己去修改。

DW中有一種模板頁的操作通常，一個頁面如果包含模板頁，則模板頁部分的代碼可見默認為灰色但部分代碼不可編輯此時尋找對應(yīng)dwt模板就可以了首先，確定你的代碼是本地代碼，且是有效的代碼，有時候DW無法編輯遠程服務(wù)器上的代碼，即你無法編輯別人網(wǎng)站引入的文件，如谷歌的jquery等另外一般DW。

如果你是初學(xué)者建立從來開始就嚴謹一點用，調(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首先是必須建立好一個頁的基本框架，把固定的元素先確定下來，留出一些空白的編輯區(qū)域給一些變動元素2在菜單欄上依次打開插入模板對象創(chuàng)建模板3重新命名你的網(wǎng)頁模板創(chuàng)建網(wǎng)頁模板必須先建立網(wǎng)站站點4將鼠標光標定位到需要插入編輯區(qū)域的地方。

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

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

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