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