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