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

1.）項目的角色劃分

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

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

角色劃分是Web項目技術(shù)分散性甚至地理分散性等特點的客觀要求，分工的結(jié)果還可以明確工作責任，最終保證了項目的質(zhì)量。分工帶來的負效應(yīng)就是增加了團隊溝通、協(xié)調(diào)的成本，給項目帶來一定的風險。所以項目經(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……誰都說自己是最強大的！

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

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

常規(guī)流程：

由項目經(jīng)理牽頭，以程序員為重心，共同討論，完成用戶需求分析，產(chǎn)生網(wǎng)站的欄目規(guī)劃（用樹形圖表示），標出哪些是靜態(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)的頁面預留頁面空間。制定字體、字號、超級鏈接等CSS樣式等。在美工設(shè)計頁面的同時，程序員著手開發(fā)后臺程序代碼，做一些必要的測試。美工界面完成后，添加程序代碼，組合網(wǎng)站，由項目組共同聯(lián)調(diào)測試，發(fā)現(xiàn)bug，完善一些具體的細節(jié)。最后進行網(wǎng)站部署。以上的每一部都會產(chǎn)生一些階段性成果，項目經(jīng)理需要及時進行審核、監(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è)+維護

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

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


3.設(shè)計流程

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

2. 文本排版

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

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

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

4.設(shè)計理論

Balance|平衡

Rhythm|節(jié)奏旋律

Proportion|比例

Dominance|支配

Point|質(zhì)感

Line|線條

Form|形體

Color|配色

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