如何用DW編輯網(wǎng)站模板
使用DW制作網(wǎng)頁時(shí)候，網(wǎng)頁的框架往往在某些方面有固定的格式，像是導(dǎo)航欄、banner條，如果每制作一個(gè)網(wǎng)頁就要重新設(shè)計(jì)這些內(nèi)容是很耗時(shí)間的，下面是小編為大家搜索整理的如何用DW編輯網(wǎng)站模板，希望大家能有所收獲，更多精彩內(nèi)容請及時(shí)關(guān)注我們應(yīng)屆畢業(yè)生考試網(wǎng)!
在Site中打開body.dwt網(wǎng)站模板文件，將會(huì)發(fā)現(xiàn)跟body.htm頁面好像沒什么分別，但其實(shí)是不一樣的，在body.htm中是無法添加可編輯區(qū)域的。可編輯區(qū)域只能在模板文件中添加。為了讓大家更好的理解“可編輯區(qū)域”，我們先用此模板生成一個(gè)htm文件：點(diǎn)FileàNew From Template，彈出Select Template窗口，在emplates中選擇body，再點(diǎn)擊右上角的Select即可生成一個(gè)新的htm文件。我們將此新建頁面改名為body2.htm。現(xiàn)在我們用DW將body.htm與body2.htm兩文件都打開，比較一下有什么不同。你會(huì)發(fā)現(xiàn)在body2.htm頁面的右上角寫著“Template:body”幾個(gè)字。同時(shí)你會(huì)驚訝的發(fā)現(xiàn)body2.htm文件竟然不可以編輯。對了，這就是由于在body.dwt模板文件中沒有定義“可編輯區(qū)域”的結(jié)果，使得生成的頁面都不可編輯了。所以我們必須在模板文件中添加可編輯區(qū)域。下面是添加可編輯區(qū)域的步驟：
1) 打開body.dwt模板文件，我們希望中間的表格可以編輯。但是要在body.dwt文件中，而不是body.htm)，所以要在此處添加可編輯區(qū)域。
2) 將鼠標(biāo)光標(biāo)放入A處表格里，點(diǎn)擊鼠標(biāo)右鍵，選擇New Editable Region…， 彈出New Editable Region窗口，要求填入此可編輯區(qū)域的名稱。我們填入Region01，點(diǎn)擊ok關(guān)閉此窗口完成當(dāng)前可編輯區(qū)域標(biāo)記的編輯。
說明此處有一個(gè)標(biāo)記為Region01的可編輯區(qū)域。
到此為止我們定義了一個(gè)可編輯區(qū)域，如果有多個(gè)編輯區(qū)域，同樣可以如法炮制。
注：通過ModifyàTemplatesàNew Editable Region…網(wǎng)站模板可以生成新的可編輯區(qū)域，如果想刪除可編輯區(qū)域，可通過ModifyàTemplatesàRemove Editable Region…，然后按提示操作即可。
【相關(guān)閱讀】
Dreamweaver文檔窗口
在“文檔”窗口中通過“代碼”視圖、“拆分代碼”視圖、“設(shè)計(jì)”視圖、“代碼”視圖和“設(shè)計(jì)”視圖(拆分視圖)或“實(shí)時(shí)”視圖查看文檔。
“文檔”窗口顯示當(dāng)前文檔。可以選擇下列任一視圖：
“設(shè)計(jì)”視圖 一個(gè)用于可視化頁面布局、可視化編輯和快速應(yīng)用程序開發(fā)的設(shè)計(jì)環(huán)境。在該視圖中，Dreamweaver 顯示文檔的完全可編輯的可視化表示形式，類似于在瀏覽器中查看頁面時(shí)看到的`內(nèi)容。
“代碼”視圖 一個(gè)用于編寫和編輯 HTML、JavaScript、服務(wù)器語言代碼(如 PHP 或 ColdFusion 標(biāo)記語言 (CFML))以及任何其它類型代碼的手工編碼環(huán)境。
拆分“代碼”視圖 “代碼”視圖的一種拆分版本，使您可以通過滾動(dòng)以同時(shí)對文檔的不同部分進(jìn)行操作。
代碼和“設(shè)計(jì)”視圖 使您可以在一個(gè)窗口中同時(shí)看到同一文檔的“代碼”視圖和“設(shè)計(jì)”視圖。
“實(shí)時(shí)”視圖 與“設(shè)計(jì)”視圖類似，“實(shí)時(shí)”視圖更逼真地顯示文檔在瀏覽器中的表示形式，并使您能夠像在瀏覽器中那樣與文檔交互。“實(shí)時(shí)”視圖不可編輯。不過，您可以在“代碼”視圖中進(jìn)行編輯，然后刷新“實(shí)時(shí)”視圖來查看所做的更改。
實(shí)時(shí)“代碼”視圖 僅當(dāng)在“實(shí)時(shí)”視圖中查看文檔時(shí)可用。“實(shí)時(shí)代碼”視圖顯示瀏覽器用于執(zhí)行該頁面的實(shí)際代碼，當(dāng)您在“實(shí)時(shí)”視圖中與該頁面進(jìn)行交互時(shí)，它可以動(dòng)態(tài)變化。“實(shí)時(shí)代碼”視圖不可編輯。
當(dāng)“文檔”窗口處于最大化狀態(tài)(默認(rèn)值)時(shí)，“文檔”窗口頂部會(huì)顯示選項(xiàng)卡，上面顯示了所有打開的文檔的文件名。如果您尚未保存已做的更改，則 Dreamweaver 會(huì)在文件名后顯示一個(gè)星號。
若要切換到某個(gè)文檔，請單擊它的選項(xiàng)卡。
Dreamweaver 還會(huì)在文檔的選項(xiàng)卡下(如果在單獨(dú)窗口中查看文檔，則在文檔標(biāo)題欄下)顯示“相關(guān)文件”工具欄。相關(guān)文檔指與當(dāng)前文件關(guān)聯(lián)的文檔，例如 CSS 文件或 JavaScript 文件。若要在“文檔”窗口中打開這些相關(guān)文件之一，請?jiān)?ldquo;相關(guān)文件”工具欄中單擊其文件名。
【如何用DW編輯網(wǎng)站】相關(guān)文章：
用DW編輯網(wǎng)站模板的方法09-21
DW網(wǎng)頁編輯常用表現(xiàn)的實(shí)現(xiàn)方法10-07
Dreamweaver如何用框架建立網(wǎng)站08-27
如何用DW8實(shí)現(xiàn)網(wǎng)頁區(qū)域內(nèi)選擇顯示12-11
如何用DreamWeaver面板定制網(wǎng)站的顏色01-13
如何用Dreamweaver實(shí)現(xiàn)網(wǎng)站批量更新09-07
Linux下如何用vi編輯和保存文件10-25
Linux下如何用vi編輯和保存文件03-05