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

web開發(fā)流程概括

1.）項目的角色劃分

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

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

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

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

不象C/S結(jié)構(gòu)程序開發(fā)，可以一門語言從頭到尾，你用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)頁三劍客" “新網(wǎng)頁三劍客”、FrontPage、Photoshop、CorelDraw……誰都說自己是最強(qiáng)大的！

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

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

常規(guī)流程：

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

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

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

2.文件夾命名約定

3.對象及變量命名約定

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

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

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

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

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

3.設(shè)計流程

布局，設(shè)計布局線搞。

文本排版

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

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

配色，完成整個網(wǎng)頁的設(shè)計。

4.設(shè)計理論

Balance|平衡

Rhythm|節(jié)奏旋律

Proportion|比例

Dominance|支配

Point|質(zhì)感

Line|線條

Form|形體

Color|配色

我想：我們最好還是能試著做個網(wǎng)站，這樣我們都能學(xué)到較多的東西，學(xué)到網(wǎng)站的開發(fā)過程及網(wǎng)站開發(fā)的相關(guān)技術(shù)。說到技術(shù)，我認(rèn)為我最好能夠嘗試使用最新的有前景的技術(shù)，當(dāng)然技術(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

總結(jié)

以上是生活随笔為你收集整理的网站开发流程-WEB开发的流程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。