時(shí)間：2015-01-08  作者：jia

網(wǎng)站制作需要4個(gè)步驟。

1. 需求分析

    在接到網(wǎng)站設(shè)計(jì)任務(wù)后，首先要了解客戶的業(yè)務(wù)背景、目標(biāo)和需求，這樣才能針對(duì)客戶提供有效的網(wǎng)站功能。建網(wǎng)站之前最好要明確建立網(wǎng)站的目的、網(wǎng)站的規(guī)模、網(wǎng)站的主要用戶、投人預(yù)算以及如何經(jīng)營(yíng)等問(wèn)題，這是網(wǎng)站生存發(fā)展的關(guān)鍵。

    其次確定網(wǎng)站類型和內(nèi)容。按照網(wǎng)站主休性質(zhì)不同網(wǎng)站類型可分為政府網(wǎng)站、企業(yè)網(wǎng)站、商業(yè)網(wǎng)站、教育科研機(jī)構(gòu)網(wǎng)站、個(gè)人網(wǎng)站、非盈利機(jī)構(gòu)網(wǎng)站以及其他類型等。

    再次確定網(wǎng)站內(nèi)容。網(wǎng)站內(nèi)容主要是確定網(wǎng)站的欄目結(jié)構(gòu)和網(wǎng)站導(dǎo)航，不同類型的網(wǎng)站欄目結(jié)構(gòu)是不一樣的，一般絕大多數(shù)的政府網(wǎng)站都要提供“政府職能/業(yè)務(wù)介紹”、“政府新聞”、“辦事指南/說(shuō)明”、“通知/公告”、“便民生活/住行信息、“企業(yè)/行業(yè)經(jīng)濟(jì)信息”和“重要網(wǎng)站鏈接”等欄目。絕大部分企業(yè)網(wǎng)站都提供“企業(yè)介紹”、“產(chǎn)品/服務(wù)介紹”、“企業(yè)動(dòng)態(tài)”、“在線招聘”、“用戶咨詢/投訴”和“行業(yè)斷聞”等欄目。

    然后根據(jù)需求、類型和內(nèi)容設(shè)計(jì)網(wǎng)站需形成的風(fēng)格。風(fēng)格要體現(xiàn)在網(wǎng)站名稱、標(biāo)志(Logo)、廣告語(yǔ)、標(biāo)準(zhǔn)色彩和標(biāo)準(zhǔn)字體等方方面面。

    最后同客戶一起確認(rèn)需求。在此期間形成需求規(guī)格文檔，最好給客戶提供設(shè)計(jì)樣板(可用Photoshop, Firework，制作)。同用戶共同商量確認(rèn)需求。

2. 網(wǎng)站制作

    1)創(chuàng)建站點(diǎn)

    創(chuàng)建站點(diǎn)主要是確定站點(diǎn)文件的存放位里和目錄結(jié)構(gòu)，要合理安排文件的目錄，不要將所有文件都存放在根目錄下，要按欄目?jī)?nèi)容建立子目錄，目錄的層次不要太多，不要超過(guò)5層，目錄名不要使用中文。

    2)首頁(yè)設(shè)計(jì)

    首頁(yè)設(shè)計(jì)的好壞是一個(gè)網(wǎng)站成功與否的關(guān)鍵。首先確定首頁(yè)的功能模塊，然后進(jìn)行頁(yè)面布局。常見(jiàn)的布局如下：

    “同”字型結(jié)構(gòu)布局：所謂同字型結(jié)構(gòu)就是指頁(yè)面頂部為主菜單，下方左側(cè)為二級(jí)欄目條，右側(cè)為鏈接欄目條，中間顯示具體內(nèi)容的布局。這種布局的優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰，左右對(duì)稱，主次分明，同字型布局的網(wǎng)頁(yè)得到非常普遍的運(yùn)用；缺點(diǎn)是太規(guī)矩呆板，如果細(xì)節(jié)色彩上缺少變化，容易讓人感到單調(diào)乏味。

    “國(guó)”字型布局：國(guó)字型布局是在同字型布局基礎(chǔ)上演化而來(lái)的，在同字型布局的下方增加一橫條狀的菜單或廣告。這種布局的優(yōu)點(diǎn)是充分利用版面，信息且大，與其他頁(yè)面連接方便；缺點(diǎn)是頁(yè)面擁擠，四面封閉。

    自由式布局：自由式布局打破了同字型和國(guó)字型布局的結(jié)構(gòu)，布局像一張宜傳海報(bào)，以一張精美圖片作為頁(yè)面的中心，菜單欄目自由地?cái)[放在頁(yè)面上，常用于時(shí)尚類網(wǎng)站。優(yōu)點(diǎn)是漂亮吸引人。缺點(diǎn)是顯示速度，文字信息確少。這種布局適合于以圖像為主要內(nèi)容的站點(diǎn)。

   左右對(duì)稱布局：顧名思義采取左右分割屏幕的辦法形成的對(duì)稱布局，在左右部分內(nèi)自由安排文字圖像和連接一般是單擊左邊的連接時(shí)，在右邊顯示連接的內(nèi)容，優(yōu)點(diǎn)是可以顯示較多的文字圖像，缺點(diǎn)是將兩部分有機(jī)結(jié)合比較困難，不適于信息最大的網(wǎng)站。

    3)圖像設(shè)計(jì)

    設(shè)計(jì)制作網(wǎng)站需要使用的圖像，包括logo圖像、背景圖像、欄目圖像和一些修飾圖像等。

    4)樣式規(guī)劃

    用Css實(shí)現(xiàn)布局和外觀，最好使用外部樣式文件。

    5)使用模板

    通過(guò)首頁(yè)創(chuàng)建模板，確定頁(yè)面固定部分。

    6)分頁(yè)設(shè)計(jì)

    其他頁(yè)面通過(guò)模板生成后再進(jìn)行設(shè)計(jì)完成。

3. 側(cè)試網(wǎng)站

    網(wǎng)站的所有頁(yè)面首先保證在Internet Explorer和Mozilla Firefox瀏覽器中能比較好地呈現(xiàn)，如果需要，在更多的瀏覽器里進(jìn)行側(cè)試。

4. 發(fā)布網(wǎng)站

    制作好的網(wǎng)站，經(jīng)側(cè)試之后，就可以在服務(wù)器上發(fā)布了。