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