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

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

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

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

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

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

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

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

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

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

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

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

就是測(cè)試、上線(xiàn)。

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

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