我們需要有一個基本的位置和計劃，在網(wǎng)站開始制作之前完成網(wǎng)站。例如，要顯示的數(shù)據(jù)是什么？多少數(shù)據(jù)？誰是用戶？訪問有多大？公司是否有自己的基本顏色要求？是否需要網(wǎng)站的技術(shù)架構(gòu)？以后的操作和維護有什么要求？網(wǎng)站要求的持續(xù)時間？這些問題要求網(wǎng)站所有者有一個好主意或需要與生產(chǎn)團隊一起調(diào)查和澄清，否則會影響技術(shù)，架構(gòu)和UI設(shè)計的選擇。下面我們詳細介紹網(wǎng)站的制作過程。
一是準備溝通工作
1，清除要顯示的數(shù)據(jù)
我們經(jīng)常提到產(chǎn)品或項目開發(fā)中的數(shù)據(jù)驅(qū)動。我們知道要顯示哪些數(shù)據(jù)來設(shè)計要呈現(xiàn)數(shù)據(jù)的頁面樣式和組件。例如，數(shù)據(jù)是一篇文章，那么我們可以在設(shè)計頁面時參考今天的標題。但是，如果數(shù)據(jù)是財務(wù)數(shù)據(jù)，則可能需要使用k線圖表，條形圖，雷達圖表或更專業(yè)的財務(wù)圖表?？梢哉f，要顯示的數(shù)據(jù)決定了頁面樣式，頁面特征等等。分析要顯示的數(shù)據(jù)對于設(shè)計數(shù)據(jù)庫也是必要的。無論是選擇關(guān)系數(shù)據(jù)庫還是非關(guān)系類型，網(wǎng)站建設(shè)或者不需要數(shù)據(jù)庫，文件存儲都滿足要求。
2，數(shù)據(jù)量的大小
數(shù)據(jù)量決定了后臺存儲架構(gòu)，單機存儲或分布式，而不需要使用緩存技術(shù)。如何解決大量數(shù)據(jù)的網(wǎng)站訪問，讀寫等問題。這是一種更技術(shù)性的體系結(jié)構(gòu)，但對于網(wǎng)站的性能，可維護性和可伸縮性至關(guān)重要。
3，確定網(wǎng)站用戶
面向網(wǎng)站的用戶一般分為2B和2C或兩種類型的用戶。對于2B網(wǎng)站來說，設(shè)計比較傳統(tǒng)，但也要考慮相關(guān)的行業(yè)風(fēng)格。2C的一般比較是基于互聯(lián)網(wǎng)的，技術(shù)上可以選擇更先進的技術(shù)。你為什么這么說，2B的業(yè)務(wù)被用在很多辦公室，涉及網(wǎng)絡(luò)安全問題可能對操作系統(tǒng)版本，瀏覽器版本有限制，如果使用相對較新的技術(shù)可能會導(dǎo)致瀏覽器不兼容，工作量比較大。作者曾作為國家部委的網(wǎng)絡(luò)系統(tǒng)工作。整個部門的官方系統(tǒng)是XP和即7或8.如果你在網(wǎng)站設(shè)計之前不明白這一點，它是一個坑！
4，參觀
網(wǎng)站架構(gòu)師根據(jù)流量的大小設(shè)計系統(tǒng)架構(gòu)并配置系統(tǒng)資源。例如服務(wù)器的數(shù)量，網(wǎng)絡(luò)帶寬和設(shè)計系統(tǒng)架構(gòu)的并發(fā)數(shù)量。小型網(wǎng)站和服務(wù)器甚至可以購買一些發(fā)布空間。對于大量流量和高并發(fā)需求，有必要考慮整個硬件資源和體系結(jié)構(gòu)。
5，公司的基本色彩
除了滿足一些功能外，該網(wǎng)站也是公司的宣傳窗口。網(wǎng)站的顏色和風(fēng)格也反映了公司的基調(diào)。許多公司也有自己的基本顏色或行業(yè)的基本顏色。例如，環(huán)保公司，婚禮，葬禮應(yīng)該有不同的顏色。公司標識也需要提前在網(wǎng)站上反映出來。
6，網(wǎng)站架構(gòu)要求
許多公司都有自己的技術(shù)團隊，或者需要在網(wǎng)站開發(fā)之后擁有自己的團隊，以便進行更新版本的迭代修正。為了繼續(xù)技術(shù)的統(tǒng)一，網(wǎng)站的技術(shù)需要與現(xiàn)有團隊相匹配。這對于以后的操作和維護至關(guān)重要。還需要關(guān)注技術(shù)的先進性和普及性。不能用太舊的技術(shù)，太稀有的技術(shù)。
7，后期維護需求
你為什么分別提出后期的操作和維護來強調(diào)這一點？許多沒有做過網(wǎng)站的網(wǎng)絡(luò)公司或公司很容易忽視這一塊。這件作品也是一筆沉重的隱藏成本。一般網(wǎng)站會帶來后臺管理系統(tǒng)，包括用戶管理，日志管理，內(nèi)容管理等。在網(wǎng)站建設(shè)之前，還需要對功能點和工作量進行評估。
8，網(wǎng)站持續(xù)時間
根據(jù)網(wǎng)站期限的要求，有必要制定產(chǎn)品開發(fā)計劃，人員部署和服務(wù)器和域名等資源的部署。
二是網(wǎng)站制作
1，網(wǎng)站設(shè)計
設(shè)計師將根據(jù)以前的交流設(shè)計網(wǎng)站的總體布局，包括風(fēng)格，顏色，字體，圖標等。整個設(shè)計包括網(wǎng)站的所有功能，所有頁面。一些公司將設(shè)計劃分為產(chǎn)品設(shè)計和UI/UE設(shè)計。這個階段需要深入的用戶參與，以避免后期修改和返工。在這個階段，設(shè)計師還需要削減設(shè)計頁面和其他工作，以便為前端開發(fā)前端。
2，首頁制作
前端工程師根據(jù)網(wǎng)站的整體設(shè)計，使用HTML和JS等前端技術(shù)來實現(xiàn)網(wǎng)站。同時需要進行兼容性測試，以測試不同品牌的不同版本，如Google，F(xiàn)irefox和360等，以確保網(wǎng)站能夠在不同瀏覽器之間正常訪問，從而達到設(shè)計效果。
3，搭建結(jié)構(gòu)和環(huán)境
涉及后端開發(fā)的站點需要構(gòu)建諸如服務(wù)器，數(shù)據(jù)庫，ide，庫等開發(fā)環(huán)境，有時還需要構(gòu)建前端需求。復(fù)雜系統(tǒng)還需要考慮分布式部署，負載平衡和數(shù)據(jù)庫分層。
4，后端開發(fā)
后端開發(fā)主要實現(xiàn)網(wǎng)站交互，數(shù)據(jù)訪問等。包括用戶的登錄注冊，業(yè)務(wù)數(shù)據(jù)，增加修改和刪除，建立用戶系統(tǒng)維護，后臺管理等。后端是整個系統(tǒng)業(yè)務(wù)邏輯的實現(xiàn)。它需要定義與前端工程師的交互協(xié)議和接口。它還需要與前端工程師進行聯(lián)合測試。
5，測試
測試分為單元測試和整體測試。復(fù)雜的系統(tǒng)需要編寫伴隨整個開發(fā)周期的測試用例。除性能測試外，還需要進行性能測試。例如，測試網(wǎng)頁響應(yīng)速度，并發(fā)性等。測試過程中的錯誤需要記錄和提交，修改后需要重新測試和確認。
6，發(fā)布操作
系統(tǒng)經(jīng)過測試并修改錯誤后，系統(tǒng)可以在確保沒有錯誤后發(fā)布并運行。此時，有必要制定系統(tǒng)在線運行維護的機制和保障。例如，后期修正錯誤后的系統(tǒng)發(fā)布時間和數(shù)據(jù)備份周期。
7.申請域名，服務(wù)器等
此外，如果互聯(lián)網(wǎng)系統(tǒng)還需要申請域名和外部網(wǎng)絡(luò)IP，則可以使用主機，云等配置服務(wù)器。
以上是網(wǎng)站建設(shè)的一般流程。事實上，復(fù)雜的網(wǎng)站系統(tǒng)在建設(shè)和開發(fā)過程中更加復(fù)雜。它需要多個團隊來完成這個過程。以上我們只是梳理了我們通常需要的流程。大型系統(tǒng)需要設(shè)計，前端生產(chǎn)，后端開發(fā)，測試，在線等。
