最近老板讓我搞個(gè)公司官網(wǎng)，說是要展示咱們的產(chǎn)品和服務(wù)。我一個(gè)搞技術(shù)的，哪懂這些花里胡哨的，頭都大。沒辦法，硬著頭皮上唄！

我尋思著自己從頭寫一個(gè)，但一想這工作量，瞬間就慫。于是我就開始在網(wǎng)上到處找模板，想找個(gè)合適的直接套用，省時(shí)省力。

你還別說，這網(wǎng)上的模板真不少，看得我眼花繚亂。什么“BootstrapMade”、“Coming Soon”之類的，名字都挺唬人。還有各種各樣的主題，什么“LED服務(wù)商展示”、“寵物美容院”、“在線影院”……五花八門的，感覺啥都有。

我先是看中一個(gè)叫“BootstrapMade”的網(wǎng)站，說是提供免費(fèi)和付費(fèi)的Bootstrap主題和模板。心想這Bootstrap我知道，挺流行的前端框架，用它做的網(wǎng)站應(yīng)該不會(huì)差。點(diǎn)進(jìn)去一看，模板確實(shí)挺多，但要么是要付費(fèi)，要么是感覺不太符合我們公司的風(fēng)格。

然后我又找到一些其他的模板網(wǎng)站，看到幾個(gè)還不錯(cuò)的：

• “LED服務(wù)商展示型官網(wǎng)模板”：這個(gè)看著挺專業(yè)的，但我們公司不是賣LED屏的，pass！
• “寵物美容院網(wǎng)站模板”：這個(gè)更不靠譜，我們是正經(jīng)科技公司，又不是給貓貓狗狗做美容的，pass！
• “APP應(yīng)用軟件開發(fā)公司通用html5靜態(tài)模板”這個(gè)不錯(cuò)，響應(yīng)式的，還有關(guān)于我們，服務(wù)項(xiàng)目什么的，挺適合的。
• “在線影院電影視頻播放平臺(tái)模板”：這個(gè)倒是挺炫酷，但我們不做視頻網(wǎng)站，pass！

挑來選去，我還是覺得有一套響應(yīng)式APP應(yīng)用軟件開發(fā)公司企業(yè)通用html5靜態(tài)模板看著最順眼。它默認(rèn)有首頁、關(guān)于我們、服務(wù)項(xiàng)目、圖片文件夾、鏈接項(xiàng)目、聯(lián)系我們等幾個(gè)頁面，基本上能滿足我們的需求。而且是靜態(tài)的HTML5模板，改起來也方便。

吭哧吭哧改模板

選好模板，接下來就是吭哧吭哧改模板。我把模板下載下來，用編輯器打開，對(duì)著設(shè)計(jì)稿一點(diǎn)點(diǎn)修改。把logo換成我們公司的，文字內(nèi)容也替換成我們自己的產(chǎn)品和服務(wù)介紹。

這活兒挺瑣碎的，但也沒啥技術(shù)含量。主要就是細(xì)心，別改錯(cuò)地方。遇到不太懂的地方，我就上網(wǎng)查查資料，或者問問公司的前端大佬。好在模板的代碼還算規(guī)范，改起來不算太費(fèi)勁。

部署上線，大功告成！

經(jīng)過幾天的努力，總算是把模板改得差不多。我把修改后的文件上傳到服務(wù)器，配置好域名，一個(gè)嶄新的公司官網(wǎng)就這么誕生！

看著自己親手搭建起來的網(wǎng)站，心里還是有點(diǎn)小成就感的。雖然過程有點(diǎn)曲折，但結(jié)果還算滿意。以后老板再讓我做類似的事情，我也算是有經(jīng)驗(yàn)，哈哈！

這回的經(jīng)歷也讓我明白一個(gè)道理：善用工具，事半功倍。如果一開始我就自己從頭寫，估計(jì)到現(xiàn)在還在吭哧吭哧敲代碼。選擇一個(gè)合適的模板，不僅節(jié)省時(shí)間，也保證網(wǎng)站的質(zhì)量。下次再遇到類似的問題，我還是會(huì)毫不猶豫地選擇套模板，嘿