開搞網(wǎng)站的背景

我就接到一個臺州朋友的電話，他說想給自己開了個小飯館搞個網(wǎng)站。我問清楚后，才明白是要宣傳店鋪，讓更多人知道他家的臺州海鮮。我就答應(yīng)幫忙，反正我以前玩過幾次建站，覺得這事兒不難。

步驟1：先整明白了網(wǎng)站目標(biāo)是啥

我趕緊和朋友碰面，在一家臺州的小茶館聊。朋友絮絮叨叨地說：“就想讓顧客點外賣、看菜單?！蔽揖陀檬謾C記下來，簡單寫下：菜單展示、下單功能、老板聯(lián)系方式。完了，我還順便問了個臺州本地開廠的朋友，看看本地人喜歡啥風(fēng)格。他們都說喜歡簡單大方、帶點海港味道。這事兒搞定，我就回家翻出筆記本開始畫草圖。

• 動作一：用紙筆寫目標(biāo)，朋友在旁邊嘮叨。
• 動作二：跑臺州市場轉(zhuǎn)一圈，拍海鮮照片當(dāng)素材。

步驟2：找個工具鼓搗設(shè)計

搞完目標(biāo)，我琢磨著找現(xiàn)成的建站工具。我對比了幾個常用的APP，選了最傻瓜式的一個，免得朋友以后問我太多。安裝好軟件，我就開始拖拽組件：主頁放個大圖（就是拍的那些海鮮），菜單頁做成表格格式。設(shè)計這部分折騰了我整整一下午，因為我笨手笨腳，總點錯按鈕。朋友還在微信上催：“快沒得，店門都快關(guān)了。”我就趕工，加了個藍(lán)色背景代表臺州海，字體調(diào)成簡單黑色。

• 動作三：下載APP開賬號，選模板套用。
• 動作四：傳朋友拍的照片，調(diào)整顏色布局。

步驟3：塞內(nèi)容進去

設(shè)計弄好了，我就開始往網(wǎng)站里灌內(nèi)容。我打電話讓朋友發(fā)菜單文字和價格。他那菜單寫得亂糟糟的，我就一個字一個字敲進去。添加“關(guān)于我們”時，寫了一段臺州本地故事：老板祖輩捕魚什么的。完事，我還加了按鈕功能，讓客人點外賣直接跳轉(zhuǎn)。這過程超枯燥，我中途去吃了臺州特色米線提神。

• 動作五：輸入菜品文字和聯(lián)系方式。
• 動作六：設(shè)置跳轉(zhuǎn)鏈接到朋友微信號。

步驟4：亂點亂測看效果

內(nèi)容塞滿了，我覺得得試試網(wǎng)站會不會出錯。就用手機打開頁面，瞎點一通：菜單點進去看價格變沒變，下單按鈕點了能否跳轉(zhuǎn)。結(jié)果發(fā)現(xiàn)幾個地方卡了，菜單頁加載賊慢。我就翻回設(shè)計工具，調(diào)整圖片大小，壓縮了半天才順溜。還拉了朋友測試，他笨笨地在手機上一戳戳老點錯，我就幫他改簡化了按鈕位置。這步反反復(fù)復(fù)，累得我喝了兩罐可樂。

• 動作七：模擬點外賣測試功能。
• 動作八：優(yōu)化速度修復(fù)bug。

步驟5：推上線再盯維護

網(wǎng)站測順了，我就點發(fā)布按鈕，沒十分鐘它就上線了。朋友樂顛顛的分享到朋友圈。我也跟著觀察幾天，看訪問量咋樣。結(jié)果發(fā)現(xiàn)有人在網(wǎng)站留言抱怨送餐慢，我就趕緊加了個實時更新功能。后續(xù)我讓朋友自己管理內(nèi)容，他學(xué)得快，現(xiàn)在店里忙起來也懶得更。總之這事兒輕松搞定，網(wǎng)站就掛了在那，效果還挺

搞完這通折騰，我突然想起去年在臺州幫另一個賣特產(chǎn)的朋友建站。那次更簡單，但對方太摳門，非要討價還價。我直接說：“愛做不做。”也沒收費，就當(dāng)幫忙。這行干多了，覺得就是個動手活，不用多想。