網(wǎng)站開發(fā)流程-WEB開發(fā)的流程

1. web開發(fā)流程概括

1.）項(xiàng)目的角色劃分

如果不包括前期和后期的市場(chǎng)推廣及銷售人員，開發(fā)團(tuán)隊(duì)一般可以劃分為項(xiàng)目負(fù)責(zé)人、程序員、美工三個(gè)角色。

項(xiàng)目負(fù)責(zé)人習(xí)慣稱為項(xiàng)目經(jīng)理，負(fù)責(zé)項(xiàng)目的人事協(xié)調(diào)、時(shí)間進(jìn)度等安排，以及處理一些與項(xiàng)目相關(guān)的其他事情。程序員主要負(fù)責(zé)項(xiàng)目的需求分析、策劃、設(shè)計(jì)、代碼編寫、網(wǎng)站整合、測(cè)試、部署等環(huán)節(jié)的工作。美工負(fù)責(zé)網(wǎng)站的界面設(shè)計(jì)、版面規(guī)劃，把握網(wǎng)站的整體風(fēng)格。如果項(xiàng)目比較大，可以按照三種角色把人員進(jìn)行分組。

角色劃分是Web項(xiàng)目技術(shù)分散性甚至地理分散性等特點(diǎn)的客觀要求，分工的結(jié)果還可以明確工作責(zé)任，最終保證了項(xiàng)目的質(zhì)量。分工帶來(lái)的負(fù)效應(yīng)就是增加了團(tuán)隊(duì)溝通、協(xié)調(diào)的成本，給項(xiàng)目帶來(lái)一定的風(fēng)險(xiǎn)。所以項(xiàng)目經(jīng)理的協(xié)調(diào)能力顯得十分重要，程序開發(fā)人員和美工在項(xiàng)目開發(fā)的初期和后期，都必須有充分的交流，共同完成項(xiàng)目的規(guī)劃和測(cè)試、驗(yàn)收。

2.）開發(fā)工具的選取：

不象C/S結(jié)構(gòu)程序開發(fā)，可以一門語(yǔ)言從頭到尾，你用Delphi，就是Delphi程序員，你用VC++，你就是VC程序員。B/S結(jié)構(gòu)的Web開發(fā)工作，工具的選擇是一件痛苦的事情。從Windows到Linux，從IIS到 Apache，從J2EE到 .NET，從EJB到COM到.NET組件……還有 Asp、Asp.net、Jsp、Php、Perl、Javascript、Vbscript……

美工也輕松不了多少，什么"網(wǎng)頁(yè)三劍客" "新網(wǎng)頁(yè)三劍客"、FrontPage、Photoshop、CorelDraw……誰(shuí)都說(shuō)自己是最強(qiáng)大的！

我們的經(jīng)驗(yàn)是，選用工具時(shí)最好是統(tǒng)一的，但是也不必刻意強(qiáng)求一致。正是Web開發(fā)工具的多樣*，才成就了今天互聯(lián)網(wǎng)多姿多彩的局面。只要程序員的純Html代碼的功夫足夠過(guò)硬，一般不會(huì)影響網(wǎng)站最后的整合工作。

3.）項(xiàng)目開發(fā)流程

常規(guī)流程：

由項(xiàng)目經(jīng)理牽頭，以程序員為重心，共同討論，完成用戶需求分析，產(chǎn)生網(wǎng)站的欄目規(guī)劃（用樹形圖表示），標(biāo)出哪些是靜態(tài)頁(yè)面，哪些是動(dòng)態(tài)頁(yè)面。動(dòng)態(tài)頁(yè)面須要程序?qū)崿F(xiàn)。制定網(wǎng)站的界面框架，包括首頁(yè)構(gòu)圖，及各頁(yè)面間的鉤稽關(guān)系。產(chǎn)生各欄目文件夾的結(jié)構(gòu)圖（一些公共文件夾如images、scripts、 styles等需要固定存放，共同調(diào)用）。然后由美工根據(jù)內(nèi)容表現(xiàn)的需要，設(shè)計(jì)靜態(tài)網(wǎng)頁(yè)和其它動(dòng)態(tài)頁(yè)面界面框架，該切分的圖片要根據(jù)尺寸切割開來(lái)。給需要程序動(dòng)態(tài)實(shí)現(xiàn)的頁(yè)面預(yù)留頁(yè)面空間。制定字體、字號(hào)、超級(jí)鏈接等CSS樣式等。在美工設(shè)計(jì)頁(yè)面的同時(shí)，程序員著手開發(fā)后臺(tái)程序代碼，做一些必要的測(cè)試。美工界面完成后，添加程序代碼，組合網(wǎng)站，由項(xiàng)目組共同聯(lián)調(diào)測(cè)試，發(fā)現(xiàn)bug，完善一些具體的細(xì)節(jié)。最后進(jìn)行網(wǎng)站部署。以上的每一部都會(huì)產(chǎn)生一些階段性成果，項(xiàng)目經(jīng)理需要及時(shí)進(jìn)行審核、監(jiān)督，發(fā)現(xiàn)問(wèn)題即使糾正。

一些技術(shù)規(guī)則

1.數(shù)據(jù)庫(kù)命名約定

2.文件夾命名約定

3.對(duì)象及變量命名約定

web2.0下的開發(fā)流程：

web2.0注重交互，注重人性化和用戶體驗(yàn)，所以一切以設(shè)計(jì)師和用戶體驗(yàn)師為中心。

大致是：體驗(yàn)需求分析--總體設(shè)計(jì)--UI設(shè)計(jì)頁(yè)面設(shè)計(jì)--程序設(shè)計(jì)--項(xiàng)目整合--調(diào)試--架設(shè)+維護(hù)

其實(shí)和傳統(tǒng)的沒(méi)太大的區(qū)別，但是觀念上已經(jīng)改變了，采用開發(fā)/任務(wù)為主導(dǎo)的頁(yè)面UI設(shè)計(jì), 而不是美工主導(dǎo)的UI設(shè)計(jì)。一個(gè)不好用的東西，再漂亮又有什么用？而且現(xiàn)在的風(fēng)格趨向是簡(jiǎn)單，而KISS(Keep It Simple, Stupid) 一直是設(shè)計(jì)界的最高境界。

2. web開發(fā)流程實(shí)例/網(wǎng)站開發(fā)

3.設(shè)計(jì)流程

1. 布局，設(shè)計(jì)布局線搞。

2. 文本排版

3. 明暗度，以單色（黑白灰）填充，描繪明暗的分布。

4. 選色，根據(jù)各種因素選擇要使用的顏色。

5. 配色，完成整個(gè)網(wǎng)頁(yè)的設(shè)計(jì)。

4.設(shè)計(jì)理論

Balance|平衡

Rhythm|節(jié)奏旋律

Proportion|比例

Dominance|支配

Point|質(zhì)感

Line|線條

Form|形體

Color|配色

我想：我們最好還是能試著做個(gè)網(wǎng)站，這樣我們都能學(xué)到較多的東西，學(xué)到網(wǎng)站的開發(fā)過(guò)程及網(wǎng)站開發(fā)的相關(guān)技術(shù)。說(shuō)到技術(shù)，我認(rèn)為我最好能夠嘗試使用最新的有前景的技術(shù)，當(dāng)然技術(shù)總是會(huì)過(guò)時(shí)的，但我們呢應(yīng)學(xué)習(xí)寫水準(zhǔn)較高的。如果我們自己開發(fā)網(wǎng)站的話，我想大部分人都還不懂這方面的東西，需要學(xué)習(xí)，由于部分同學(xué)懂得，因此最好能分成組，分階段學(xué)習(xí)相關(guān)的東西，學(xué)習(xí)中相互交流促進(jìn)，打好基礎(chǔ)，或者邊學(xué)邊做。

(責(zé)任編輯：admin) 原文地址：http://www.jay118.com/FAQ/2011/0628/56.html