上個(gè)禮拜，我一個(gè)哥們兒在上海開(kāi)了家小公司，急急忙忙打電話來(lái)問(wèn)：建網(wǎng)站到底咋整？非得要我?guī)兔ΑＮ蚁胫皳v鼓過(guò)幾家公司的網(wǎng)頁(yè)，就一拍大腿答應(yīng)了。沒(méi)那么玄乎，跟著我弄這5步走，輕松搞定。

第一步：先問(wèn)問(wèn)自己到底要干啥

我直接殺到他們公司辦公室，找了個(gè)空檔，拉著老板坐下就問(wèn)：你網(wǎng)站想干啥的？是賣(mài)貨還是宣傳公司？哥們兒一開(kāi)始就懵懵懂懂地說(shuō)，就想讓人知道咱家在哪兒和服務(wù)項(xiàng)目。我一聽(tīng)，這不糊弄嘛就拿出筆記本，寫(xiě)了個(gè)簡(jiǎn)單清單：網(wǎng)站首頁(yè)放聯(lián)系電話擱哪兒？服務(wù)內(nèi)容咋描述？還約了幾個(gè)員工聊了聊他們的想法。折騰了大半天，總算敲定核心目標(biāo)：就是個(gè)門(mén)面網(wǎng)站，展示地址和業(yè)務(wù)，讓客戶一看就懂。

第二步：胡亂畫(huà)畫(huà)設(shè)計(jì)圖

需求一清楚，我就開(kāi)干畫(huà)圖了。先翻了翻那些免費(fèi)模板網(wǎng)站，找了個(gè)差不多的風(fēng)格，然后手繪個(gè)草圖。說(shuō)畫(huà)圖，就是亂涂亂抹：首頁(yè)放公司大圖、中間堆服務(wù)、底下留聯(lián)系方式。我用手機(jī)拍下來(lái)發(fā)給老板看，他還吐槽太土了，我就加點(diǎn)顏色和分區(qū)，又挪挪位置。用在線工具大概弄了布局樣式，確保手機(jī)上看也不亂。搞到半夜，總算有個(gè)草樣兒，大家點(diǎn)頭同意了。

• 畫(huà)草稿時(shí)，我蹲在地板上比劃來(lái)比劃去，還撕了幾張紙。
• 改設(shè)計(jì)挺煩的，顏色換了好幾次，從藍(lán)藍(lán)綠綠到灰灰白白的。

第三步：挑個(gè)簡(jiǎn)單工具上手

設(shè)計(jì)圖有了，接下來(lái)得選建站的法子。老板心疼錢(qián)，說(shuō)別整太貴的。我就推薦用那些傻瓜式工具，點(diǎn)幾下就成。比較了幾個(gè)常見(jiàn)的，找了個(gè)操作方便的，里面一堆模板可選。注冊(cè)賬號(hào)，輸入公司名，選了個(gè)看著順眼的模板。拖拽組件填內(nèi)容：貼幾張公司照片、寫(xiě)幾句介紹、把聯(lián)系方式塞進(jìn)去。步驟很簡(jiǎn)單，半小時(shí)就搞了個(gè)基礎(chǔ)版，老板在旁邊看，說(shuō)這個(gè)快得像點(diǎn)外賣(mài)。

第四步：往里填東西和測(cè)試

框架搭就該往里塞真實(shí)玩意兒了。我打開(kāi)工具后臺(tái)，上傳照片：公司門(mén)面、團(tuán)隊(duì)合影，文字就照需求描述填進(jìn)去。老板挺龜毛的，非讓我加些客戶評(píng)價(jià)，我就現(xiàn)編了幾句湊數(shù)。填完再點(diǎn)開(kāi)預(yù)覽，發(fā)現(xiàn)鏈接跳轉(zhuǎn)不動(dòng)，就蹲在那兒反復(fù)測(cè)試：點(diǎn)一下按鈕、刷新頁(yè)面、用手機(jī)看看。測(cè)試幾次，毛病一堆：聯(lián)系方式格式錯(cuò)了、頁(yè)面加載慢吞吞。又回頭修修補(bǔ)補(bǔ)，總算流暢了。

測(cè)試時(shí)手忙腳亂，老板還插嘴指指點(diǎn)點(diǎn)，弄得我口干舌燥的。

第五步：正式發(fā)布和搞后續(xù)

東西整利索了，一步按按鈕上線。我點(diǎn)確認(rèn)發(fā)布，網(wǎng)站立馬就live了。老板樂(lè)得跳腳，但我不放心，過(guò)幾天抽查一下效果。用手機(jī)掃掃二維碼，看看訪問(wèn)量，結(jié)果發(fā)現(xiàn)頁(yè)面打開(kāi)快，客戶聯(lián)系還多了幾個(gè)。這下舒坦了，我又遠(yuǎn)程教他怎么后臺(tái)更新內(nèi)容，沒(méi)事加加新動(dòng)態(tài)?，F(xiàn)在回訪下，運(yùn)行挺穩(wěn)的，也沒(méi)啥大事。

弄完這趟，我就感慨：上海企業(yè)建網(wǎng)站，真別想得太復(fù)雜。走完需求、畫(huà)圖、工具、填內(nèi)容、測(cè)試上線這5步，省時(shí)省力。哥們兒現(xiàn)在逢人就吹牛皮，說(shuō)網(wǎng)站是輕松搞定的。我嘛下次再幫別家建，肯定還按這法子走，反正能躺就不坐。