一、確定網頁構架

確定了我們要(yao)做的網頁(ye)內容(rong)，就要(yao)確定一(yi)種構架形式，一(yi)般比較(jiao)流行(xing)和大部分的網頁(ye)就是：

1、網站(zhan)頭部+網站(zhan)導航欄(lan)+內(nei)容+版塊

一般(ban)新(xin)浪的或者(zhe)網頁還有一些(xie)瀏覽器都(dou)(dou)是用這(zhe)種設(she)計方法，因(yin)為內容相對來(lai)說要(yao)占據(ju)很(hen)大一部(bu)分的版(ban)塊，大型(xing)網站(zhan)都(dou)(dou)常用于這(zhe)種結構。

2、網站頭(tou)部+主體+版塊(kuai)

這種版塊(kuai)適用(yong)于(yu)一(yi)些比較有代表性(xing)的網站，主要是(shi)沒有導航欄。

3、左導(dao)航欄+右主體+下版塊(kuai)

這是最常見的網(wang)站版(ban)塊形式，左(zuo)上(shang)(shang)邊(bian)都(dou)會放(fang)上(shang)(shang)網(wang)站的Logo，導航欄(lan)放(fang)在(zai)下面，右邊(bian)比較(jiao)空曠的地(di)方放(fang)上(shang)(shang)版(ban)權。

二、創建本地的站點

在(zai)做好一切準備和(he)規劃以(yi)后，就要在(zai)Dreamweaver里創(chuang)建網(wang)站的(de)(de)(de)本地站點了，在(zai)網(wang)站制作的(de)(de)(de)過程(cheng)中，網(wang)頁(ye)文(wen)件(jian)的(de)(de)(de)制作是最大的(de)(de)(de)工程(cheng)量，所以(yi)我們要設置(zhi)很多個欄(lan)(lan)目(mu)，把頁(ye)面(mian)文(wen)件(jian)分類保存在(zai)不同的(de)(de)(de)文(wen)件(jian)夾(jia)里面(mian)，分別存放欄(lan)(lan)目(mu)的(de)(de)(de)各個文(wen)件(jian)，這樣管理(li)和(he)維護(hu)起來都會方便許多。

三、網站主頁制作

不管(guan)是從(cong)技(ji)術(shu)的(de)(de)(de)難度上(shang)，還是從(cong)藝(yi)術(shu)品(pin)味(wei)上(shang)，主頁制作(zuo)都(dou)是最重(zhong)要的(de)(de)(de)。主頁相當(dang)于我們(men)的(de)(de)(de)門面(mian)掌握了(le)(le)主頁的(de)(de)(de)制作(zuo)技(ji)巧以(yi)后，其他的(de)(de)(de)頁面(mian)就(jiu)很容(rong)易制作(zuo)了(le)(le)。個(ge)人主頁上(shang)使(shi)用了(le)(le)圖像(xiang)，動畫以(yi)及Dreamweaver中的(de)(de)(de)特效。頁面(mian)的(de)(de)(de)橫幅(fu)是由站(zhan)點標志圖像(xiang)、動畫做(zuo)成的(de)(de)(de)。制定(ding)好了(le)(le)一定(ding)的(de)(de)(de)布局(ju)以(yi)后，可以(yi)在(zai)對象面(mian)板中選擇“表(biao)格(ge)(ge)”，設置表(biao)格(ge)(ge)的(de)(de)(de)各項參數(shu)，設置完表(biao)格(ge)(ge)以(yi)后，通(tong)過單元格(ge)(ge)里再插(cha)入(ru)表(biao)格(ge)(ge)來控制網頁各個(ge)部(bu)分的(de)(de)(de)布局(ju)設計。可以(yi)合并(bing)單元格(ge)(ge)或(huo)是在(zai)里面(mian)再插(cha)入(ru)表(biao)格(ge)(ge)然后加入(ru)任意已經準備好的(de)(de)(de)圖片(pian)或(huo)文(wen)字等元素。

在編輯(ji)主頁(ye)的(de)時候我們要進(jin)行站點(dian)的(de)分(fen)割，設(she)計跳躍菜單(dan)，制(zhi)作(zuo)(zuo)(zuo)滾(gun)動的(de)公告板，也可以(yi)隨個人的(de)喜(xi)好(hao)再在自己的(de)網頁(ye)上添加(jia)東西和潤色。二級、三(san)級頁(ye)面的(de)制(zhi)作(zuo)(zuo)(zuo)方法和主頁(ye)的(de)制(zhi)作(zuo)(zuo)(zuo)基本上是相似(si)的(de)，制(zhi)作(zuo)(zuo)(zuo)之前，我們也應該先分(fen)析下頁(ye)面應該包含哪些內(nei)容(rong)，要怎么(me)布局，然后再進(jin)行制(zhi)作(zuo)(zuo)(zuo)。

四、網站的鏈接

假(jia)定(ding)已(yi)經把(ba)所有鏈接(jie)到的(de)網站制作完畢，然后就是(shi)各個頁(ye)(ye)(ye)面(mian)(mian)的(de)互相鏈接(jie)，在(zai)屬(shu)(shu)性面(mian)(mian)板的(de)“link”屬(shu)(shu)性中輸入二級頁(ye)(ye)(ye)面(mian)(mian)文件名，或者用(yong)瀏覽選(xuan)擇，超(chao)鏈接(jie)就形成了，在(zai)網頁(ye)(ye)(ye)設(she)計的(de)同時，可(ke)以多設(she)置一(yi)些功能，比如(ru)“收(shou)藏(zang)文件夾(jia)”這(zhe)樣(yang)別人(ren)在(zai)瀏覽網頁(ye)(ye)(ye)的(de)時候覺得很欣賞喜歡(huan)可(ke)以加(jia)入自己的(de)收(shou)藏(zang)夾(jia)。設(she)置一(yi)些音樂，讓來逛我們主(zhu)頁(ye)(ye)(ye)的(de)人(ren)身心愉悅等。

五、網站的測試

在網站(zhan)發(fa)布之前，要先(xian)測(ce)(ce)試(shi)一下自己的(de)網站(zhan)是否還有(you)紕漏，檢查(cha)鏈接是否全都正常(chang)，檢查(cha)網頁(ye)的(de)拼寫有(you)沒有(you)錯(cuo)誤(wu)，檢查(cha)好(hao)網頁(ye)的(de)兼容性等。測(ce)(ce)試(shi)好(hao)發(fa)現沒有(you)什么錯(cuo)誤(wu)以后，就可(ke)以把自己的(de)網站(zhan)發(fa)布上傳到網絡(luo)里去了。

六、發布網站

已經在自己(ji)的計(ji)算機上(shang)(shang)制作好了自己(ji)的網(wang)站，只有(you)把(ba)(ba)自己(ji)所(suo)建的網(wang)站發布到web上(shang)(shang)，別人才能瀏覽我們的網(wang)站內容(rong)，網(wang)站的發布是比較容(rong)易的，目前提供免(mian)費(fei)空間的網(wang)站很多(duo)，只要百(bai)度一下，或(huo)者(zhe)是Google一下，我們就可以尋(xun)找到網(wang)上(shang)(shang)的資(zi)源，然(ran)(ran)后申請免(mian)費(fei)個人主頁空間，然(ran)(ran)后再把(ba)(ba)網(wang)頁上(shang)(shang)傳上(shang)(shang)去。

這(zhe)樣(yang)我們(men)的網站制作就完成，正式發布成功了(le)。如(ru)果還有什么疑問歡迎大(da)家咨詢(xun)哦(e)，一(yi)起學(xue)習一(yi)起進(jin)步一(yi)起成長。