今天這活兒折騰得夠嗆，分享下我自個(gè)兒建網(wǎng)站公司官網(wǎng)的全過(guò)程。早就該弄了，一直拖拖拉拉，今天早上喝了杯特濃咖啡，心一橫，直接開搞。

第一步：電腦開機(jī)，清桌面

先把我那亂糟糟的電腦桌面清理了一下，把堆成山的截圖、臨時(shí)文件都掃進(jìn)回收站。然后新建了一個(gè)文件夾，名字就叫“官網(wǎng)重搞”。心里想著這回不能半途而廢。

接下來(lái)得想清楚這官網(wǎng)到底要干嘛總不能光擺個(gè)名字上去。我拉出個(gè)記事本，啪啪敲了幾行重點(diǎn)：告訴別人我們是誰(shuí)（專門做網(wǎng)站的）、我們能干啥（設(shè)計(jì)、開發(fā)、優(yōu)化一條龍）、為啥選我們（靠譜、性價(jià)比高）、得讓人能找著我們（電話、地址放顯眼）。對(duì)，就這些，簡(jiǎn)單明了。

第二步：挑個(gè)順手的工具

工具庫(kù)翻一圈：WordPress？太重了，搞個(gè)官網(wǎng)像殺雞用牛刀。Dreamweaver？太久沒(méi)碰手生得很。翻到之前試用過(guò)的一個(gè)國(guó)內(nèi)建站工具（名字就不說(shuō)了，免得像打廣告），記得它比較輕快，主要搞單頁(yè)展示厲害點(diǎn)。行，就它了！登錄上去，選了最基礎(chǔ)的“公司官網(wǎng)”模板。

這模板，乍一看花里胡哨的，什么動(dòng)畫效果一大堆。我眉頭一皺，這不實(shí)用，訪客來(lái)了是看內(nèi)容的，又不是看動(dòng)畫片。立馬動(dòng)手“做減法”：嘩一通刪刪刪！導(dǎo)航欄只留了“首頁(yè)”、“服務(wù)”、“案例”、“關(guān)于”、“聯(lián)系”五個(gè)按鈕，堅(jiān)決不搞那些懸停下拉菜單的復(fù)雜玩意兒，點(diǎn)一下就能到地方最

第三步：拼內(nèi)容，找圖

最難熬的來(lái)了——寫內(nèi)容！對(duì)著空白編輯器，感覺(jué)大腦也一片空白。坐著發(fā)呆半小時(shí)，結(jié)果啥也沒(méi)憋出來(lái)。干脆先放一邊，去找圖。

公司Logo有現(xiàn)成的，直接傳上去放左上角頂然后就是服務(wù)項(xiàng)配圖，這個(gè)不能含糊：網(wǎng)頁(yè)設(shè)計(jì) 就找清爽的電腦瀏覽器界面圖；開發(fā)上線 用代碼編輯器截圖；優(yōu)化推廣 配個(gè)上升箭頭趨勢(shì)圖。直接在素材庫(kù)里搜關(guān)鍵字搞定。案例展示這塊兒，挑了三個(gè)做得最順眼的客戶網(wǎng)站，分別截了首頁(yè)大圖放上去，下面簡(jiǎn)單寫兩句話說(shuō)明做了什么。

圖片搞定，文字也總算有點(diǎn)思路了。服務(wù)頁(yè)就直白地列出我們能做的：

• 網(wǎng)站策劃設(shè)計(jì)（想點(diǎn)子，畫草圖）
• 網(wǎng)站前后端搭建（把圖紙變成能用的網(wǎng)站）
• 網(wǎng)站搬家/修BUG（老站出問(wèn)題？搬新家交給我們）
• 后期維護(hù)優(yōu)化（網(wǎng)站不是做好就扔那不管的）

關(guān)于頁(yè)面更是大實(shí)話：成立幾年，團(tuán)隊(duì)成員幾個(gè)，工作室地址在哪個(gè)城市哪棟樓，電話郵箱多少，全都清清楚楚標(biāo)出來(lái)。寫完一看，沒(méi)一句虛的，都是干活兒的實(shí)在話。

第四步：調(diào)樣式，上真機(jī)看效果

內(nèi)容塞進(jìn)去，樣子可丑了！字體大小不一，顏色也花里胡哨。趕緊進(jìn)后臺(tái)樣式設(shè)置：

• 主色調(diào)統(tǒng)一：Logo里提取一個(gè)深藍(lán)做主色，按鈕、標(biāo)題都用它。
• 字體統(tǒng)一：全站就用一種字體（選了個(gè)叫“思源黑體”的免費(fèi)字體），看著不亂。
• 間距統(tǒng)一：標(biāo)題跟段落之間、圖片跟文字之間，手動(dòng)調(diào)成差不多寬的空隙。

光在電腦上看不行，手機(jī)訪問(wèn)才是大頭！預(yù)覽模式切成手機(jī)視圖，好家伙，導(dǎo)航欄擠成一團(tuán)麻。趕緊拖拖拽拽，把菜單縮成漢堡圖標(biāo)（就是那三條杠），點(diǎn)開能正常彈出就行。圖片也都設(shè)置了自適應(yīng)寬度，手指劃拉不跑偏。

第五步：綁域名，正式上線

折騰到下午，看著像個(gè)正經(jīng)網(wǎng)站樣子了。一步——綁自家公司的域名。之前這域名都放著吃灰，跳轉(zhuǎn)到一個(gè)臨時(shí)頁(yè)面。在建站工具后臺(tái)找到綁定域名的設(shè)置框，把域名地址輸進(jìn)去。系統(tǒng)自動(dòng)跳出來(lái)讓改DNS解析設(shè)置。

這步可不能偷懶，老老實(shí)實(shí)打開域名管理后臺(tái)（當(dāng)初買域名的地方），找到DNS設(shè)置頁(yè)。按照建站工具給的解析記錄值，一條CNAME記錄，兩條A記錄，像抄作業(yè)一樣小心翼翼填進(jìn)去保存。等了大概十幾分鐘，解析狀態(tài)顯示成功了！回到建站工具后臺(tái)點(diǎn)發(fā)布，頁(yè)面一閃刷新。

打開瀏覽器，輸入公司域名，啪！新網(wǎng)站跳出來(lái)了。從早上搞到天黑，脖子都僵了，但看著成果，咖啡沒(méi)白灌！