在(zài)網站開始制作前我們需要(yào / yāo)對要(yào / yāo)做的(de)網站有個(gè)基本的(de)定位和(hé / huò)規劃，比如要(yào / yāo)展示的(de)數據是(shì)什麽？數據量多大(dà)？用戶是(shì)誰？訪問量多大(dà)？公司有沒有自己的(de)基本色要(yào / yāo)求？對網站技術架構有沒有要(yào / yāo)求？後期運維需求是(shì)什麽？網站對工期的(de)要(yào / yāo)求？這(zhè)些問題需要(yào / yāo)網站所有者心裏有數或者需要(yào / yāo)和(hé / huò)制作團隊一(yī / yì ／yí)塊來(lái)調研搞清楚，否則會影響後邊的(de)技術、架構的(de)選型，及UI的(de)設計等。蘇州網站制作給大(dà)家詳細介紹下網站的(de)制作流程。
 

一(yī / yì ／yí)、前期準備溝通工作

1、明确要(yào / yāo)展示的(de)數據

我們在(zài)産品或者項目開發中往往提到(dào)數據驅動，知道(dào)要(yào / yāo)展示的(de)數據是(shì)什麽才能設計以(yǐ)什麽的(de)頁面樣式、組件來(lái)展示數據。比如數據就(jiù)是(shì)一(yī / yì ／yí)篇篇的(de)文章，那我們在(zài)設計頁面的(de)時(shí)候可以(yǐ)參照今日頭條。但是(shì)數據如果是(shì)些金融類的(de)數據可能就(jiù)需要(yào / yāo)用k線圖、柱狀圖、雷達圖或者金融方面更專業的(de)圖表了(le／liǎo)。可以(yǐ)說(shuō)要(yào / yāo)展示什麽數據決定了(le／liǎo)頁面樣式、頁面功能等。分析要(yào / yāo)展示的(de)數據對後邊數據庫的(de)設計也(yě)是(shì)必要(yào / yāo)的(de)。是(shì)選擇關系型數據庫、還是(shì)非關系型，或者本身就(jiù)不(bù)需要(yào / yāo)數據庫，文件存儲就(jiù)滿足要(yào / yāo)求了(le／liǎo)。

2、數據量的(de)大(dà)小

數據量的(de)大(dà)小決定後台存儲架構，單機存儲還是(shì)分布式，需不(bù)需要(yào / yāo)利用緩存技術等。對大(dà)數據量怎麽解決網站訪問讀寫的(de)性能問題等。這(zhè)塊比較偏技術架構，不(bù)過對網站的(de)性能、可維護性、可擴展性至關重要(yào / yāo)。

3、确定網站的(de)用戶

網站面對的(de)用戶一(yī / yì ／yí)般分爲(wéi / wèi)2B和(hé / huò)2C，或者兩類用戶都有。對于(yú)2B類的(de)網站在(zài)設計上(shàng)偏傳統些、還要(yào / yāo)考慮相關的(de)行業風格。2C的(de)一(yī / yì ／yí)般比較互聯網化，在(zài)技術上(shàng)可以(yǐ)選擇更先進的(de)技術。爲(wéi / wèi)什麽這(zhè)麽說(shuō)那，2B的(de)業務很多是(shì)辦公室用的(de)，涉及到(dào)網絡安全問題對操作系統版本、浏覽器版本可能有限制，如果使用技術比較新可能浏覽器不(bù)兼容，實施起來(lái)的(de)工作量就(jiù)比較大(dà)了(le／liǎo)。筆者曾經做過國(guó)家部委的(de)web系統，整個(gè)部委官方的(de)系統是(shì)xp、ie是(shì)7或者8。如果在(zài)網站設計之(zhī)前對這(zhè)個(gè)不(bù)了(le／liǎo)解，那就(jiù)是(shì)一(yī / yì ／yí)個(gè)大(dà)坑！

4、訪問量

網站架構師會根據訪問量的(de)大(dà)小設計系統架構，配置系統資源。比如服務器的(de)數量、網絡帶寬，并根據并發數設計系統架構等。小的(de)網站一(yī / yì ／yí)台服務器甚至買些發布空間就(jiù)夠了(le／liǎo)，對于(yú)訪問量大(dà)、并發要(yào / yāo)求高的(de)就(jiù)需要(yào / yāo)在(zài)硬件資源和(hé / huò)架構上(shàng)進行整體考慮。

5、公司基本色等

網站除了(le／liǎo)要(yào / yāo)滿足一(yī / yì ／yí)些功能外，對外也(yě)是(shì)公司的(de)宣傳窗口，網站的(de)顔色、風格等也(yě)反應了(le／liǎo)公司的(de)調性。很多公司也(yě)有自己的(de)基本色或者是(shì)行業的(de)基本色。比如環保類的(de)企業、婚慶類的(de)、喪葬類的(de)在(zài)選色應該有所不(bù)一(yī / yì ／yí)樣。還有就(jiù)是(shì)公司logo需要(yào / yāo)在(zài)網站上(shàng)體現的(de)需要(yào / yāo)提前準備好。

6、網站架構要(yào / yāo)求

很多公司有自己技術團隊或者開發完後需要(yào / yāo)自己的(de)團隊對網站進行後期版本叠代、bug修改。爲(wéi / wèi)了(le／liǎo)延續技術的(de)統一(yī / yì ／yí)，需要(yào / yāo)網站的(de)技術和(hé / huò)現有的(de)團隊是(shì)匹配的(de)。這(zhè)對後期運維至關重要(yào / yāo)。另外需要(yào / yāo)注意的(de)是(shì)技術方面的(de)先進性、流行性。不(bù)能用太老的(de)技術，太生僻的(de)技術等。

7、後期運維需求

爲(wéi / wèi)什麽把後期運維單獨提出(chū)來(lái)強調那？很多公司或者沒有做過網站的(de)公司很容易忽略這(zhè)塊，這(zhè)塊也(yě)是(shì)較重的(de)隐性成本。一(yī / yì ／yí)般的(de)網站會帶一(yī / yì ／yí)個(gè)後台管理系統，包括用戶管理、日志管理、内容管理等，在(zài)網站建設前對這(zhè)塊也(yě)需要(yào / yāo)評估功能點和(hé / huò)工作量。

8、網站工期

根據網站工期的(de)要(yào / yāo)求，需要(yào / yāo)制定産品開發計劃、人(rén)員投入調配以(yǐ)及服務器、域名等資源調配。

二、網站制作

1、網站設計

設計師會根據前期溝通對網站整體布局結構進行設計，包括風格、配色、字體、圖标等。整個(gè)設計要(yào / yāo)包含網站的(de)所有功能，所有頁面。有的(de)公司把設計還分爲(wéi / wèi)産品設計、UI/UE設計。這(zhè)個(gè)階段需要(yào / yāo)用戶深入參與，以(yǐ)避免後期的(de)修改和(hé / huò)返工。設計師在(zài)這(zhè)一(yī / yì ／yí)階段還需要(yào / yāo)把設計的(de)頁面進行切圖等工作，以(yǐ)給前端進行前端開發用。

2、前端頁面制作

前端工程師根據網站的(de)整體設計利用HTML、js等前端技術把網站實現出(chū)來(lái)。同時(shí)需要(yào / yāo)進行兼容性測試，在(zài)ie、谷歌、火狐、360等不(bù)同品牌不(bù)同版本間進行測試，以(yǐ)保證網站在(zài)不(bù)同的(de)浏覽器之(zhī)間都能正常訪問，并能達到(dào)設計的(de)效果。

3、架構及環境搭建

涉及到(dào)後台開發的(de)網站需要(yào / yāo)搭建服務器、數據庫、ide、類庫等開發環境，有時(shí)候前端也(yě)需要(yào / yāo)。複雜的(de)系統還需要(yào / yāo)考慮分布式部署、負載均衡、數據庫分層等。

4、後端開發

後端開發主要(yào / yāo)實現網站的(de)交互、數據存取等。包括用戶的(de)登錄注冊、業務數據的(de)增加修改删除、用戶體系的(de)建立維護、後台管理等。後端是(shì)整個(gè)系統業務邏輯的(de)實現，需要(yào / yāo)和(hé / huò)前端工程師定義交互協議、接口等。也(yě)需要(yào / yāo)和(hé / huò)前端工程師進行聯調測試。

5、測試

測試分爲(wéi / wèi)單元測試和(hé / huò)整體測試。複雜的(de)系統需要(yào / yāo)寫測試用例，并伴随整個(gè)開發周期。另外除了(le／liǎo)進行功能測試外，還需要(yào / yāo)進行性能測試。比如測試網頁的(de)響應速度、并發量等。測試過程的(de)bug需要(yào / yāo)記錄提交，修改完後也(yě)需要(yào / yāo)複測确認。

6、發布運行

系統測試完bug修改後，在(zài)确保沒有bug後，系統可以(yǐ)發布運行。這(zhè)時(shí)候需要(yào / yāo)制定系統上(shàng)線、運維的(de)機制和(hé / huò)保障。比如後期bug修改後的(de)系統發布時(shí)間、數據備份周期等。

7、域名、服務器等的(de)申請

另外如果是(shì)互聯網系統還需要(yào / yāo)申請域名和(hé / huò)外網IP，服務器可以(yǐ)采用托管、雲等方式進行配置。

以(yǐ)上(shàng)就(jiù)是(shì)網站建設的(de)一(yī / yì ／yí)般流程，其實複雜網站系統在(zài)建設開發過程要(yào / yāo)複雜的(de)多，需要(yào / yāo)多個(gè)團隊協作完成。以(yǐ)上(shàng)蘇州網站建設隻是(shì)梳理一(yī / yì ／yí)般需要(yào / yāo)的(de)流程。大(dà)系統需要(yào / yāo)設計、前端制作、後端開發、測試、上(shàng)線等反複叠代發布。