今天跟你們聊聊我最近搞的這個(gè)宿州網(wǎng)站建設(shè)的事兒。真是折騰好一陣子，不過總算有點(diǎn)眉目，趕緊記錄一下，省得以后忘。

我是想給宿州那邊一個(gè)朋友的公司整個(gè)網(wǎng)站。他搞的是建筑材料，叫啥鵬泰建筑，具體我也不太記得清。他就想弄個(gè)網(wǎng)站展示展示產(chǎn)品，聯(lián)系方式啥的。我就尋思著，這事兒我之前也幫別人弄過，應(yīng)該不難。

第一步，肯定得先解需求嘛

我就跟他詳細(xì)聊聊，問他想要個(gè)啥樣的網(wǎng)站，要展示哪些內(nèi)容，有沒有啥特殊的功能要求。他說，主要就是展示產(chǎn)品、公司介紹、聯(lián)系方式這些，簡單大氣就行。我一聽，這好辦，基本的需求都清楚。

然后，我就開始琢磨用啥技術(shù)。

之前用過一些建站工具，但感覺不太靈活，定制性差點(diǎn)。后來朋友推薦我自己搭，說更自由。我想想，也行，就當(dāng)練手。我選個(gè)比較簡單的框架，網(wǎng)上教程也多，上手應(yīng)該快。

就是找資料，搭環(huán)境。

• 找一堆教程，從服務(wù)器配置到前端頁面，一點(diǎn)點(diǎn)學(xué)。
• 遇到不懂的就搜，各種論壇、博客逛個(gè)遍。
• 還加幾個(gè)技術(shù)群，跟里面的大佬們請教問題。

環(huán)境搭好后，我就開始設(shè)計(jì)頁面。

先在紙上畫個(gè)草圖，把大概的布局、模塊都規(guī)劃一下。然后照著草圖，一點(diǎn)點(diǎn)把頁面搭起來。這期間，真是改又改，調(diào)又調(diào)，顏色、字體、布局，各種細(xì)節(jié)都要考慮。朋友也提些意見，我都盡量滿足。

頁面弄得差不多，就開始填充內(nèi)容。

朋友把他們公司的產(chǎn)品圖片、介紹文字都發(fā)給我。我把這些內(nèi)容整理一下，放到網(wǎng)站上對(duì)應(yīng)的位置。這期間，還遇到一些圖片顯示不全、文字排版不好看的問題，又花不少時(shí)間調(diào)整。

就是測試、上線。

我把網(wǎng)站放到測試服務(wù)器上，自己先體驗(yàn)一遍，看看有沒有啥bug。又讓朋友和他的同事們都試用一下，收集一些反饋意見，又做一些修改。

折騰好久，總算把網(wǎng)站搞定。雖然過程挺累的，但看到最終的效果，還是挺有成就感的。也算是積累一些經(jīng)驗(yàn)，下次再做類似的網(wǎng)站，應(yīng)該會(huì)更順手一些。這回幫朋友搞定宿州網(wǎng)站建設(shè)，下次有其他地區(qū)的，我也能上手試試！