網(wǎng)頁制作教程-網(wǎng)站設(shè)計

《網(wǎng)頁制作教程-網(wǎng)站設(shè)計》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、網(wǎng)頁制作第2章網(wǎng)站設(shè)計由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會制作網(wǎng)頁，于是認(rèn)為網(wǎng)頁制作非常簡單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。制作網(wǎng)站一般步驟：確定網(wǎng)站主題搜集材料規(guī)劃網(wǎng)站選擇合適的制作工具網(wǎng)站制作網(wǎng)站本地測試上傳測試推廣

2、宣傳維護(hù)更新2.1確定網(wǎng)站主題網(wǎng)站主題就是建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。對于個人網(wǎng)站，必須要找準(zhǔn)一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是感興趣的，任何內(nèi)容都可以，但主題要鮮明，在主題范圍內(nèi)內(nèi)容做到大而全、精而深。2.2搜集材料明確了網(wǎng)站的主題以后，就要圍繞主題開始搜集材料了。要想讓網(wǎng)站有血有肉，能夠吸引住用戶，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗

3、取精，去偽存真，作為自己制作網(wǎng)頁的素材。2.3規(guī)劃網(wǎng)站一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站欄目的設(shè)置、網(wǎng)站的風(fēng)格等。在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。1.網(wǎng)站欄目設(shè)置網(wǎng)站欄目結(jié)構(gòu)：網(wǎng)站首頁→一級欄目首頁→二級欄目首頁→內(nèi)容網(wǎng)頁網(wǎng)站首頁一級欄目首頁二級欄目首頁內(nèi)容網(wǎng)頁合理的欄目設(shè)置通過主頁可以到達(dá)任何一個一級欄目首頁、二級欄目首頁以及最終內(nèi)容頁面；通過任何一個網(wǎng)頁可以返回上一級欄目頁面并逐級返回主頁；主欄目

4、清晰并且全站統(tǒng)一；通過任何一個網(wǎng)頁可以進(jìn)入任何一個一級欄目首頁。2.網(wǎng)站的風(fēng)格網(wǎng)站風(fēng)格是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標(biāo)志，色彩，字體，標(biāo)語），版面布局，瀏覽方式，交互性，文字，語氣，內(nèi)容價值，存在意義，站點榮譽(yù)等等諸多因素。迪斯尼網(wǎng)站IBM網(wǎng)站玫瑰婚典網(wǎng)站2.4選擇合適的制作工具盡管選擇什么樣的工具并不會影響設(shè)計網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得（WYSIWYG）的編輯工具，

5、這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了。MacromediaDreamweaver8是一款專業(yè)的網(wǎng)站開發(fā)編輯器，用于對Web站點、Web頁和Web應(yīng)用程序進(jìn)行設(shè)計、編碼和開發(fā)，整個生產(chǎn)過程可以自動化，增強(qiáng)開發(fā)小組的工作效率。無論用戶是喜歡可視化的網(wǎng)頁開發(fā)環(huán)境還是喜歡手寫代碼，Dreamweaver8都能提供有用的工具。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool3d、GifAnimator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，可以

6、根據(jù)需要靈活運(yùn)用。2.5網(wǎng)站制作網(wǎng)站制作即Web站點開發(fā)，需要掌握相應(yīng)的技術(shù)。網(wǎng)頁程序設(shè)計：HTML語言→CSS→版面設(shè)計→腳本語言→服務(wù)器動態(tài)語言→數(shù)據(jù)庫→XML相關(guān)→開發(fā)工具使用網(wǎng)頁美工：（美術(shù)基礎(chǔ)）→HTML語言→CSS→版面設(shè)計→色彩構(gòu)成→電腦圖像處理軟件使用→電腦動畫軟件使用2.6網(wǎng)站本地測試網(wǎng)站制作完畢，要首先進(jìn)行本地測試，以便檢查網(wǎng)站是否能夠正常使用。本地測試需要在本地機(jī)器上建立Web服務(wù)器功能，通?？梢允褂肳indows系統(tǒng)的IIS（Internet信息服務(wù)）軟件或者Linux系統(tǒng)的Apache軟件建立。IIS是Windows的

7、組件，通過Windows安裝光盤進(jìn)行安裝。2.7上傳測試網(wǎng)站本地測試后，最后要發(fā)布到遠(yuǎn)程的Web服務(wù)器上，才能夠讓Internet的朋友觀看?，F(xiàn)在上傳的工具有很多，例如CuteFTP、FlashFTP等。有些網(wǎng)頁制作工具本身就帶有FTP功能，可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，在瀏覽器中打開網(wǎng)站，逐頁逐個鏈接的進(jìn)行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。2.8推廣宣傳網(wǎng)頁做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、

8、加入廣告鏈等。2.9維護(hù)更新網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者。