網(wǎng)站建設(shè)需要什么步驟

　網(wǎng)站制作簡易流程介紹

1 策劃與草圖

2 設(shè)計與制做

3 切割與導(dǎo)出

4 編輯與模板

5 動畫與廣告

6 鏈接與上傳

按軟件及長度劃分制做步驟:

1 策劃與草圖

1.1所有網(wǎng)站和其它設(shè)計作品的過程都是從策劃開始的。這是最能體現(xiàn)你的才華和創(chuàng)造力的地方。人最大的區(qū)別于其它動物的地方就是會思考，會創(chuàng)造，而且唯有這點是難能可貴的!我們必須要在動手打開PS或FW制做界面前就要完成一個網(wǎng)站最最關(guān)鍵的策劃部分，它將直接影響

這個網(wǎng)站的成敗與否。一個優(yōu)秀的網(wǎng)站，不僅做得漂亮，而且要方便瀏覽，可讀性強，簡潔明快!

網(wǎng)站的風(fēng)格，用色，版式，布局，欄目甚至每個細(xì)小的圖標(biāo)都要經(jīng)過精雕細(xì)琢，深思熟慮。而風(fēng)格的制定要取決于你所做網(wǎng)站的瀏覽人群和讀者職業(yè)背景、文化程度和修養(yǎng)愛好等，只有投其所好才能最大化地產(chǎn)生共鳴;另一方面取決于公司的類型和企業(yè)法人的喜好，如果不是要強加入你自己的意志的話，那上述幾點已經(jīng)制定了網(wǎng)站大致的努力方向了!

1.2本站是商業(yè)化的網(wǎng)站面向企業(yè)為主，所以我采用簡約風(fēng)格，亮麗明快的顏色和風(fēng)格，只要學(xué)學(xué)平面構(gòu)成和色彩構(gòu)成就知道如何按其風(fēng)格去布置各個元素和內(nèi)容，以及用何種顏色來營造你要表達(dá)的效果了，包括冷暖明暗都是很關(guān)鍵的。大面積的中性色不刺眼，而重要的引導(dǎo)視線可以讓亮色來擔(dān)當(dāng)，冬天喜歡暖色夏天喜歡冷色是人之常情，藍(lán)色那種給人以信任和科技的底韻是我選擇它的原因，而像橙、黃等促進(jìn)食欲的顏色更容易受到食品網(wǎng)站的青睞!

1.3本著簡潔科學(xué)的分類原則來劃分欄目:首頁 客戶中心 窄告介紹 合作媒體 常見問題 媒體報道 關(guān)于我們

欄目如果劃分不好的話，影響框架的調(diào)整，后果就是:重頭再來了，郁悶吧?

本網(wǎng)站主要面向濰坊企業(yè)，所以要做得本地化，讓人看了感覺親切，而且要做得漂亮，廢話!!

1.4好了，完成上面這些后請拿起筆在紙上按你的創(chuàng)意和設(shè)想畫一草圖，盡是具體些，最好精細(xì)到每處陰影和描邊!這步很關(guān)鍵的說!

1.5本節(jié)最后就是準(zhǔn)備制做網(wǎng)站時所需要的素材了，包括圖標(biāo)，LOGO，廣告語，內(nèi)容介紹等這都是最基本的!

2 設(shè)計與制做

2.1如果草圖都已經(jīng)繪制完美后就可以打開PS或FW開工制做和設(shè)計我們的界面了，在這里我使用PS，雖然沒有FW的高效和專業(yè)但更加靈活和自由，這是我最喜歡的，也因為用慣了嘛!^^養(yǎng)兵千日用兵一時，平時的練習(xí)和學(xué)習(xí)在這里派上用場了!呵呵!

2.2可以在新建的778*600頁面中先打框架然后再采用逐步細(xì)化的方法，還可以采用你自己獨特的手法，比如透明玻璃水晶按鈕等效果來營造特別的風(fēng)格，要力求簡約和精致!不要放過每個細(xì)節(jié)的刻畫，即使是1*1的5%透明度的陰影都會給你的頁面增彩，別以為別人看不見!

2.3最好養(yǎng)成分層的習(xí)慣，這樣可以方便分類和編輯，不至于把上百個圖層放在一下層級里搞得一團(tuán)亂麻，分不清楚。

作為一名優(yōu)秀的設(shè)計師應(yīng)該有條理，所以請養(yǎng)成分類并為每個圖層命名的習(xí)慣，這決不是浪費你的時間!

3 切割與導(dǎo)出

無論是PS還是FW，哪怕是AI做的設(shè)計界面，在切割的原則都是一樣的，請遵從以下幾個方面:

3.1首先要按大致的框架切割，如國字型或T字型，注意其完整性

3.2對于要輸入的文字區(qū)域、大面積色塊或單獨的圖片以及flash動畫要單獨切割成非圖片格式的切片以備插入

3.3對于添加內(nèi)容需要很長的區(qū)域要注意其伸縮性切割，若有圖案要保證可以重復(fù)排列

3.4在切割時要特別認(rèn)真和小心，不要空留一行或列的一個象素的間隙，要放大讓切片都對齊，不留空隙

3.5其它如按鈕和空白處等自動生成的切片，以及創(chuàng)建需要改變圖片外觀的切片等

切割完畢后，選擇文件另存為WEB頁命令，導(dǎo)出為HTML文件待DW編輯。

4 編輯與模板

4.1在DW中打開導(dǎo)出的HTML文件開始編輯，包括大表格居中，設(shè)置背景，修改空白可輸入?yún)^(qū)單元格背景為原來切割的圖片等

4.2將編輯完畢的文件添加CSS樣式，包括最基本的TD和ALINK等標(biāo)簽，然后存為模板DWT文件，并^+alt+v新建可編輯區(qū)域

4.3通過模板新建各個頁面并添加入相應(yīng)的內(nèi)容

5 動畫與廣告

5.1按原來切片所容留的大小制做FL動畫廣告條，使用相應(yīng)的文字內(nèi)容和廣告語，在FL中新建文件

5.2復(fù)制粘貼廣告詞到場景中，排版并轉(zhuǎn)換為元件578*104

5.3添加相應(yīng)的背景和動畫，調(diào)試節(jié)奏后發(fā)布為SWF文件

5.4插入到DW中的模板頁并調(diào)整大小后存盤，其它的頁面會自動更新

6 鏈接與上傳

6.1重新設(shè)置模板頁的導(dǎo)航鏈接，本步驟也可在第四節(jié)完成

6.2在本地打開首頁檢查鏈接與文字內(nèi)容直到無錯，確保鏈接可正常訪問

6.3上傳到申請的空間，在域名解析成功后在瀏覽器中瀏覽網(wǎng)上的效果并做相應(yīng)后期維護(hù)!

網(wǎng)站建設(shè)的方案包括有哪些內(nèi)容？

一、目標(biāo)設(shè)定

在建設(shè)網(wǎng)站前應(yīng)明確建設(shè)網(wǎng)站的目的，確定網(wǎng)站的功能，確定網(wǎng)站規(guī)模、投入費用，進(jìn)行必要的市場分析等。只有詳細(xì)的規(guī)劃，才能避免在網(wǎng)站建設(shè)中出現(xiàn)的很多問題，使網(wǎng)站建設(shè)能順利進(jìn)行。網(wǎng)站建設(shè)方案應(yīng)該盡可能涵蓋網(wǎng)站規(guī)劃中的各個方面，網(wǎng)站建設(shè)方案流程的要科學(xué)、認(rèn)真、實事求是執(zhí)行。

二、市場分析

1、相關(guān)行業(yè)的市場是怎樣的,市場有什么樣的特點，是否能夠在互聯(lián)網(wǎng)絡(luò)中間上開展公司業(yè)務(wù)。

2、市場主要競爭者分析，競爭對手上網(wǎng)情況及其網(wǎng)站規(guī)劃、功能作用。

3、公司自身條件分析、公司概況、市場優(yōu)勢，可以利用網(wǎng)站提升哪些競爭力，建設(shè)網(wǎng)站的能力（費用、技術(shù)、人力等）。

三、功能定位

1、為什么要建立網(wǎng)站，是為了宣傳產(chǎn)品，進(jìn)行電子商務(wù)，還是建立行業(yè)性網(wǎng)站？是企業(yè)的需要還是市場開拓的延伸？

2、整合公司資源，確定網(wǎng)站功能。根據(jù)公司的需要和計劃，確定網(wǎng)站的功能：產(chǎn)品宣傳型、網(wǎng)上營銷型、客戶服務(wù)型、電子商務(wù)型等。

3、根據(jù)網(wǎng)站功能，確定網(wǎng)站應(yīng)達(dá)到的目的和作用。

4、企業(yè)內(nèi)部網(wǎng)（intranet)的建設(shè)情況和網(wǎng)站的可擴展性。

四、解決方案

根據(jù)網(wǎng)站的功能確定網(wǎng)站技術(shù)解決方案。

1、采用自建服務(wù)器，還是租用虛擬主機。

2、選擇操作系統(tǒng)，用unix,linux還是window2000/nt。分析投入成本、功能、開發(fā)、穩(wěn)定性和安全性等。

3、采用系統(tǒng)性的解決方案（如ibm,hp）等公司提供的企業(yè)上網(wǎng)方案、電子商務(wù)解決方案？還是自己開發(fā)。

4、網(wǎng)站安全性措施，防黑、防病毒方案。

5、相關(guān)程序開發(fā)。如網(wǎng)頁程序asp

.

net、jsp、php程序等。

五、內(nèi)容規(guī)劃

1、根據(jù)網(wǎng)站的目的和功能規(guī)劃網(wǎng)站內(nèi)容，一般企業(yè)網(wǎng)站應(yīng)包括：公司簡介、產(chǎn)品介紹、服務(wù)內(nèi)容、價格信息、聯(lián)系方式、網(wǎng)上定單等基本內(nèi)容。

2、電子商務(wù)類網(wǎng)站要提供會員注冊、詳細(xì)的商品服務(wù)信息、信息搜索查詢、定單確認(rèn)、付款、個人信息保密措施、相關(guān)幫助等。

3、如果網(wǎng)站欄目比較多，則考慮采用網(wǎng)站編程專人負(fù)責(zé)相關(guān)內(nèi)容。

注意：網(wǎng)站內(nèi)容是網(wǎng)站吸引瀏覽者最重要的因素，無內(nèi)容或不實用的信息不會吸引匆匆瀏覽的訪客?？墒孪葘θ藗兿Ｍ喿x的信息進(jìn)行調(diào)查，并在網(wǎng)站發(fā)布后調(diào)查人們對網(wǎng)站內(nèi)容的滿意度，以及時調(diào)整網(wǎng)站內(nèi)容。

六、網(wǎng)頁設(shè)計

1、網(wǎng)頁設(shè)計美術(shù)設(shè)計要求，網(wǎng)頁美術(shù)設(shè)計一般要與企業(yè)整體形象一致，要符合行業(yè)規(guī)范。要注意網(wǎng)頁色彩、圖片的應(yīng)用及版面規(guī)劃，保持網(wǎng)頁的整體一致性。

2、在新技術(shù)的采用上,要考慮主要目標(biāo)訪問群體的分布地域、年齡階層、網(wǎng)絡(luò)速度、閱讀習(xí)慣等。

3、制定網(wǎng)頁改版計劃，如半年到一年時間進(jìn)行較大規(guī)模改版等。

4、網(wǎng)頁設(shè)計應(yīng)考慮導(dǎo)航的設(shè)計、二級頁面的內(nèi)容以及網(wǎng)站布局、色調(diào)搭配等，合理的網(wǎng)頁布局能給人一種視覺上的沖擊力，從而為宣傳、推廣等奠定良好的基礎(chǔ)。

七、網(wǎng)站維護(hù)

網(wǎng)站的維護(hù)要分前期和后期維護(hù)以及長久維護(hù)，相對來說后期維護(hù)耗費的人力較多，隨著網(wǎng)站的規(guī)模越來越大，維護(hù)的費用會相對增加。

1、服務(wù)器及相關(guān)軟硬件的維護(hù)，對可能出現(xiàn)的問題進(jìn)行評估，制定響應(yīng)時間。

2、數(shù)據(jù)維護(hù)、內(nèi)容維護(hù)等。

八、網(wǎng)站推廣

網(wǎng)站建設(shè)完后需要有流量。一個沒有流量的網(wǎng)站就如一座空房子，死氣沉沉。網(wǎng)站如何獲得流量就需要做好網(wǎng)站推廣了。

1、在公共場所發(fā)布廣告，增加網(wǎng)站曝光。這種推廣需要一些資金投入，企業(yè)可根據(jù)自身情況選擇。

2、在各大網(wǎng)站發(fā)布軟文，發(fā)帖吸引流量。

3、選擇搜索引擎競價排名。目前國內(nèi)主流的搜索引擎是百度，可以選擇百度競價排名。

4、聘請專業(yè)seo人員或公司做好優(yōu)化，提高網(wǎng)站搜索引擎排名。[2]

九、時間和進(jìn)度

包括網(wǎng)站開始和結(jié)束的時間，以及項目預(yù)計的進(jìn)度，都應(yīng)該在網(wǎng)站建設(shè)方案書中予以體現(xiàn)。

十、費用支付

支付標(biāo)準(zhǔn)與支付方式網(wǎng)站建設(shè)業(yè)內(nèi)一般采用按制作量記費的方式。網(wǎng)站建設(shè)收費項一般可以包括以下一些素材整理階段的文字錄入費，翻譯費、圖片處理費、頁面風(fēng)格設(shè)計費用（一般指主頁和欄目首頁）頁面特效制作費用（譬如功能性程序開發(fā)費用（如調(diào)查系統(tǒng)，會員注冊系統(tǒng)等）數(shù)據(jù)庫數(shù)據(jù)錄入費用空間租用費用等。其次，確定每個收費項的單位價格。

網(wǎng)站建設(shè)

網(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)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準(zhǔn)一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

二、搜集材料

明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

三、規(guī)劃網(wǎng)站

一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細(xì)介紹。 四、選擇合適的制作工具

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

五、制作網(wǎng)頁

材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。

六、上傳測試

網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進(jìn)行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網(wǎng)頁做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。

八、維護(hù)更新

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