最近在深圳折騰了個(gè)做網(wǎng)站的小公司，想著幫本地小商家搞個(gè)線上名片啥的，省得他們跑大公司花冤枉錢(qián)。整個(gè)過(guò)程嘛挺折騰的但總算搞定了，用的就是這7步法，今天跟大家嘮嘮我的實(shí)踐記錄。

第一步：跑客戶那兒摸清需求

我先在深圳南山轉(zhuǎn)了一圈，找了幾家小咖啡館老板聊天。他們抱怨線下生意不行了，我就問(wèn)，你們想要個(gè)啥網(wǎng)站？老王說(shuō)，得能展示菜單和地址；老張又添了句，得能訂位置。我拿本子記了半小時(shí)，跟他們敲定了個(gè)基本需求——簡(jiǎn)單、快、便宜。這步最關(guān)鍵，省得后面改來(lái)改去累死人。

第二步：瞎畫(huà)草圖搞設(shè)計(jì)

需求摸清了，我就蹲咖啡館桌上拿張紙瞎畫(huà)起來(lái)。菜單放左邊？不行，老王說(shuō)右邊更方便用戶看。配色？老張喜歡藍(lán)色，我說(shuō)太土，硬著頭皮試了淡綠，結(jié)果他還挺滿意。我用手機(jī)拍了草圖，用個(gè)免費(fèi)軟件把線框圖整了出來(lái)，反反復(fù)復(fù)改了三次才定稿，差點(diǎn)把紙都戳破了。

第三步：折騰前端代碼

設(shè)計(jì)完了，就開(kāi)始搗鼓網(wǎng)頁(yè)代碼。我找了個(gè)舊電腦，打開(kāi)編輯器一開(kāi)敲。首頁(yè)導(dǎo)航、菜單排版，一個(gè)晚上寫(xiě)了五六十行，結(jié)果瀏覽器一打開(kāi)，文字全堆一塊兒，像坨粑粑。第二天又返工，硬是照著草圖一行行調(diào)位置，花了兩整天，總算把首頁(yè)樣子整順眼了。

第四步：湊合后端功能

前端看著還行，后端得加訂位置功能。我直接套了個(gè)小工具，代碼寫(xiě)得跟狗爬似的，測(cè)試時(shí)候bug層出不窮：用戶填了信息，后臺(tái)死活不響應(yīng)。只好熬夜重寫(xiě)，邊改邊罵街，改成個(gè)基本表單能發(fā)郵件就行，簡(jiǎn)單粗暴但管用。

第五步：拼命測(cè)試找毛病

功能湊合完了，我找咖啡館老王來(lái)試了試。手機(jī)一打開(kāi)，發(fā)現(xiàn)菜單圖片加載半天不出來(lái)，老王急得直罵。我坐他旁邊狂點(diǎn)按鈕，換了三個(gè)設(shè)備測(cè)，找到八個(gè)小問(wèn)題：比如文字不齊、按鈕點(diǎn)了沒(méi)反應(yīng)?；艘幌挛绺?，老王說(shuō)還行，湊合能用了。

第六步：連滾帶爬上線

測(cè)試修好了，就趕緊上線。我選了個(gè)便宜主機(jī)，上傳文件時(shí)網(wǎng)絡(luò)卡成鬼，等了倆小時(shí)才傳完。設(shè)置域名，手一抖輸錯(cuò)地址，又折騰回去重弄。點(diǎn)發(fā)布那一刻，心提到嗓子眼兒——瀏覽器一刷，網(wǎng)站還真蹦出來(lái)了，哈哈松了口氣。

第七步：當(dāng)起客服搞維護(hù)

上線后沒(méi)消停，老王打來(lái)電話喊，有個(gè)圖片掛了。我趕緊開(kāi)電腦查，發(fā)現(xiàn)是上傳時(shí)漏了一行代碼。后來(lái)又加了個(gè)小博客功能，讓老張能更新優(yōu)惠信息。現(xiàn)在每周看看數(shù)據(jù)，簡(jiǎn)單處理些小毛病，像給自家孩子擦屁股。

這7步下來(lái)，花了我一個(gè)月，深圳天氣熱得我滿頭汗，但網(wǎng)站總算快速上線了。省心不少，就是累夠嗆——下次搞得更糙一點(diǎn)，直接上線再修得了。