今天正好有空，就跟大家嘮嘮前段時(shí)間給鄭州那邊一個(gè)朋友公司弄網(wǎng)站的事兒。

咋開始的

事情是這樣的，我一個(gè)在鄭州做生意的朋友，前陣子聯(lián)系我，說公司想正經(jīng)弄個(gè)網(wǎng)站。他們之前也有一個(gè)，但是太老，用著不方便，看著也掉價(jià)。現(xiàn)在業(yè)務(wù)稍微擴(kuò)展點(diǎn)，覺得沒個(gè)像樣的官方網(wǎng)站，跟客戶介紹都不硬氣。他知道我平時(shí)自己也搗鼓這些，就問我能不能幫他搞一個(gè)。

先捋清楚需求

接到這活兒，咱不能上來就干。我先是仔細(xì)問他那邊的情況。最重要的是搞明白他們要這網(wǎng)站干是就展示下公司形象、產(chǎn)品，留個(gè)聯(lián)系方式？還是要在線賣東西？或者有啥特殊功能？

聊半天，明白，他們要求不高，就是要個(gè)看起來專業(yè)、干凈的企業(yè)官網(wǎng)。主要目的就是：

• 展示公司是干啥的，實(shí)力咋樣（公司簡介、文化啥的）。
• 有哪些產(chǎn)品或者服務(wù)，簡單介紹下。
• 放點(diǎn)合作案例，讓人覺得靠譜。
• 最重要的，得有個(gè)地方能讓人家方便聯(lián)系到他們（地址、電話、郵箱）。

基本上就是個(gè)信息展示平臺，讓潛在客戶能快速解他們。定位清楚，心里就有譜。

準(zhǔn)備資料，這是個(gè)磨人的活兒

需求清楚，下一步就是準(zhǔn)備東西。這一步最關(guān)鍵，也最容易拖時(shí)間。網(wǎng)站做得再好看，沒內(nèi)容也是白搭。

我列個(gè)單子給朋友，讓他那邊準(zhǔn)備：

• 公司介紹：得有文字版，別就口頭說。公司的歷史，理念，規(guī)模，都得整明白。
• 產(chǎn)品或服務(wù)介紹：每個(gè)產(chǎn)品/服務(wù)都得有說明，最好配上圖片。圖片質(zhì)量不能太差，不然放上去很難看。
• 案例：合作過的項(xiàng)目，挑幾個(gè)有代表性的，寫清楚項(xiàng)目情況。
• 聯(lián)系方式：準(zhǔn)確的地址、電話、郵箱，要是有在線客服啥的，也得提供接口。
• 比如公司Logo源文件、宣傳冊電子版（要是有的話）、想在網(wǎng)站上體現(xiàn)的企業(yè)文化標(biāo)語等等。

還有個(gè)域名和服務(wù)器的事兒。域名他們之前那個(gè)老的還能用，這個(gè)省事兒。服務(wù)器得重新弄，找個(gè)速度和穩(wěn)定性都還行的，先用著。

收集這些資料的過程是最熬人的。來來回回溝通好幾次，有時(shí)候給過來的資料不全，有時(shí)候圖片尺寸不對，或者清晰度不夠。我就一直強(qiáng)調(diào)，這基礎(chǔ)打不后面蓋樓肯定歪。所以磨大概一個(gè)多星期，才把這些東西基本湊齊。

動(dòng)手搭建

資料到手，我就開始動(dòng)手。選個(gè)比較成熟的建站程序，主要是自己用著順手，維護(hù)起來也方便。找個(gè)簡潔大方的模板，根據(jù)他們公司的Logo和想要的風(fēng)格，調(diào)整下顏色和布局。

然后就是填充內(nèi)容。把之前收集到的公司介紹、產(chǎn)品信息、案例、聯(lián)系方式，一個(gè)蘿卜一個(gè)坑地放進(jìn)去。排版也得注意，不能密密麻麻一大片字，得有段落，有重點(diǎn)（比如用個(gè)加粗），看著舒服。

現(xiàn)在人都用手機(jī)上網(wǎng)多，所以移動(dòng)端的適配特別重要。邊做邊在手機(jī)上預(yù)覽，確保在小屏幕上也能看清楚，按鈕好點(diǎn)。

這個(gè)過程相對快一些，因?yàn)榍懊娴臏?zhǔn)備工作做得比較足。大概花兩三天時(shí)間，網(wǎng)站的雛形就出來。

測試和上線

網(wǎng)站搭得差不多，就發(fā)給朋友那邊看。讓他們內(nèi)部的人都點(diǎn)點(diǎn)看，找找茬，看看有沒有錯(cuò)別字，圖片顯示有沒有問題，鏈接能不能正常跳轉(zhuǎn)。

根據(jù)他們的反饋，又做些微調(diào)。比如有張產(chǎn)品圖放錯(cuò)，有個(gè)電話號碼少一位數(shù)之類的。這些小細(xì)節(jié)都改好后，確認(rèn)沒啥大問題。

一步，把網(wǎng)站正式部署到服務(wù)器上，域名解析過去。等幾個(gè)小時(shí)，生效，在瀏覽器里輸入他們的域名，新網(wǎng)站就能訪問。

收尾和總結(jié)

網(wǎng)站上線后，又觀察兩天，看看運(yùn)行穩(wěn)不穩(wěn)定，訪問速度怎么樣。順便教下他們那邊負(fù)責(zé)維護(hù)的人，怎么簡單地更新下新聞或者修改下聯(lián)系方式啥的。

給鄭州這家公司做這個(gè)網(wǎng)站，技術(shù)上沒啥特別難的。整個(gè)過程下來，我最大的體會(huì)就是，前期的溝通和資料準(zhǔn)備，真的能決定后面百分之八十的工作效率。 把需求搞透徹，把資料一次性準(zhǔn)備齊，后面搭建起來就順暢多。不然，邊做邊改，邊做邊等資料，那才叫一個(gè)折騰。

行，今天就先分享這么多，希望能給有類似需求的朋友一點(diǎn)參考。