前些日子在株洲待著，認(rèn)識了個(gè)開小店的朋友，說想搞個(gè)網(wǎng)站宣傳生意。我一聽，正好手頭閑著，就拍胸脯答應(yīng)幫忙了。

第一步：摸清需求

我先去找他聊天，坐在店里喝著茶。

• 問他網(wǎng)站用來干他說就放點(diǎn)產(chǎn)品照片和聯(lián)系方式
• 問了預(yù)算，他沒啥太多錢，我就琢磨搞個(gè)簡單的
• 翻了幾個(gè)株洲本地小網(wǎng)站的樣，找點(diǎn)靈感

聊完天回家，我就拿筆記本記下點(diǎn)子：別整太花哨，實(shí)用就行。

第二步：上手動手

第二天，我開始搗鼓設(shè)計(jì)。

用網(wǎng)上找的免費(fèi)工具，畫了個(gè)草圖，菜單放頂上，中間堆點(diǎn)商品圖。

接著打開編輯器寫代碼，

• 先搭了個(gè)首頁框架，弄了個(gè)標(biāo)題和導(dǎo)航欄
• 加了一堆圖片展示區(qū)，把他店里的貨品照片傳上去
• 整了個(gè)聯(lián)系方式表單，方便顧客留言

搞了一下午，累得腰酸。傍晚測試了一下，發(fā)現(xiàn)點(diǎn)菜單老卡殼，又調(diào)試了半天才順暢。

第三步：折騰后臺

想著讓他自己能更新，我就整了個(gè)簡單的后臺系統(tǒng)。

教他怎么登錄修改內(nèi)容，

• 讓他自己上傳新商品照
• 調(diào)了調(diào)表單數(shù)據(jù)管理，別讓垃圾信息蹦出來

操作時(shí)他手慢，我就一步一步教，差點(diǎn)教到半夜。

一步：上線收尾

搞定所有測試后，我找了個(gè)便宜的服務(wù)器。

把網(wǎng)站丟上去，檢查了一下鏈接。

發(fā)給朋友們看，大家都說看著挺清爽的。

做完這事兒，我想起去年幫另一個(gè)老鄉(xiāng)建站，那會兒剛辭職，手上沒錢，就靠這個(gè)賺點(diǎn)生活費(fèi)。有次服務(wù)器死機(jī)，急得我滿頭大汗修復(fù)，差點(diǎn)錯過家人聚會。不過現(xiàn)在回頭看看，這些小活計(jì)讓自己長了不少見識。