制 作 網(wǎng) 頁 步 驟

1、制 作 網(wǎng) 頁 步 驟一、確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個(gè)能力，也沒這個(gè)精力，所以必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。 二、搜集材料 明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)

2、站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。三、規(guī)劃網(wǎng)站 一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。 四、選擇合適的制作工具 盡管選擇什

3、么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動(dòng)畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運(yùn)用。 五、制作網(wǎng)頁 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步

4、地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡單后復(fù)雜，就是先設(shè)計(jì)出簡單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。 六、上傳測試 網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個(gè)鏈接的進(jìn)行

5、測試，發(fā)現(xiàn)問題，及時(shí)修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。 七、推廣宣傳 網(wǎng)頁做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識(shí)它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入廣告鏈等。 八、維護(hù)更新 網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者。制 作 網(wǎng) 頁 步 驟一、整理規(guī)劃。 網(wǎng)站建設(shè)的開始就應(yīng)該有一個(gè)整體的戰(zhàn)略目標(biāo)，即確定站點(diǎn)的目標(biāo)。 首先要有一個(gè)總的目標(biāo)，這個(gè)網(wǎng)站到底是要做什么。有的要顯示自己的設(shè)計(jì)水平，這就要求頁面美觀；

6、有的是為了求職而設(shè)計(jì)的求職網(wǎng)站，這就要求提供足夠的信息讓別人了解你的工作能力；有的是要為用戶服務(wù)，這就要求網(wǎng)站有較強(qiáng)的互動(dòng)性，而本站建設(shè)之初的主要目的就是為了本人更好的學(xué)習(xí)網(wǎng)絡(luò)知識(shí)，只是興趣而已，本站站名“網(wǎng)頁教學(xué)網(wǎng)”讓人一看就知道是有關(guān)介紹網(wǎng)頁知識(shí)的站點(diǎn)。而申請(qǐng)域名也是相當(dāng)重要的，大家都知道web譯為網(wǎng)、網(wǎng)頁、網(wǎng)絡(luò)等，j是jiao的第一個(gè)字母，x是xue的第一個(gè)字母，其實(shí)本站是web jiao xue的字母的縮寫！當(dāng)然大家申請(qǐng)注冊(cè)域名時(shí)可以申請(qǐng)自己名字的拼音等！在這里不作過多介紹。 確定好目標(biāo)之后，還要決定網(wǎng)站的目標(biāo)觀眾。其中包括以下幾種情況： 1.目標(biāo)觀眾的訪問速度。很多在線教育網(wǎng)站采用不

7、同的軟件制作在線課件，但是視頻無論如何在現(xiàn)在是不適合目前中國瀏覽者的網(wǎng)絡(luò)帶寬，不過提高我們的網(wǎng)絡(luò)帶寬也是一種發(fā)展的趨勢。 2.目標(biāo)觀眾的計(jì)算機(jī)配置和瀏覽器版本。 我們?cè)谠O(shè)計(jì)網(wǎng)頁時(shí)，其實(shí)已經(jīng)不必要考慮計(jì)算機(jī)配置了。需要注意的是在設(shè)計(jì)中要在不同的瀏覽器中瀏覽自己的網(wǎng)頁，看看有沒有發(fā)生變化。 3.插件問題。對(duì)于有些軟件，比如Flash的插件，現(xiàn)在大部分瀏覽器都安裝有這種插件了，如果網(wǎng)頁上播放視頻，那么就要考慮瀏覽器是否需要安裝相應(yīng)的插件，在這時(shí)最好在網(wǎng)站中說明并提供插件和播放器的下載。現(xiàn)在好多電影站都做的比較好，它們都提供播放器和插件的下載！ 二、新建站點(diǎn) 規(guī)劃好站點(diǎn)之后，就可以用專門的網(wǎng)頁開發(fā)軟件

8、創(chuàng)建站點(diǎn)了。 在創(chuàng)建站點(diǎn)之前，我們應(yīng)該首先在我們的磁盤上創(chuàng)建一個(gè)文件夾，用于存放站點(diǎn)內(nèi)的所有資源，當(dāng)然如果你的站點(diǎn)資源比較豐富這是可以建立子文件夾存放站點(diǎn)內(nèi)相應(yīng)的資源。例如：站點(diǎn)文件夾為myweb，子文件夾images用于存放站點(diǎn)內(nèi)用到的圖片，upfiles用于存放上傳的文件，admin用于存放站點(diǎn)后臺(tái)程序等等。創(chuàng)建站點(diǎn)在Dreamweaver軟件中操作比較簡單，本站也已經(jīng)提供了相應(yīng)的視頻教程，如果您不熟悉可以去查看下。 剛建立起的站點(diǎn)是空的文件夾，用戶首先要設(shè)計(jì)站點(diǎn)結(jié)構(gòu)。制作專業(yè)網(wǎng)站之前要有一個(gè)詳細(xì)的計(jì)劃，這樣雖然會(huì)花費(fèi)一些人力和物力，但總比出現(xiàn)了問題之后再修改要好得多。 在網(wǎng)站規(guī)劃中一個(gè)很

9、重要的問題就是確定站點(diǎn)結(jié)構(gòu)。設(shè)計(jì)站點(diǎn)結(jié)構(gòu)，就得確定站點(diǎn)子欄目；設(shè)計(jì)站點(diǎn)結(jié)構(gòu)，就得確定圖片、多媒體文件的存放位置；設(shè)計(jì)站點(diǎn)結(jié)構(gòu)，就得導(dǎo)航條。專業(yè)網(wǎng)站中，必須要有導(dǎo)航條。 三、收集資源 確定好站點(diǎn)目標(biāo)和結(jié)構(gòu)之后，接下來要做的就是收集有關(guān)網(wǎng)站的資源，其中包括以下資源： 1.文字資料：文字是網(wǎng)站的主題。無論是什么類型的網(wǎng)站，都要離不開敘述性的文字。離開了文字即使圖片再華麗，瀏覽者也不知所云。所以要制作一個(gè)成功的網(wǎng)站，必須要提供足夠的文字資料。 2.圖片資料：網(wǎng)站的一個(gè)重要要求就是圖文并茂。如果單單有文字，瀏覽者看了不免覺得枯燥無味。文字的解說再加上一些相關(guān)的圖片，讓瀏覽者能夠了解更多的信息，更能增加瀏

10、覽者的印象。 3.動(dòng)畫資料：在網(wǎng)頁上插入動(dòng)畫可以增添頁面的動(dòng)感效果?，F(xiàn)在Flash動(dòng)畫在網(wǎng)頁上應(yīng)用的相當(dāng)多，所以建議大家應(yīng)該學(xué)會(huì)Flash制作動(dòng)畫的一些知識(shí)。 4.其它資料：例如網(wǎng)站上的應(yīng)用軟件，音樂網(wǎng)站上的音樂文件等等。 四、布局頁面 設(shè)計(jì)站點(diǎn)結(jié)構(gòu)和收集了足夠的資源之后，就可以開始布局頁面了。在Dreamweaver中，可以通過以下手段進(jìn)行排版： 1.利用表格進(jìn)行排版：表格主要有三個(gè)元素表格、行和列及單元格，而且表格還可以嵌套，不過在這里建議大家不要把所有的網(wǎng)頁都放在一個(gè)大表格中，并且嵌套最好不要超過層，因?yàn)槿绻隳菢幼隽?，瀏覽器解析的時(shí)間會(huì)增加了，那么當(dāng)瀏覽者訪問時(shí)速度就慢了。 2.利用層

11、排版：層很適合形式自由的排版，現(xiàn)在標(biāo)準(zhǔn)建議排版時(shí)拋棄表格，不過如果初學(xué)者學(xué)習(xí)利用層排版時(shí)還要學(xué)習(xí)其它好多相關(guān)知識(shí)，其中最重要的是CSS和Javascript，使用CSS來輔助層可以對(duì)網(wǎng)頁實(shí)現(xiàn)排版，可以解決表格給我們帶來的煩惱。如果你對(duì)WEB標(biāo)準(zhǔn)感興趣，那么你就該好好的學(xué)習(xí)CSS了！ 3.利用布局視圖進(jìn)行排版：在Dreamweaver MX 2004中有專門的布局視圖，我們初學(xué)網(wǎng)頁設(shè)計(jì)時(shí)可以使用它進(jìn)行排版。 4.利用框架進(jìn)行排版：它是一種用瀏覽器窗口，顯示多個(gè)網(wǎng)頁的形式，前幾天記得有人在論壇中求，網(wǎng)頁格式的課件，網(wǎng)頁格式的課件大部分是用框架做出來的。 五、編輯文檔與超級(jí)連接 經(jīng)過上面的幾個(gè)步驟之

12、后，一切準(zhǔn)備工作都已經(jīng)就緒，現(xiàn)在可以象裝箱一樣把收集到的資料及制作的組件放到頁面布局中為它們指定的位置上了。 插入到網(wǎng)頁布局之后，文字都是同一種字號(hào)，同一種風(fēng)格，同一種顏色；圖片有大有小。所以這時(shí)就要對(duì)各種元素進(jìn)行編輯了，例如，改變文本字體、字號(hào)、顏色、大小等，對(duì)圖片進(jìn)行大小，表格的調(diào)整，按鈕行為的調(diào)整等等！ 連接是網(wǎng)頁的靈魂。瀏覽者在瀏覽網(wǎng)頁時(shí)，單擊網(wǎng)頁設(shè)置的超級(jí)連接可以跳轉(zhuǎn)到相關(guān)頁面，所以一個(gè)好的網(wǎng)頁是離不開連接的。 六、發(fā)布站點(diǎn) 站點(diǎn)的發(fā)布 網(wǎng)站發(fā)布就是把網(wǎng)站上傳到因特網(wǎng)上，以提供瀏覽者瀏覽。上傳之前必須檢查你的域名和主頁空間的申請(qǐng)情況，以及網(wǎng)頁和站點(diǎn)的連接情況等。建議大家最好安裝，本站內(nèi)都提供了iis5.01、i