時間：2015-01-08  作者：jia

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

1. 需求分析

    在接到網(wǎng)站設(shè)計任務(wù)后，首先要了解客戶的業(yè)務(wù)背景、目標(biāo)和需求，這樣才能針對客戶提供有效的網(wǎng)站功能。建網(wǎng)站之前最好要明確建立網(wǎng)站的目的、網(wǎng)站的規(guī)模、網(wǎng)站的主要用戶、投人預(yù)算以及如何經(jīng)營等問題，這是網(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)站、個人網(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ù)介紹”、“政府新聞”、“辦事指南/說明”、“通知/公告”、“便民生活/住行信息、“企業(yè)/行業(yè)經(jīng)濟(jì)信息”和“重要網(wǎng)站鏈接”等欄目。絕大部分企業(yè)網(wǎng)站都提供“企業(yè)介紹”、“產(chǎn)品/服務(wù)介紹”、“企業(yè)動態(tài)”、“在線招聘”、“用戶咨詢/投訴”和“行業(yè)斷聞”等欄目。

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

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

2. 網(wǎng)站制作

    1)創(chuàng)建站點

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

    2)首頁設(shè)計

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

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

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

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

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

    3)圖像設(shè)計

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

    4)樣式規(guī)劃

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

    5)使用模板

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

    6)分頁設(shè)計

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

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

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

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

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