網站開發流程-WEB開發的(de)流程

1. web開發流程概括

1.）項目的(de)角色劃分

如果不(bù)包括前期和(hé / huò)後期的(de)市場推廣及銷售人(rén)員，開發團隊一般可以(yǐ)劃分爲(wéi / wèi)項目負責人(rén)、程序員、美工三個(gè)角色。

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

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

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

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

美工也(yě)輕松不(bù)了(le／liǎo)多少，什麽"網頁三劍客" "新網頁三劍客"、FrontPage、Photoshop、CorelDraw……誰都說(shuō)自己是(shì)最強大(dà)的(de)！

我們的(de)經驗是(shì)，選用工具時(shí)最好是(shì)統一的(de)，但是(shì)也(yě)不(bù)必刻意強求一緻。正是(shì)Web開發工具的(de)多樣*，才成就(jiù)了(le／liǎo)今天互聯網多姿多彩的(de)局面。隻要(yào / yāo)程序員的(de)純Html代碼的(de)功夫足夠過硬，一般不(bù)會影響網站最後的(de)整合工作。

3.）項目開發流程

常規流程：

由項目經理牽頭，以(yǐ)程序員爲(wéi / wèi)重心，共同讨論，完成用戶需求分析，産生網站的(de)欄目規劃（用樹形圖表示），标出(chū)哪些是(shì)靜态頁面，哪些是(shì)動态頁面。動态頁面須要(yào / yāo)程序實現。制定網站的(de)界面框架，包括首頁構圖，及各頁面間的(de)鈎稽關系。産生各欄目文件夾的(de)結構圖（一些公共文件夾如images、scripts、 styles等需要(yào / yāo)固定存放，共同調用）。然後由美工根據内容表現的(de)需要(yào / yāo)，設計靜态網頁和(hé / huò)其它動态頁面界面框架，該切分的(de)圖片要(yào / yāo)根據尺寸切割開來(lái)。給需要(yào / yāo)程序動态實現的(de)頁面預留頁面空間。制定字體、字号、超級鏈接等CSS樣式等。在(zài)美工設計頁面的(de)同時(shí)，程序員着手開發後台程序代碼，做一些必要(yào / yāo)的(de)測試。美工界面完成後，添加程序代碼，組合網站，由項目組共同聯調測試，發現bug，完善一些具體的(de)細節。最後進行網站部署。以(yǐ)上(shàng)的(de)每一部都會産生一些階段性成果，項目經理需要(yào / yāo)及時(shí)進行審核、監督，發現問題即使糾正。

一些技術規則

1.數據庫命名約定

2.文件夾命名約定

3.對象及變量命名約定

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

web2.0注重交互，注重人(rén)性化和(hé / huò)用戶體驗，所以(yǐ)一切以(yǐ)設計師和(hé / huò)用戶體驗師爲(wéi / wèi)中心。

大(dà)緻是(shì)：體驗需求分析--總體設計--UI設計頁面設計--程序設計--項目整合--調試--架設+維護

其實和(hé / huò)傳統的(de)沒太大(dà)的(de)區别，但是(shì)觀念上(shàng)已經改變了(le／liǎo)，采用開發/任務爲(wéi / wèi)主導的(de)頁面UI設計, 而(ér)不(bù)是(shì)美工主導的(de)UI設計。一個(gè)不(bù)好用的(de)東西，再漂亮又有什麽用？而(ér)且現在(zài)的(de)風格趨向是(shì)簡單，而(ér)KISS(Keep It Simple, Stupid) 一直是(shì)設計界的(de)最高境界。

2. web開發流程實例/網站開發

3.設計流程

1. 布局，設計布局線搞。

2. 文本排版

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

4. 選色，根據各種因素選擇要(yào / yāo)使用的(de)顔色。

5. 配色，完成整個(gè)網頁的(de)設計。

4.設計理論

Balance|平衡

Rhythm|節奏旋律

Proportion|比例

Dominance|支配

Point|質感

Line|線條

Form|形體

Color|配色

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

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