網(wǎng)頁設(shè)計(jì)步驟

1、網(wǎng)頁制作網(wǎng)頁制作通常在一個(gè)網(wǎng)站中會(huì)有幾十甚至幾百個(gè)風(fēng)格基本相似的頁面，如果每次都重新設(shè)定通常在一個(gè)網(wǎng)站中會(huì)有幾十甚至幾百個(gè)風(fēng)格基本相似的頁面，如果每次都重新設(shè)定網(wǎng)頁結(jié)構(gòu)以及相同欄目下的導(dǎo)航條、各類圖標(biāo)就顯得非常麻煩，不過我們可以借助網(wǎng)頁結(jié)構(gòu)以及相同欄目下的導(dǎo)航條、各類圖標(biāo)就顯得非常麻煩，不過我們可以借助DreamweaverMX2004的模板功能來簡(jiǎn)化操作。其實(shí)模板的功能就是把網(wǎng)頁布局和內(nèi)容分的模板功能來簡(jiǎn)化操作。其實(shí)模板的功能就是把網(wǎng)

2、頁布局和內(nèi)容分離，在布局設(shè)計(jì)好之后將其存儲(chǔ)為模板，這樣相同布局的頁面可以通過模板創(chuàng)建，因此能離，在布局設(shè)計(jì)好之后將其存儲(chǔ)為模板，這樣相同布局的頁面可以通過模板創(chuàng)建，因此能夠極大提高工作效率。夠極大提高工作效率。一、制作模板一、制作模板制作模板和制作一個(gè)普通的頁面完全相同，只是不需要把頁面的所有部分都制作完成，制作模板和制作一個(gè)普通的頁面完全相同，只是不需要把頁面的所有部分都制作完成，僅僅需要制作出導(dǎo)航條、標(biāo)題欄等各個(gè)頁面的公有部分，而把

3、中間區(qū)域用頁面的具體內(nèi)容僅僅需要制作出導(dǎo)航條、標(biāo)題欄等各個(gè)頁面的公有部分，而把中間區(qū)域用頁面的具體內(nèi)容來填充。來填充。第一步：先在第一步：先在DreamweaverMX2004中運(yùn)行中運(yùn)行“File→New”命令，接著從圖命令，接著從圖1所示的所示的窗口中依次選定窗口中依次選定“Templatepage→HTMLtemplate”選項(xiàng)，點(diǎn)擊選項(xiàng)，點(diǎn)擊“Create”按鈕之后即可按鈕之后即可創(chuàng)建一個(gè)模板文件。創(chuàng)建一個(gè)模板文件。此主題相關(guān)圖

4、片如下：此主題相關(guān)圖片如下：第二步：在頁面設(shè)計(jì)視圖下插入網(wǎng)頁框架、導(dǎo)航條、第二步：在頁面設(shè)計(jì)視圖下插入網(wǎng)頁框架、導(dǎo)航條、Flash標(biāo)題等所有頁面公有的元素標(biāo)題等所有頁面公有的元素（圖（圖2），然后運(yùn)行，然后運(yùn)行“File→Save”命令將這個(gè)模板保存下來。命令將這個(gè)模板保存下來。此主題相關(guān)圖片如下：此主題相關(guān)圖片如下：第二步：按下第二步：按下“Alt”按鍵，用鼠標(biāo)拖拽邊框，松開鼠標(biāo)之后就可以把窗口一分為二，這樣按鍵，用鼠標(biāo)拖拽邊框，松開

5、鼠標(biāo)之后就可以把窗口一分為二，這樣就把頁面分為兩個(gè)邊框。比如拖拽左右邊框可以把窗口分為左右兩個(gè)部分，而拖拽上下邊就把頁面分為兩個(gè)邊框。比如拖拽左右邊框可以把窗口分為左右兩個(gè)部分，而拖拽上下邊框可以把窗口分為上下兩個(gè)部分。另外，窗口的四個(gè)角也可以拖拽，這樣可以直接把窗口框可以把窗口分為上下兩個(gè)部分。另外，窗口的四個(gè)角也可以拖拽，這樣可以直接把窗口分為四個(gè)區(qū)域分為四個(gè)區(qū)域(如圖如圖1)。當(dāng)窗口分割為幾個(gè)框架之后，每個(gè)框架都可以作為獨(dú)立的網(wǎng)頁

6、進(jìn)行。當(dāng)窗口分割為幾個(gè)框架之后，每個(gè)框架都可以作為獨(dú)立的網(wǎng)頁進(jìn)行編輯，也可以直接把某個(gè)已經(jīng)存在的頁面賦給一個(gè)框架。編輯，也可以直接把某個(gè)已經(jīng)存在的頁面賦給一個(gè)框架。第三步：框架允許嵌套，比如要?jiǎng)?chuàng)建圖第三步：框架允許嵌套，比如要?jiǎng)?chuàng)建圖2所示的框架，可以先通過上述的方法水平一所示的框架，可以先通過上述的方法水平一分為二，但是接著不能直接拖拽邊框，否則會(huì)得到圖分為二，但是接著不能直接拖拽邊框，否則會(huì)得到圖1所示的框架。正確的方法是先在右所示的