當前位置:首頁 » 網頁前端 » web開發標准流程
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web開發標准流程

發布時間: 2023-08-19 19:16:52

『壹』 前端開發具體的工作流程是怎樣的

web前端開發流程:

  1. 領導或甲方提出需求,然後產品分析需求,並且根據需求畫出原型圖,然後根據原型圖出設計稿。

  2. 設計稿團隊評審,過後交與前端製作靜態頁面,然後靜態頁面,交與設計審核,過後交給開發人員,進行動態數據的添加。

  3. 發布測試環境,產品測試領導審核,成功後,直接發布產品環境,進行版本迭代。

  4. 整個的一個設計,開發,部署的流程。

前面的所有流程中的靈魂是原始需求提出者,但人隨著客觀條件的變化,思維認識會有所不一致,所以產生了文檔,文檔是貫穿整個流程的一個靈魂。而產品是整個流程中文檔的編寫者,因為產品最能接觸最原始的需求,對需求的理解更深刻或專業。

『貳』 WEB前端項目開發流程

這個環節是由項目經理完成,項目經理首先和客戶進行交流,了解客戶的需求,然後分析項目的可行性,如果項目可以被實現,項目經理寫出項目需求文檔交給設計師完成後續的開發。

這個環節主要是UI設計師參與,UI設計師根據產品需求分析文檔,對產品的整體美術風格、交互設計、界面結構、操作流程等做出設計。負責項目中各種交互界面、圖標、LOGO、按鈕等相關元素的設計與製作。

這個部分由程序員來實現。(程序員分為WEB前端開發工程師和後台開發工程師。前端開發人員主要做我們可以在網頁上看的見的頁面,後台就做一些我們看不見的管理系統以及功能的實現。)程序員根據UI設計師的設計,用編碼來完成整個項目的各個功能。

這部分由程序測試員來完成。程序測試員主要就是測試尋找程序還存在的bug,一般來說剛編碼完成的程序都是存在問題的,就需要測試人員反復不斷的測試並將存在問題的測試結果交給編碼人員進行bug的修復。等到幾乎所有bug修復完成,這個項目差不多就可以上線了。

程序的維護是整個項目的最後一個階段,但也是耗時最多,成本最高最高的的一個階段。程序的維護包括程序上線後後續bug的修復和程序版本的更新。

『叄』 開發一個WEB項目的流程是怎樣的

  1. 首先了解項目需求,形成項目需求文檔

  2. 根據web項目未來的運行方式和場景選擇web運行伺服器,資料庫以及開發語言,還有支持的瀏覽器最低版本

  3. 小型的web項目最好邊開發邊和用戶交流,以盡可能滿足用戶需求

  4. 大型的web項目最好能將需求讓用戶確認,便於未來需求修改時評估修改成本或以合適理由拒絕修改

  5. 小型組網測試。小范圍內測試web項目的功能和交互方式。

  6. 壓力測試。如果web項目的使用人數將來會非常大,可能要找工具對該項目進行壓力測試。

  7. 試運行。試運行也可和前期測試相結合。

  8. 正式上線。

  9. 後期維護。

『肆』 一個網站的開發流程是怎樣的

就以我司流程為例子,1項目經理(業務經理)跟客戶溝通採集並確定需求點,簽訂合同。2.產品經理根據需求文檔畫原型,同時架構師或者技術總監根據客戶要求系統的承載量寫出系統架構方案,3UI設計師根據產品原型圖設計軟體界面,同時後端小夥伴根據架構圖編寫和設計數據模型實體。4前端小夥伴根據UI設計圖編寫前端界面頁面,後端小夥伴編寫介面,並前後端聯合調通介面。5測試工程師測試程序bug,前後端小夥伴修復。6運維工程師部署程序到測試環境,7交給客戶測試並修復反饋bug。8運維工程師推送程序到客戶生產環境。

1.注冊網站域名 :注冊一個簡短易記的,一般建議用com結尾的。大概幾十到一百元左右。

2.購買網站伺服器 :伺服器是網站的存儲空間,可以分為獨立主機,雲伺服器,個人和中小型企業在建站初期,流量不是很大時候,租用一個中等的雲伺服器就可以滿足網站的基本需求;網站空間費用預算需要考慮兩點,其一是空間商品牌是否為知名品牌,其二,空間大小。角點 科技 與國內外大型空間提供商有著長期的合作,會為客戶推薦最適合你的空間容量和品牌,減少空間浪費和費用支出。

3.網站備案 :如果想把網站域名放在國內大陸的伺服器使用,是需要備案的,不想備案可以放在國外或者香港的伺服器上面使用。

4.前端規劃頁面 :網站各個內容怎麼科學的分布在網站上。一般來說,一個網站又首頁、頻道頁、詳情頁、產品頁……你需要想好你的頁面有多少個類別,各個類別怎麼有序的組織在一起。每個頁面又分別展示怎樣的內容。這個一般是網站主編或者運營總監來負責。

5.網站設計 :一個好的網站很容易建立公司和用戶之間的信任。其中除了打開速度、網頁內容等方面的因素,色彩搭配也是其中一環。如果你邀請專業人員給你設計頁面的話,單個頁面成本在單個頁面成本在300—10000元左右,這個是看設計師的經驗和水平。一般來說建站公司可以幫你設計頁面,如果你要求不高也可以直接設計圖片。

6.網站後台開發 :後台的開發是實現企業自主更新和維護網站信息的重要支撐。目前主流的web程序開發是asp,php,.net,jsp。

7.網站攜雀猜測試上線: 網站搭建好後,我們需要對網站進行小測試,看看網站是否存在小問題是否符合顧客的需求,在得到客戶認可之後就可以上線了。


如果你也想開發一款屬於自己的網站,可以通過第三方專業開發平台,來幫助你實現開發需求: 廈門在乎 科技 ( https://www.icarexm.com/pc_build.html )-專注小程序、app、網站開發

1.領導下達命令某個網站給你開發 流程需求自己去摸索

2.拿十多個網上拷過來的模型給領導看決定選擇哪個

3.照抄開發

4.測試

5.領導測試

6.不是這樣的 改

7.繼續改

8.不是這樣的 改

9.改 我:你想要怎樣的 領導:反正不是這樣的 改

10.在修改的路上回不來了

11.領導:算了就這樣吧 上線吧

網站早已不再神秘,再也不是什麼高技術活。普通用戶也可以輕松的建立出歲譽相對專業的網站。下面向大家簡單介紹一下個人建站的一些流程和注意事項。

一、域名

要想讓人家訪問自己的網站,域名是必不可少的。域名要盡可能的短、盡可能的方便記憶,比如.top域名,當然現在好記的、有特徵的域名已經不多了,這需要你自己進行考慮,只要辯型覺得有一定的規律或便於用戶記憶即可。

二、空間

要建網站,其次必須要有一個空間,即存放網站的地方。對於個人用戶,建議購買虛擬主機。在購買虛擬主機時要看其服務、速度、響應時間等。一般選擇有一定名氣的服務商即可。

註:域名、空間目前國內比較好的服務商像阿里雲、西部數碼、中國數據等都是非常好的選擇。

三、網站程序

網站程序當然是選擇現成的,因為個人沒有必要去從頭開始編制一個網站程序,也沒有那個實力。現在網上有現成的網站管理系統,這類系統還有很多,可以在自己綜合試用的基本上進行選擇。

在選擇網站程序時,還必須考慮到其通用性和二次開發。對於通用性不好、不利於二期開發的,雖然功能強大但不建議選用,因為網站有了一定規模後需要進行個性化功能設計時會很麻煩。另外程序盡量選擇asp(asp.net),PHP、JSP等在國內不是特別流行;在asp和asp.net之間也盡量選用asp.net,畢竟其基於.net架構是發展的潮流。

四、網站設計

選擇好了網站程序後,則需要根據自己的需要進行網站設計。一般來說,如果有專業的美工和程序員進行修改自然最好。不過個人站長可能不一定具備這種條件,可以選擇服務商的智能建站。

呵呵,我就是整 java的,現在轉了android,說說我的經歷吧,之前做過一個項目,叫 社區矯正管理系統,整個項目最開始是做項目需求。當時公司排了倆人去了開封公安局 在那住了一個月搞需求,明確了客戶需要什麼了以後,根據客戶需求和公司開發人員的水平 選了項目框架,資料庫等,然後大家分模塊開發,每天上報一次項目進度,開發了將近三個月,測試半個月,然後開放賬戶給客戶試用,客戶提提意見再改改 就這樣

在這里,我們拋開商務層的項目識別、項目論證、投標、簽合同等環節,僅從軟體項目的生命周期開始談。

一個完整的網站項目生命周期一般分為可行性分析(計劃)、需求分析、軟體設計(概要設計、詳細設計)、編碼(含單元測試)、測試、運行維護等幾個階段。下面就這幾個階段做簡要介紹。

一、可行性分析

這部分主要是分析公司技術可行性、人力資源儲備、財務儲備等方面的分析。由於對我們開發人員關系不大,這里暫略。

二、需求分析

這部分開始就是網站建設的重點工作,通常被認為是一件最困難的工作。需求分析概括來講就是這個網站應該「做什麼」,因該具有什麼樣的功能,解決什麼樣的問題。通常是開發組人員和用戶多次交流以便了解用戶的需求。比如用戶需要網站首頁展示什麼東西、用戶可以注冊賬號、可以充值會員、可以放視頻等需求,反復確認記錄後按某種模板整理成冊。期間伴隨著一些文檔的產生如《需求調研計劃》、《需求規格說明書》等。但軟體項目有一個特點就是「漸進明細」,意思就是用戶不可能在一開始就確定項目的需求,需要在項目完成的過程中逐步明確。於是才有了與用戶各種扯皮的現象,「需求又改變了」這也是大多數程序員工作抱怨和調侃的來源。

三、軟體設計

需求完成後,就開始網站設計了。這一部分主要做網站概要設計、網站詳細設計以及資料庫設計等工作。內容主要就是確定網站的運行環境、技術架構以及根據需求理出系統功能結構,並初步描述出每個功能的設計規則及流程,初步設計資料庫表等。

四、編碼

這一環節就是程序員接觸得最多的內容了,就不多講了。大致就是根據項目經理劃分的模塊為每個人分配開發任務,並定期評審,定期給用戶演示交流以確保項目實際進度與用戶需求不會偏差太多。

五、測試

由於軟體項目越來越大,IT崗位中單獨衍生出測試人員這一細分崗位。測試環節最好由第三方測試,因為如果項目團隊成員自己來測試會下意識的往正確的業務邏輯走,從而不能很好的測出系統的缺陷。測試環節按不同的手段又分為黑盒測試、白盒測試、靜態測試、動態測試、壓力測試等。測出的缺陷提交給開發團隊修正。

六、運維

系統上線後就進入運行維護的階段。沒有哪個系統上線後就是完美的,這也是運維存在的必要性。能多數情況下在企業和客戶簽訂合同的時候會包含一定時間的免費運維期,比如兩年,兩年後運維需另收費。運維由專人負責。運維的主要目的是解決實際使用中產生的bug、修改小的變更需求、維護伺服器穩定等。

『伍』 前端開發的工作流程是怎樣的

前端開發具體開發過程基本如下:

1、根據UI的界面圖進行切圖,這里切圖其實也有自動化的工具。

2、使用html對切出來的東西進行映射開發,做頁面結構,看到幾個部分就對應幾個模塊,從大到小,從外到內,從公共到獨立。

3、使用css做樣式設計,具體分析模塊大小、位置、顏色,做盒模型等等。另外,可以分成三個組,一是重置樣式,用於修改一些不合適的默認格式。二是公共樣式,主要是頭尾以及LOGO等很多頁面都會用到的樣式;三是獨立樣式,用於只使用一次的樣式。

4、使用JS做交互動作。當然,還需要根據與後端之前的討論做數據傳輸介面。

5、自己debug一下,如果有bug要改。

(5)web開發標准流程擴展閱讀:

前端開發是創建Web頁面或app等前端界面呈現給用戶的過程,通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用戶界面交互。它從網頁製作演變而來,名稱上有很明顯的時代特徵。

在互聯網的演化進程中,網頁製作是Web1.0時代的產物,早期網站主要內容都是靜態,以圖片和文字為主,用戶使用網站的行為也以瀏覽為主。隨著互聯網技術的發展和HTML5、CSS3的應用,現代網頁更加美觀,交互效果顯著,功能更加強大。

『陸』 網頁Web設計流程

在進行Web設計時--在設計過程中--形式應該服從功能。這種方法應用於我們站點的整個設計過程中。當然,我們有最新的Web工具,並且能夠將各種可視的小配件上載到網頁上。但是我們認為這樣做將不利於為訪問者提供有效的服務。

事實上,我經常發現一些站點未將重點放在功能上。常見的錯誤包括:

用戶界面元素不一致。例如,同一個控制項在不同清賀的頁面上功能不同,或者同一個功能對應幾個用戶界面控制項。

導航欄位置不一致。決定站點的哪些頁和功能需要在站點的任何頁上都可被訪問到。這就是應該保持一致性的「全局導航欄」。

不太注意或根本不注意基本的圖形設計原則,例如排版式樣、色彩和版面的設計。

相關元素和功能的隨意分組。注意將元素放置在網頁上的位置和目的。這可幫助訪問者從其它相鄰的選擇和位置來推斷某個鏈接的功能。

使網頁過於龐大以至使訪問者需要通過典型的數據機速度的Internet連接進行長時間的下載。這並不是說不應該使用圖形,但是您需要對它們進行精挑細選,然後用適當的壓縮和顏色索引優化它們。

現在的Web站點仍然存在很多問題,這並不奇怪。畢竟,Web設計「藝術」相對來說還是個新生事物。在四、五年以前,Web頁甚至是普通的。那時,人們好像認為他們的Web站點將會吸引訪問者只是因為它們存在--並且,可能在某些情況下這種方法確實有效。但是這些站點一般很難看,並且更重要的是,它們真的難以使用。接下來便進入「看看我們能做些什麼」階段,在網頁中加入了大量的動畫、聲音文件以及其它附加件,導致訪問者需要長時間地進行下載,但是並未獲得多少實實在在的內容。

如今的Web設計師們已經吸取了前人的經驗和教訓。好的站點傾向於簡化和快速,同時在功能上有所提高。這是Microsoft的目標,而且我們最先承認自己所犯的錯誤(參閱「Microsoft的Web簡史」看一看以前的主頁設計)。

設計錯誤並不總是顯而易見的。有時在設計上對一個小元素的移動或更改將有很少或根本沒有影響。但是,在其它情況下,它可能確實會對頁面功能有所影響。而且如果說我們從過去幾年學到了一些東西,那就是小的改動會使Web頁的運行方式有很大的不同。

明確的流程

若要避免類似問題,我們為新服務(例如「搜索」)的創建或關鍵的Web頁(如主頁)設計了一個明確的流程。每個項目都是在一定的基礎上開始的,即我們有一個受益於我們站點上的頁面、部分或用戶界面元素的產品或服務。在早期的產品計劃階段(第1階段),我被要求設計一些初級模型:大致描述頁面、部分或功能的草圖。然後產品項目組檢查產品計劃建議,看看此項服務是否可以為microsoft.com的訪問者真正帶來一些實惠。

如果答案是「可以」,那麼此項目會獲得批准,我們開始寫項目說明書(第2階段)。我們在第1階段的草圖春高和概念基礎上創建並提出一個更為完整的計劃。這時,我們一般還會開始可用性測試(一般會有書面的模型)以了解潛在用戶將對計劃中的設計做出何種反應。在最後開發階段(第3階段),我們創建運行計劃服務的Web原型,並且進行全面的可用性測試以及內部復查。然後完成站點的代碼,修改程序錯誤,最後站點通過實際運轉的Web站點向客戶發布。

正如您所見到的,可用性在整個流程中扮演著重要的角色(參閱「創建有效的Web界面需要認真計劃」)。我們可以為用戶運行某項任務計時,這樣我們就可以在產品以後的版本中對比相同的測試。我們可以使用這種方法進行度量,以確定一個功能的重新設計是否為客戶帶來任何真正的價值。

還有,我們將仔細地觀察以了解可用性對象是否可以計算出如何正確使用新功能--我們稱為「可發現性」的方法。有時這為我們提供了一些挑戰。例如:在我們的站點上,在搜索引擎中鍵入一個片語或字會產生一列結果。然後我們請用戶選擇在這些結果中進行搜索,以便進行更細的搜索並且導向某一頁或資源。但是即使「在結果范圍內搜索」被明顯地標記在深色標簽上,很少有人熟悉它。一些用戶認為他們正開始新的搜索,並且可能毫無結果。我們正在解決這個問題以確保客戶可以利用microsoft.com上所有豐富的功能來提高他們對此站點的認識。

選項「在結果范圍內搜索」看上去很扒正尺直觀,但不是非常易發現的。此問題一直是困擾我們的設計的問題之一。

最後階段

大體來講,站點設計是在發生沖突的需要之間求得平衡的藝術。一方面,我要將站點設計得盡量簡單易用。另一方面,我要確保站點中所有強大的工具可為經驗豐富的用戶所用。與此同時,我還要為內部客戶服務--Microsoft產品項目組--他們對服務有特殊的需要。所以每天我都要解決一些非常困難的問題,經常處於很緊迫的情形中。我發現這種工作是鼓舞人心和有趣的。

這個職業非常需要更熟練的專業人員。我是經過一系列非常不一般的過程--在大學學習圖形藝術,然後在多媒體公司設計CD-ROM,最後加入Microsoft並開發應用程序--才獲得這個職位的。非常奇怪的是,當我申請(並獲得)這份工作時,我以前從來沒有設計過Web頁。但是我廣泛的設計經歷已經證明是非常有用的,並且我自認為已經驗證了格言「成功的設計就是成功的設計」(不論是什麼媒體)。許多設計問題對Web來說是獨一無二的,解決這些問題的方法對於任何媒體都是一樣的。

對於那些准Web設計師我的建議是,他們也應該盡可能地擴大設計背景。今天應該確保將一些Web工作作為互動設計培訓的一部分--大多數好的設計學校已將其加入課程中。但是在排版、色彩理論、版面設計以及生產等方面的扎實的技術將仍然特別有價值。

在未來,Web設計師們仍將會繼續被要求給頁面增加更豐富的多媒體內容,從而為Web站點的可視性和可操作性增加了新一級的復雜性和技術要求。作為CD-ROM/多媒體設計師,要求我必須具有圖形設計、視頻、音頻製作、動畫等方面的知識和創作能力。我的預言是,Web設計師也將向這些領域發展。

對於屬於microsoft.com的我們--以及在Internet上的其它地方--那應該是一個非常有趣的未來。

了解您的觀眾。調查一下究竟哪些人在訪問您的站點,以及他們為什麼要訪問。新手或不定期上網的Web用戶與軟體開發商相比有非常不同的興趣和站點需要。

使您的站點對訪問者來說有所幫助。

為您的觀眾提供所需的信息。使導航元素保持一致,並且確保對訪問率最高的區域進行明顯的標記,是它們易於被找到。

使用清楚的消息。

確保用戶了解此頁面的上下文,並且知道需要他們做些什麼。如果在注冊過程中您要用戶輸入姓名,那麼就直截了當地說。不要讓訪問者自己計算什麼,他們會感到沮喪,於是轉到其它更簡單的站點(例如您的競爭對手的站點!)。

保持一致性。1.初始會商,主要是收集該站點的關鍵信息,包括站點的目標讀者.要發布的內容.開發Web伺服器平台;

2.概念開發,設計師根據收集的信息,開始構思,通常,設計師要把這些構思用草圖的形式呈現給顧客,這個草圖要有整個網站的結構,不同的布局.設計及導航;

3.內容綜合,當決定了設計師的設計,設計師開始製作一些初始圖樣,這些圖樣用PHOTOSHOP那樣的程序來創建,然後,設計師將圖樣列印出來配合文字;

4.HTML布局和導航,一旦客戶同意了這些內容綜合,設計師開始編制Web頁面,導航器也被編制到頁面中,使客戶第一次真正體驗一下;

5.圖形製作,如果客戶同意了站點的外觀和感受,設計師將大量製作所需的圖形,並進行優化;

6.內容流程,客戶的書面材料利用各種網頁技術(CSS、JAVA、FLASH),有機的和相關的圖形整合在一起;

7.測試,在站點被提交給客戶之前,設計師要徹底測試每個Web頁面和聯結,利用清單,進行修補;

8.交付,一旦簽收,客戶要經常進行他們的測試,找出排版和內容方面的錯誤,做完了這些次要的修正後,正式啟用站點.

這套完整的計劃可以用1-12個月來完成,平均完成時間為4個月.當站點啟用後,要進行跟蹤調查,以確定人們如何使用站點。經過6-12個月的運行之後,重新收集數據,開始重新設計,然後這個Web設計過程再開始一遍。