今天我分享自己搞公司網(wǎng)站的全過程。

準(zhǔn)備工作

我看了看公司的情況，發(fā)現(xiàn)大家還靠微信朋友圈拉活兒，效率太低。于是我跳出來說："不行，得給公司整個正經(jīng)網(wǎng)站。"

我先在公司里挨個問同事，弄清楚需求是同事張三說："得展示產(chǎn)品照片。"李四嚷嚷："搞個客戶留言功能！"大家七嘴八舌，差點(diǎn)吵翻天。

我跑到電腦前開干。網(wǎng)上免費(fèi)工具一大堆，我試了三種：

• 工具A：界面亂套，點(diǎn)了半天沒反應(yīng)。
• 工具B：簡單上手，但選項(xiàng)太少。
• 工具C：能用，可文件上傳老報錯。

折騰半天，我選了工具B，因?yàn)樗铐樖?。然后，我想省錢，就用公司已有的素材庫摳些圖。

搭建過程

確定方向后，我馬上動手建框架。第一步是搭主頁布局，我拖了幾個按鈕和文本框，設(shè)置成藍(lán)色主題。結(jié)果預(yù)覽一看，界面歪歪扭扭，像堆垃圾。

我重新調(diào)整尺寸，試了十來次才擺正。接著添加產(chǎn)品區(qū)，上傳圖片時才發(fā)現(xiàn)素材不夠，我只好臨時找手機(jī)拍拍存貨。

做到留言功能時，問題來了：工具B的模板老是卡死。我硬著頭皮查論壇，發(fā)現(xiàn)缺個插件。于是我下載安裝，再重啟系統(tǒng)。搞定后，終于能正常響應(yīng)了。

測試上線

框架整完，我拉同事測試。張三點(diǎn)開頁面加載慢成龜速，我改壓縮圖片尺寸；李四試留言，輸入文字不顯示，我調(diào)代碼檢查bug。

反復(fù)修了三五遍，終于順溜了。我綁定公司域名，一鍵發(fā)布出去。

結(jié)果反思

網(wǎng)站上線后，客戶評價嘩嘩漲。但這事兒讓我明白，小工具對付簡單需求還行，再復(fù)雜點(diǎn)就得團(tuán)隊協(xié)作。單打獨(dú)斗太累，像那會兒卡住時，我真想把電腦摔了。

為啥這么折騰？今年年初，老板催業(yè)績，我沒法摸魚，只好硬扛從頭學(xué)?，F(xiàn)在想想，工具B雖省錢，可局限性大。下次再干這種活兒，一定拉個幫手分工搞。