網(wǎng)頁設(shè)計(jì)分析怎么寫（網(wǎng)頁設(shè)計(jì)分析怎么寫好）

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于網(wǎng)頁設(shè)計(jì)分析怎么寫的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

• 1、網(wǎng)頁設(shè)計(jì)的配色剖析

• 2、網(wǎng)站設(shè)計(jì)方案怎樣寫？

• 3、網(wǎng)頁制作與網(wǎng)站設(shè)計(jì)報(bào)告書

• 4、網(wǎng)頁設(shè)計(jì)作品如何寫作品介紹

一、網(wǎng)頁設(shè)計(jì)的配色剖析

隨著網(wǎng)絡(luò)技術(shù)與瀏覽器的不斷發(fā)展，網(wǎng)頁的內(nèi)容與形式也在不停地變化。在五彩繽紛的世界中，色彩是吸引視覺的重要因素。本文從色彩在網(wǎng)頁設(shè)計(jì)中的地位入手，分析色彩搭配的原則及注意事項(xiàng)，總結(jié)了網(wǎng)頁設(shè)計(jì)中配色的小技巧。

計(jì)算機(jī)技術(shù)的發(fā)展使信息事業(yè)產(chǎn)生了飛躍，互聯(lián)網(wǎng)在信息傳播中扮演了無比重要的角色。從最初簡單的純文本界面到如今五光十色的多媒體界面，網(wǎng)頁設(shè)計(jì)經(jīng)過短短十多年的發(fā)展，已在世界各地產(chǎn)生了廣泛的影響。作為一門與視覺傳達(dá)設(shè)計(jì)密切相關(guān)，并具有功能性的設(shè)計(jì)藝術(shù)，網(wǎng)頁設(shè)計(jì)始終必須遵循形式與功能的統(tǒng)一性和協(xié)調(diào)性，藝術(shù)與技術(shù)的高度統(tǒng)一。

網(wǎng)頁設(shè)計(jì)者在掌握了網(wǎng)站、網(wǎng)頁的構(gòu)建技術(shù)之后，所面臨的關(guān)鍵性的問題之一就是網(wǎng)頁的色彩搭配。在五彩繽紛的世界中，色彩是吸引視覺的重要因素。就感覺而言，色彩與形狀相比能夠產(chǎn)生更直接、更強(qiáng)烈的影響。

一、色彩在網(wǎng)頁設(shè)計(jì)中的地位

現(xiàn)代社會，人們每時(shí)每刻都要與色彩打交道，追求時(shí)尚、體驗(yàn)消費(fèi)已經(jīng)成為一種文化，體現(xiàn)出人們對高品質(zhì)生活的追求愈加強(qiáng)烈。當(dāng)我們步入商場、超市的時(shí)候，各類琳瑯滿目的商品，以優(yōu)美的造型、鮮艷的色彩展現(xiàn)在我們面前，我們在仔細(xì)享受那些獨(dú)特造型和美妙色彩的商品時(shí)，更容易被那些具有強(qiáng)烈色彩的物品所吸引，這便是色彩的作用，因?yàn)轭伾诂F(xiàn)代設(shè)計(jì)中具有強(qiáng)烈的視覺感召力和表現(xiàn)力。

對于網(wǎng)頁設(shè)計(jì)來講，其信息內(nèi)容的有效傳達(dá)是通過各種構(gòu)成要素的設(shè)計(jì)來實(shí)現(xiàn)的。網(wǎng)頁的構(gòu)成要素包括文字、圖形、圖像、標(biāo)志、色彩等。其中，色彩的設(shè)計(jì)尤為重要。從一定意義上說，網(wǎng)頁也是一種藝術(shù)品，因?yàn)樗纫笪淖值膬?yōu)美流暢，又要求頁面的新穎、整潔，使色彩可以產(chǎn)生強(qiáng)烈的視覺效果，使頁面更加生動。而且瀏覽者在瀏覽網(wǎng)頁時(shí)，留下的第一印象就是頁面的色彩設(shè)計(jì)，它的效果直接影響到閱讀者的瀏覽興趣。因此，色彩設(shè)計(jì)在網(wǎng)頁中居于十分重要的位置。

二、網(wǎng)頁色彩搭配的原理

1.色彩的鮮明性。網(wǎng)頁的色彩要鮮明突出，容易引人注目。

2.色彩的獨(dú)特性。要有與眾不同的色彩，使得學(xué)習(xí)者對網(wǎng)頁具有深刻的印象。

3.色彩的合適性。色彩和你表達(dá)的內(nèi)容相適合。如用粉色體現(xiàn)女性主題網(wǎng)頁的柔性。

4.色彩的聯(lián)想性。不同色彩會產(chǎn)生不同的聯(lián)想，藍(lán)色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)。

當(dāng)一個(gè)網(wǎng)頁作品色調(diào)決定了之后，就應(yīng)該考慮它的主次關(guān)系和色彩搭配，而不能平均的使用色彩。色彩面積大小是直接影響色調(diào)的重要因素，色彩搭配首先要考慮大面積色彩的安排。決定了畫面中的主色，往往就決定了它的調(diào)子和方向，接下來就是要考慮用什么顏色來調(diào)配它們之間的比重，并確定調(diào)和到什么程度，才能符合自己策劃的畫面的氛圍。得體的色彩表現(xiàn)和藝術(shù)處理，能在瀏覽者的視覺中產(chǎn)生奪目的效果。同時(shí)，色彩的運(yùn)用要考慮內(nèi)容的需要，用不同色彩對比的效果來表達(dá)不同內(nèi)容和思想。

運(yùn)用相同色系色彩。這種搭配易于使網(wǎng)頁色彩趨于一致，使網(wǎng)頁色彩達(dá)到網(wǎng)頁和諧統(tǒng)一的效果，因而是一種風(fēng)險(xiǎn)極小的搭配方法，缺點(diǎn)是容易造成頁面的單調(diào)，因此往往利用局部加入對比色來增加變化，如局部使用對比色彩的圖片等。

運(yùn)用對比或互補(bǔ)色。這種方式可以使色彩關(guān)系豐富多樣，諧調(diào)、悅目，容易達(dá)到活潑、運(yùn)動的網(wǎng)頁效果，特別適合體現(xiàn)輕松素材的網(wǎng)站，在設(shè)計(jì)時(shí)需要注意主體色彩的運(yùn)用，以一種或兩種色彩占主導(dǎo)地位，再用相異的色彩作為陪襯、點(diǎn)綴和調(diào)節(jié)。

使用黑、白、灰的特殊作用。黑、白、灰的對比作用既強(qiáng)烈有效，又微妙而耐人尋味，不能因?yàn)樗盁o彩”而有所忽略，它們在畫面中充當(dāng)過渡色，能夠以色彩的中性使畫面調(diào)和，以自身的單調(diào)使畫面豐富，使色彩搭配技術(shù)更上一層樓。

三、網(wǎng)頁設(shè)計(jì)色彩運(yùn)用的注意事項(xiàng)

1.網(wǎng)頁設(shè)計(jì)要與網(wǎng)站的色彩相統(tǒng)一

網(wǎng)頁設(shè)計(jì)要與網(wǎng)站的色彩相統(tǒng)一，是指在整個(gè)網(wǎng)站中，色彩的含義始終保持一致，不過多改變，在整個(gè)網(wǎng)頁布局中，各區(qū)域的背景色，各種按鈕的顏色應(yīng)基本不變，在同一區(qū)域中，顏色的`運(yùn)用更應(yīng)該保持一致。

2.色彩的運(yùn)用要與內(nèi)容主題相統(tǒng)一

網(wǎng)站色彩的運(yùn)用要與內(nèi)容主題相統(tǒng)一，是指在設(shè)計(jì)網(wǎng)頁時(shí)，一定要根據(jù)內(nèi)容確定一個(gè)色彩基調(diào)，如內(nèi)容活潑的常用鮮艷、亮麗的色調(diào)。政治類的常用暖色調(diào)，它對于烘托主題思想，表現(xiàn)環(huán)境氣氛，構(gòu)成一定的情境有重要作用。

3.色彩的運(yùn)用要注重突出內(nèi)容主體

要通過色彩的對比，使網(wǎng)頁內(nèi)容主次分明、層次清晰，比如所以淺色背景用深色字，深色背景用淺色字，用鮮艷色彩作為活動中的前景，以冷色，暗色、淺色作為背景等。

四、網(wǎng)頁設(shè)計(jì)中用色的小技巧

1.對多數(shù)網(wǎng)頁特別是有大面積文字的網(wǎng)頁來說，應(yīng)采用白色或淺色的背景，如淺灰色、淡黃色、淺藍(lán)色或淺綠色，文字采用黑色或深顏色;

2.避免在淺色背景使用明亮顏色的文字，因?yàn)檫@樣文字會很難辨認(rèn);

3.深顏色背景上使用淺色的文字是一種很好的組合，但是如果不是特別需要，應(yīng)留作那些需要引起瀏覽者特別注意的小塊區(qū)域和場合，比如標(biāo)題圖形等;

4.使用黑色背景許多時(shí)候顯得太沉重，可以考慮使用深灰色、深藍(lán)、栗色等;

5.白色、淺灰色、淺藍(lán)色、淺綠色、淺褐色很適合作為深色背景上的文字顏色;

6.大的、粗體的文字比常規(guī)尺寸的文字更適合使用;較強(qiáng)的顏色，可考慮鮮紅色，橙色，明亮的藍(lán)色，但注意不要濫用。

五、結(jié)語

網(wǎng)頁色彩設(shè)計(jì)已經(jīng)不只是一般的美工，而是綜合了許多其他學(xué)科的實(shí)踐應(yīng)用領(lǐng)域，它涉及美學(xué)、光學(xué)、心理學(xué)、教育學(xué)和民俗學(xué)等多門學(xué)科。因此，網(wǎng)頁的色彩設(shè)計(jì)需要有更高的要求。準(zhǔn)確的、有創(chuàng)意的色彩設(shè)計(jì)，對網(wǎng)站的宣傳推廣有事半功倍的作用。

二、網(wǎng)站設(shè)計(jì)方案怎樣寫？

樓上的，表瞎說，你那是網(wǎng)絡(luò)集成方案哪里是什么網(wǎng)站建設(shè)的！

一個(gè)網(wǎng)站的成功與否與建站前的網(wǎng)站規(guī)劃有著極為重要的關(guān)系。在建立網(wǎng)站前應(yīng)明確建設(shè)網(wǎng)站的目的，確定網(wǎng)站的功能，確定網(wǎng)站規(guī)模、投入費(fèi)用，進(jìn)行必要的市場分析等。只有詳細(xì)的規(guī)劃，才能避免在網(wǎng)站建設(shè)中出現(xiàn)的很多問題，使網(wǎng)站建設(shè)能順利進(jìn)行。

網(wǎng)站規(guī)劃是指在網(wǎng)站建設(shè)前對市場進(jìn)行分析、確定網(wǎng)站的目的和功能，并根據(jù)需要對網(wǎng)站建設(shè)中的技術(shù)、內(nèi)容、費(fèi)用、測試、維護(hù)等做出規(guī)劃。網(wǎng)站規(guī)劃對網(wǎng)站建設(shè)起到計(jì)劃和指導(dǎo)的作用，對網(wǎng)站的內(nèi)容和維護(hù)起到定位作用。

網(wǎng)站規(guī)劃書出應(yīng)該盡可能涵蓋網(wǎng)站規(guī)劃中的各個(gè)方面，網(wǎng)站規(guī)劃書的寫作要科學(xué)、認(rèn)真、實(shí)事求是。

網(wǎng)站規(guī)劃書包含的內(nèi)容如下：

一、建設(shè)網(wǎng)站前的市場分析

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

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

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

二、建設(shè)網(wǎng)站目的及功能定位

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

2、整合公司資源，確定網(wǎng)站功能。根據(jù)公司的需要和計(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)站的可擴(kuò)展性。

三、網(wǎng)站技術(shù)解決方案

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

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

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、JSP、CGI、數(shù)據(jù)庫程序等。

四、網(wǎng)站內(nèi)容規(guī)劃

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

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

3、如果網(wǎng)站欄目比較多，則考慮采用網(wǎng)站編程專人負(fù)責(zé)相關(guān)內(nèi)容。 注意：網(wǎng)站內(nèi)容是網(wǎng)站吸引瀏覽者最重要的因素，無內(nèi)容或不實(shí)用的信息不會吸引匆匆瀏覽的訪客?？墒孪葘θ藗兿Ｍ喿x的信息進(jìn)行調(diào)查，并在網(wǎng)站發(fā)布后調(diào)查人們對網(wǎng)站內(nèi)容的滿意度，以及時(shí)調(diào)整網(wǎng)站內(nèi)容。

五、網(wǎng)頁設(shè)計(jì)

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

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

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

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

這樣應(yīng)該能幫到你

三、網(wǎng)頁制作與網(wǎng)站設(shè)計(jì)報(bào)告書

網(wǎng)站項(xiàng)目管理規(guī)范

一.概念

網(wǎng)站項(xiàng)目管理就是根據(jù)特定的規(guī)范、在預(yù)算范圍內(nèi)、按時(shí)完成的網(wǎng)站開發(fā)任務(wù)。

二.需求分析

1.項(xiàng)目立項(xiàng)

我們接到客戶的業(yè)務(wù)咨詢，經(jīng)過雙方不斷的接洽和了解，并通過基本的可行性討論夠，初步達(dá)成制作協(xié)議，這時(shí)就需要將項(xiàng)目立項(xiàng)。較好的做法是成立一個(gè)專門的項(xiàng)目小組，小組成員包括：項(xiàng)目經(jīng)理，網(wǎng)頁設(shè)計(jì)，程序員，測試員，編輯/文檔等必須人員。項(xiàng)目實(shí)行項(xiàng)目經(jīng)理制。

2.客戶的需求說明書

第一步是需要客戶提供一個(gè)完整的需求說明。很多客戶對自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次，我問客戶：“您做網(wǎng)站的目的是什么？”他回答：“沒有目的，只是因?yàn)閯e人都有，我沒有！”。這樣的客戶就需要耐心說明，仔細(xì)分析，挖掘出他潛在的，真正的需求。 配合客戶寫一份詳細(xì)的，完整的需求說明會花很多時(shí)間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認(rèn)可。把好這一關(guān)，可以杜絕很多因?yàn)樾枨蟛幻骰蚶斫馄钤斐傻氖д`和項(xiàng)目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達(dá)到怎樣的標(biāo)準(zhǔn)呢？簡單說，包含下面幾點(diǎn)：

1.正確性：每個(gè)功能必須清楚描寫交付的功能；

2.可行性：確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實(shí)現(xiàn)每個(gè)需求；

3.必要性：功能是否必須交付，是否可以推遲實(shí)現(xiàn)，是否可以在削減開支情況發(fā)生時(shí)"砍"掉；

4.簡明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語；

5.檢測性：如果開發(fā)完畢，客戶可以根據(jù)需求檢測。

三.系統(tǒng)分析

1.網(wǎng)站總體設(shè)計(jì)

在拿到客戶的需求說明后，并不是直接開始制作，而是需要對項(xiàng)目進(jìn)行總體設(shè)計(jì)，詳細(xì)設(shè)計(jì)，出一份網(wǎng)站建設(shè)方案給客戶?？傮w設(shè)計(jì)是非常關(guān)鍵的一步。它主要確定：

1.網(wǎng)站需要實(shí)現(xiàn)哪些功能；

2.網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；

3.需要多少人，多少時(shí)間；

4.需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。

同時(shí)需要寫一份總體規(guī)劃說明書，包括：

1.網(wǎng)站的欄目和版塊；

2.網(wǎng)站的功能和相應(yīng)的程序；

3.網(wǎng)站的鏈接結(jié)構(gòu)；

4.如果有數(shù)據(jù)庫，進(jìn)行數(shù)據(jù)庫的概念設(shè)計(jì)；

5.網(wǎng)站的交互性和用戶友好設(shè)計(jì)。

2.網(wǎng)站建設(shè)方案

在總體設(shè)計(jì)出來后，一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(yè)務(wù)時(shí)就被客戶要求提供方案。那時(shí)的方案一般比較籠統(tǒng)，而且在客戶需求不是十分明確的情況下提交方案，往往和實(shí)際制作后的結(jié)果會有很大差異。所以應(yīng)該盡量取得客戶的理解，在明確需求并總體設(shè)計(jì)后提交方案，這樣對雙方都有益處。網(wǎng)站建設(shè)方案的包括以下幾個(gè)部分：

1.客戶情況分析；

2.網(wǎng)站需要實(shí)現(xiàn)的目的和目標(biāo)；

3.網(wǎng)站形象說明；

4.網(wǎng)站的欄目版塊和結(jié)構(gòu)；

5.網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；

6.使用軟件，硬件和技術(shù)分析說明；

7.開發(fā)時(shí)間進(jìn)度表；

8.宣傳推廣方案；

9.維護(hù)方案；

10.制作費(fèi)用；

11.本公司簡介：成功作品，技術(shù)，人才說明等。

當(dāng)您的方案通過客戶的認(rèn)可，您可以開始動手制作網(wǎng)站了。但還不是真正意義上的制作，你需要進(jìn)行詳細(xì)設(shè)計(jì)：

3.網(wǎng)站詳細(xì)設(shè)計(jì)

總體設(shè)計(jì)階段以比較抽象概括的方式提出了解決問題的辦法。詳細(xì)設(shè)計(jì)階段的任務(wù)就是把解法具體化。詳細(xì)設(shè)計(jì)主要是針對程序開發(fā)部分來說的。但這個(gè)階段的不是真正編寫程序，而是設(shè)計(jì)出程序的詳細(xì)規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖，它們應(yīng)該 包含必要的細(xì)節(jié)，例如：程序界面，表單，需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實(shí)際的程序代碼。

四. 項(xiàng)目實(shí)施

1.整體形象設(shè)計(jì)

在程序員進(jìn)行詳細(xì)設(shè)計(jì)的同時(shí)，網(wǎng)頁設(shè)計(jì)師開始設(shè)計(jì)網(wǎng)站的整體形象和首頁。

整體形象設(shè)計(jì)包括標(biāo)準(zhǔn)字，Logo，標(biāo)準(zhǔn)色彩，廣告語等。 首頁設(shè)計(jì)包括版面，色彩，圖像，動態(tài)效果，圖標(biāo)等風(fēng)格設(shè)計(jì)，也包括banner，菜單，標(biāo)題，版權(quán)等模塊設(shè)計(jì)。首頁一般設(shè)計(jì)1-3個(gè)不同風(fēng)格，完成后，供客戶選擇。

記?。涸诳蛻舸_定首頁風(fēng)格之后，請客戶簽字認(rèn)可。以后不得再對版面風(fēng)格有大的變動，否則視為第二次設(shè)計(jì)。

開發(fā)制作

2.開發(fā)制作

到這里，程序員和網(wǎng)頁設(shè)計(jì)師同時(shí)進(jìn)入全力開發(fā)階段，需要提醒的是，測試人員需要隨時(shí)測試網(wǎng)頁與程序，發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測試，這樣會浪費(fèi)大量的時(shí)間和精力。項(xiàng)目經(jīng)理需要經(jīng)常了解項(xiàng)目進(jìn)度，協(xié)調(diào)和溝通程序員與網(wǎng)頁設(shè)計(jì)師的工作。

調(diào)試完善

3.調(diào)試完成

在網(wǎng)站初步完成后，上傳到服務(wù)器，對網(wǎng)站進(jìn)行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發(fā)現(xiàn)問題及時(shí)解決并記錄下來。

為什么要記錄文檔呢？其實(shí)本軟件工程本身就是一個(gè)文檔，是一個(gè)不斷充實(shí)和完善的標(biāo)準(zhǔn)。通過不斷的發(fā)現(xiàn)問題，解決問題，修改，補(bǔ)充文檔，使這個(gè)標(biāo)準(zhǔn)越來越規(guī)范，越來越工業(yè)化。進(jìn)而使得網(wǎng)站開發(fā)趨向規(guī)范，趨向合理。

4.宣傳推廣

宣傳推廣的基本方法有：

1.網(wǎng)頁里設(shè)置適當(dāng)?shù)腗ETA標(biāo)簽；

2.各搜索引擎登錄；

3.準(zhǔn)備新聞稿件在各新聞公告板發(fā)表；

4.合理使用Email郵件列表；

5.廣告條交換；

6.付費(fèi)廣告。

至此，網(wǎng)站項(xiàng)目建設(shè)完畢，將有關(guān)網(wǎng)址，使用操作說明文檔等提交客戶驗(yàn)收。如果需要維護(hù)，另行簽定維護(hù)項(xiàng)目。

五.維護(hù)

網(wǎng)站成功推出后，長期的維護(hù)工作才剛剛開始，需要做到的是:

1.及時(shí)響應(yīng)客戶反饋；例如可以采取Email自動回復(fù)功能，然后在1-3個(gè)工作日里解決問題，再次回復(fù)；

2.網(wǎng)站流量統(tǒng)計(jì)分析和相應(yīng)對策；

3.盡量推廣和使用您的網(wǎng)址；

4.網(wǎng)站內(nèi)容的及時(shí)更新和維護(hù)。

六.遵循的規(guī)范

1.網(wǎng)站建設(shè)目錄規(guī)范

2.網(wǎng)站文件命名規(guī)范

3.網(wǎng)站建設(shè)尺寸規(guī)范

4.網(wǎng)站首頁head區(qū)代碼規(guī)范

5.網(wǎng)站連接結(jié)構(gòu)規(guī)范

網(wǎng)站開發(fā)規(guī)范

任何一個(gè)項(xiàng)目或者系統(tǒng)開發(fā)之前都需要定制一個(gè)開發(fā)約定和規(guī)則，這樣有利于項(xiàng)目的整體風(fēng)格統(tǒng)一、代碼維護(hù)和擴(kuò)展。由于Web項(xiàng)目開發(fā)的分散性、獨(dú)立性、整合的交互性等，所以定制一套完整的約定和規(guī)則顯得尤為重要。定制一系列約定和規(guī)則，包括組件團(tuán)隊(duì)、文件夾命名規(guī)則、文件名命名規(guī)則、程序代碼編程風(fēng)格、數(shù)據(jù)庫設(shè)計(jì)約定。這些規(guī)則和約定需要與開發(fā)人員、設(shè)計(jì)人員和維護(hù)人員共同討論定制，將來開發(fā)都將嚴(yán)格按規(guī)則或約定開發(fā)。每個(gè)團(tuán)隊(duì)開發(fā)都應(yīng)有自己的一套規(guī)范，一個(gè)優(yōu)良可行的規(guī)范可以使我們工作得心應(yīng)手事半功倍，這些規(guī)范都不是唯一的標(biāo)準(zhǔn)不存在對與錯(cuò)，也許有些地方與你當(dāng)前使用的習(xí)慣相駁，很多地方都有爭議。。

非常明顯在Web項(xiàng)目開發(fā)中有前后臺開發(fā)之分，前臺開發(fā)主要是指非程序編程部分，主要職責(zé)是網(wǎng)站AI設(shè)計(jì)、界面設(shè)計(jì)、動畫設(shè)計(jì)等。而后臺開發(fā)主要是編程和網(wǎng)站運(yùn)行平臺搭建，其主要職責(zé)是設(shè)計(jì)網(wǎng)站數(shù)據(jù)庫和網(wǎng)站功能模板的實(shí)現(xiàn)。下面的這些規(guī)范主要是從這2個(gè)方面來定制的，這些規(guī)范是工作中總結(jié)的一點(diǎn)經(jīng)驗(yàn)，本文檔比較適合中小型網(wǎng)站或者Web項(xiàng)目的開發(fā)規(guī)范。

一．組建開發(fā)團(tuán)隊(duì)

在接手項(xiàng)目后的第一件事是組建團(tuán)隊(duì)。根據(jù)項(xiàng)目的大小團(tuán)隊(duì)可以有幾十人，也有可以是只有幾個(gè)人的小團(tuán)隊(duì)，在團(tuán)隊(duì)劃分中應(yīng)該含有6個(gè)角色，這6個(gè)角色是必須的，分別是項(xiàng)目經(jīng)理，策劃，美工，程序員，代碼整合員，測試員。也許你的團(tuán)隊(duì)還沒有6個(gè)人，沒有關(guān)系一個(gè)人可以有多個(gè)角色，比如項(xiàng)目經(jīng)理還可以有策劃這個(gè)角色，如程序員還可以含有代碼整合和測試這2個(gè)角色，如果你的項(xiàng)目夠大人數(shù)夠多那就分為6個(gè)組，每個(gè)組分工再來細(xì)分。下面簡單介紹一下這6個(gè)角色的具體職責(zé)。

項(xiàng)目經(jīng)理，項(xiàng)目總體設(shè)計(jì)，開發(fā)進(jìn)度的定制和監(jiān)控，定制相應(yīng)的開發(fā)規(guī)范，負(fù)責(zé)各個(gè)環(huán)節(jié)的評審工作，協(xié)調(diào)各個(gè)成員(小組)之間開發(fā)。策劃，提供詳細(xì)的策劃方案和需求分析。還包括后期網(wǎng)站推廣方面的策劃。美工，根據(jù)策劃和需求設(shè)計(jì)網(wǎng)站AI，界面，Logo等。程序員，根據(jù)項(xiàng)目總體設(shè)計(jì)來設(shè)計(jì)數(shù)據(jù)庫和功能模塊的實(shí)現(xiàn)。代碼整合員，負(fù)責(zé)將程序員的代碼和界面融合到一起，代碼整合員可以制作網(wǎng)站的相關(guān)頁面，測試員，負(fù)責(zé)測試程序。

二．開發(fā)工具

Web開發(fā)工具主要分為3部分，第一部分是網(wǎng)站前臺開發(fā)工具，第二部分是網(wǎng)站后臺開發(fā)環(huán)境，第三部分是項(xiàng)目管理和輔助軟件。下面分別簡單介紹這三部分需要使用的軟件。

網(wǎng)站前臺開發(fā)主要是指Web界面設(shè)計(jì)。包括網(wǎng)站整體框架建立、常用圖片、Flash動畫設(shè)計(jì)等等，主要使用的相關(guān)軟件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。

網(wǎng)站后臺開發(fā)主要指網(wǎng)站動態(tài)程序開發(fā)、數(shù)據(jù)庫建模，主要使用的相關(guān)軟件是： PowerDesigner（數(shù)據(jù)庫建模），PowerDesigner在數(shù)據(jù)庫設(shè)計(jì)方面應(yīng)用非常強(qiáng)大，用它可以快速創(chuàng)建數(shù)據(jù)庫概念和物理模型，我最喜歡的還是它生成數(shù)據(jù)庫Report的功能太方便了，設(shè)計(jì)數(shù)據(jù)庫強(qiáng)烈推薦用它。Rational Rose（程序建模），如果你的項(xiàng)目功能模塊不是特別復(fù)雜那就剩了它吧，這樣會節(jié)省一些時(shí)間和開發(fā)的復(fù)雜度，不過我個(gè)人認(rèn)為不管是大項(xiàng)目還是小項(xiàng)目都應(yīng)該畫畫Rose圖。

網(wǎng)站項(xiàng)目管理主要指對開發(fā)進(jìn)度和代碼版本的控制。開發(fā)進(jìn)度用Microsoft Project來制定，代碼版本控制采用Visual SourceSafe，當(dāng)然還有其他的選擇比如CVS和Rational ClearCase。網(wǎng)站測試采用VS.net的附帶工具M(jìn)icrosoft Application Center Test，它可以進(jìn)行并行、負(fù)載測試等。程序文檔編寫采用Word，用WPS也可以。

三.網(wǎng)站開發(fā)流程

在項(xiàng)目開始實(shí)施之前應(yīng)該有一個(gè)工作步驟也就是工作流程，在項(xiàng)目開發(fā)中最需要時(shí)間的是總體設(shè)計(jì)和系統(tǒng)測試，而程序編寫代碼所占的時(shí)間并不多，但有的團(tuán)隊(duì)就急于開發(fā)寫代碼，先把程序?qū)懗鰜碓僬f，沒有注重評審和測試這2個(gè)環(huán)節(jié)，結(jié)果造成返工，我在一家比較大的公司中都遇到多次這種情況。所以項(xiàng)目來了不要急于開工寫代碼，應(yīng)該一步一步慢慢來，只有走的慢才能走得穩(wěn)走得遠(yuǎn)。圖1的開發(fā)流程比較好地體現(xiàn)開發(fā)的整個(gè)環(huán)節(jié)。

圖 1

從圖1可以看到2條主線，這2條主線分別是前臺開發(fā)和后臺開發(fā)。前后臺開發(fā)在項(xiàng)目開發(fā)早期互相沒有交叉，當(dāng)然不是絕對沒有，Web策劃和需求分析都是互相有關(guān)系的，一個(gè)是網(wǎng)站表現(xiàn)形式和風(fēng)格的策劃另一個(gè)是網(wǎng)站功能的策劃，它們是衣服和軀干的關(guān)系。到了開發(fā)后期就需要把界面和功能模塊結(jié)合起來形成一個(gè)統(tǒng)一，也就即將發(fā)布的網(wǎng)站。

四．?dāng)?shù)據(jù)庫開發(fā)規(guī)范

數(shù)據(jù)文件命名采用系統(tǒng)名+_+文件類型，比如系統(tǒng)名為kupage,則數(shù)據(jù)庫文件命名為kupage_database.mdf，有的數(shù)據(jù)庫文件有多個(gè)，比如SQL Server就有2個(gè)，一個(gè)是數(shù)據(jù)庫文件，另一個(gè)是日志文件，那么他們的文件命名分別為kupage_database.mdf，kupage_log.log。文件名全部采用小寫。

數(shù)據(jù)庫表命名規(guī)范，表名長度不能超過30個(gè)字符，表名中含有單詞全部采用單數(shù)形式，單詞首寫字母要大寫，多個(gè)單詞間不用任何連接符號。若庫中有多個(gè)系統(tǒng)，表名采用系統(tǒng)名稱+單詞或多個(gè)單詞，系統(tǒng)名是開發(fā)系統(tǒng)的縮寫，系統(tǒng)名稱全部采用小寫英文字符,如bbsTitle,bbsForumType。若庫中只含有一個(gè)系統(tǒng)，那么表名僅用一個(gè)單詞或多個(gè)單詞。單詞選擇能夠概括表內(nèi)容的一個(gè)或多個(gè)英文單詞，如UserInfo,UserType。關(guān)連表命名規(guī)則為Re_表A_表B,Re是Relative的縮寫，如：Re_User_ArticleType, Re_User_FormType。

數(shù)據(jù)庫字段命名規(guī)范，數(shù)據(jù)庫字段名全部采用小寫英文單詞，單詞之間用”_”隔開，命名規(guī)則是表別名+單詞，如：user_name,user_pwd。表別名規(guī)則，如果表名是一個(gè)單詞，別名就取單詞的前4 個(gè)字母；如果表名是兩個(gè)單詞，就各取兩個(gè)單詞的前兩個(gè)字母組成4 個(gè)字母長的別名；如果表的名字由3 個(gè)單詞組成，你不妨從頭兩個(gè)單詞中各取一個(gè)然后從最后一個(gè)單詞中再取出兩個(gè)字母，結(jié)果還是組成4 字母長的別名。

視圖名采用規(guī)則View_表A_表B_表C,View表示視圖。這個(gè)視圖由幾個(gè)表產(chǎn)生就用”_”連接幾個(gè)表的名，如果表過多可以將表名適當(dāng)簡化，但一定要列出所有表名。

存儲過程命名規(guī)則P_表名_存取過程名(縮寫)，比如P_User_Del，P_ArticleType_AddData。

SQL語句編寫規(guī)則，關(guān)鍵字必須大寫，其他書寫按上述命名規(guī)則，比如：

SELECT user_id, user_name FROM User WHERE user_id = ‘tom’

五．文件夾文件名命名規(guī)范

文件夾命名一般采用英文，長度一般不超過20個(gè)字符，命名采用小寫字母。除特殊情況才使用中文拼音，一些常見的文件夾命名如：images(存放圖形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript腳本），inc(存放include文件)，link（存放友情鏈接）,media(存放多媒體文件)等。

文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合。命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)文件的意義，二是當(dāng)我們在文件夾中使用“按名稱排例”的命令時(shí)，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計(jì)算負(fù)載量等等操作 。

1、圖片的命名原則名稱分為頭尾兩部分，用下劃線隔開，頭部分表示此圖片的大類性質(zhì)例如廣告、標(biāo)志、菜單、按鈕等等。

放置在頁面頂部的廣告、裝飾圖案等長方形的圖片取名： banner

標(biāo)志性的圖片取名為： logo

在頁面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨?button

在頁面上某一個(gè)位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶?menu

裝飾用的照片我們?nèi)∶?pic

不帶鏈接表示標(biāo)題的圖片我們?nèi)∶?title

下面是幾個(gè)范例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。

2、動態(tài)語言文件命名規(guī)則性質(zhì)_描述，描述可以有多個(gè)單詞，用”_”隔開，性質(zhì)一般是該頁面得概要。

范例：register_form.asp，register_post.asp,topic_lock.asp

六．程序代碼編程規(guī)范

一個(gè)良好的程序編碼風(fēng)格有利于系統(tǒng)的維護(hù)，代碼也易于閱讀查錯(cuò)。在此只討論ASP的編程風(fēng)格和約定。在ASP中所有變量是弱變量，無需定義就可以直接使用，而且代碼不區(qū)分大小寫。但其他語言一般這些都要定義的，為了養(yǎng)成良好的編程習(xí)慣，編寫代碼務(wù)必按照一下規(guī)則。

1、每個(gè)變量名必須定義，在ASP文件的最開始添加語句，強(qiáng)制定制每個(gè)變量。

2、出于易讀和一致性的目的，在代碼中使用以下變量命名約定：

子類型 前綴 示例

Boolean bln blnFound

Byte byt bytRasterData

Date (Time) dtm dtmStart

Double dbl dblTolerance

Error err errOrderNum

Integer int intQuantity

Long lng lngDistance

Object obj objCurrent

Single sng sngAverage

String str strFirstName

3、程序代碼需要有縮進(jìn)，縮進(jìn)采用鍵盤Tab鍵，不采用空格鍵。并且”＝”或者鏈接字符串時(shí)需要左右空一格，如下：

4、函數(shù)過程編寫的約定。函數(shù)或者過程命名采用動作+名詞，每個(gè)函數(shù)需要給出相應(yīng)的注釋，函數(shù)功能，傳入變量，以及作者和修改相關(guān)信息。如下面函數(shù):

<%

'[功能] 返回一個(gè)參數(shù)的值

'[參數(shù)] strParameterName 參數(shù)名稱

'[作者] icefire 2002/8/20 am

Function GetParameterValue(strParameterName)

Dim objRS, strSQL, strParameterValue

strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" & strParameterName & "'"

.

.

.

GetParameterValue = strParameterValue

Set objRS = Nothing

End Function

5、ASP內(nèi)置對象區(qū)分大小寫。如下代碼片斷

strUserName = Request.Form(“UserName”)

Set conn = Server.CreateObject("ADODB.Connection")

6、數(shù)據(jù)庫連接一個(gè)庫只能有一個(gè)數(shù)據(jù)庫連接文件，創(chuàng)建數(shù)據(jù)庫對象得原則是盡可能晚地打開數(shù)據(jù)庫，盡可能早地關(guān)閉數(shù)據(jù)庫。創(chuàng)建數(shù)據(jù)庫對象調(diào)用統(tǒng)一地創(chuàng)建函數(shù)。如下：

Sub OpenConn(ByRef conn)

Dim strDBPath, strDBConnection

strDBPath = Server.MapPath("database/tax.mdb")

strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" & strDBPath

Set conn = Server.CreateObject("ADODB.Connection")

conn.Open strDBConnnection

End Sub

7、當(dāng)一個(gè)對象不在使用時(shí)要釋放對象資源，比如objFSO,objRS對象等。采用統(tǒng)一函數(shù)調(diào)用。函數(shù)如下：

Sub CloseObj(ByRef obj)

If IsObject(obj) Then

obj.Close

Set obj = nothing

End If

End Sub

8、時(shí)間全部以字符串的形式保存到數(shù)據(jù)庫中，這樣做能夠是日期在不同的數(shù)據(jù)庫中都能良好地保存，也方便數(shù)據(jù)庫地遷移。時(shí)間用14位字符串保存，日期用8位字符串保存。

七．網(wǎng)站首頁head區(qū)代碼規(guī)范

head區(qū)是指首頁HTML代碼的<head>和</head>之間的內(nèi)容。 必須加入的標(biāo)簽

1.公司版權(quán)注釋

<!--- The site is designed by Maketown,Inc 06/2004 --->

2.網(wǎng)頁顯示字符集

簡體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">

繁體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">

英 語：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

3.網(wǎng)頁制作者信息

<META name="author" content="webmaster@maketown.com">

4.網(wǎng)站簡介

<META NAME="DESCRIPTION" CONTENT="本站是一個(gè)醫(yī)療站點(diǎn)…">

5.搜索關(guān)鍵字

<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">

6.網(wǎng)頁的css規(guī)范

<LINK href="style/style.css" rel="stylesheet" type="text/css">

(參見目錄及命名規(guī)范)

7.網(wǎng)頁標(biāo)題

<title>xxxxxxxxxxxxxxxxxx</title>

8.可以選擇加入的標(biāo)簽

1.設(shè)定網(wǎng)頁的到期時(shí)間。一旦網(wǎng)頁過期，必須到服務(wù)器上重新調(diào)閱。

<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

2.禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁面內(nèi)容。

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

3.用來防止別人在框架里調(diào)用你的頁面。

<META HTTP-EQUIV="Window-target" CONTENT="_top">

4.自動跳轉(zhuǎn)。

<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指時(shí)間停留5秒。

5.網(wǎng)頁搜索機(jī)器人向?qū)?用來告訴搜索機(jī)器人哪些頁面需要索引，哪些頁面不需要索引。

<META NAME="robots" CONTENT="none">

CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all。

6.收藏夾圖標(biāo)

<link rel = "Shortcut Icon" href="favicon.ico">

所有的javascript的調(diào)用盡量采取外部調(diào)用.

<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>

附<body>標(biāo)簽：

<body>標(biāo)簽不屬于head區(qū)，這里強(qiáng)調(diào)一下，為了保證瀏覽器的兼容性，必須設(shè)置頁面背景<body bgcolor="#FFFFFF">

八．網(wǎng)站建設(shè)尺寸規(guī)范

1. 頁面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px

2. 頁面長度原則上不超過3屏，寬度不超過1屏

3. 每個(gè)標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5X11英寸

4. 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px

5. 另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸

6. 每個(gè)非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K

四、網(wǎng)頁設(shè)計(jì)作品如何寫作品介紹

網(wǎng)頁設(shè)計(jì)作品介紹，主要可以圍繞為了讓更多的人能夠明白設(shè)計(jì)圖所想表達(dá)的意思，以及每種不同的圖案、顏色、等所代表的意思。其中可以包含設(shè)計(jì)師所表達(dá)的主題思想、設(shè)計(jì)理念、設(shè)計(jì)風(fēng)格、結(jié)構(gòu)說明、產(chǎn)品以及設(shè)計(jì)所用的到圖案、顏色、文字等的含義、設(shè)計(jì)尺寸、標(biāo)準(zhǔn)色、材料。

設(shè)計(jì)作品在第一步就要很明確的為大家說明，作品的大概信息，如：作品名稱、作品所用材料、造價(jià)、用途等等信息，一篇室內(nèi)設(shè)計(jì)需要注明：設(shè)計(jì)公司、設(shè)計(jì)師、項(xiàng)目面積、工程造價(jià)、裝飾材料等信息。

擴(kuò)展資料

在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。

Web站點(diǎn)應(yīng)針對所服務(wù)對象（機(jī)構(gòu)或人）的不同而具有不同的形式。有些站點(diǎn)只提供簡潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點(diǎn)把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。

為了做到主題鮮明突出，要點(diǎn)明確，應(yīng)該使配色和圖片圍繞預(yù)定的主題；調(diào)動一切手段充分表現(xiàn)網(wǎng)站點(diǎn)的個(gè)性和情趣，辦出網(wǎng)站的特點(diǎn)。

以上就是關(guān)于網(wǎng)頁設(shè)計(jì)分析怎么寫相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。

推薦閱讀：

網(wǎng)站和網(wǎng)頁是一回事（網(wǎng)站和網(wǎng)頁是一回事嘛）

3秒后自動跳轉(zhuǎn)網(wǎng)頁（3秒后自動跳轉(zhuǎn)網(wǎng)頁的文本）

網(wǎng)頁版創(chuàng)作者中心入口（網(wǎng)頁版創(chuàng)作者中心打不開）

城鄉(xiāng)規(guī)劃考公務(wù)員好考嗎（城鄉(xiāng)規(guī)劃考公務(wù)員職位多嗎）

商標(biāo)注冊申請入口（買商標(biāo)明碼標(biāo)價(jià)的網(wǎng)站）