最近手頭剛好忙完一個給岳陽那邊做的網站，就想著趁熱乎，把整個過程捋一捋，記錄下來。雖然不是啥特別復雜的東西，但好記性不如爛筆頭嘛也算是給自己做個備忘。

第一步：先搞清楚要干嘛

開始動工前，我先是跟岳陽那邊的朋友，也就是這回的“客戶”，好好聊聊。關鍵是弄明白，他們做這個網站，到底是為是為展示公司形象，還是想在網上賣點東西，或者是方便客戶聯系？不同的目的，網站做出來側重點肯定不一樣。

我們來來回回溝通好幾次，定下來，主要需求是：

• 展示一下他們的主營業務和服務。
• 放一些他們做過的案例或者產品圖片。
• 得有個“關于我們”的頁面，介紹下基本情況。
• 最重要的，留個聯系方式，方便人家找上門。

需求清楚，心里就有譜，知道網站大概要包含哪些板塊。

第二步：琢磨網站長啥樣

知道要放啥內容，接下來就得考慮網站的“門面”。我個人不太喜歡那種花里胡哨、搞得很炫的設計，覺得簡單、清楚、用著方便最重要。尤其是給岳陽本地的企業用，得讓人家訪問起來不費勁。

我就先在紙上大概畫畫草圖，首頁怎么布局，導航欄放哪里，內容區怎么劃分，頁腳放些啥信息等等。顏色搭配也考慮一下，選幾個比較穩重、舒服的顏色。主要是保證整體風格統一，看著專業點。

第三步：動手開始做網頁

設計思路有，就可以開干。這部分就是把想法變成實際網頁的過程。

我先是用最基礎的代碼，把網站的骨架搭起來，也就是先把各個頁面（首頁、關于我們、服務項目、聯系方式這些）的結構弄出來。這里沒用啥特別高級的技術，就是實打實地寫。

然后就是給這個骨架“穿衣服”，也就是調整樣式，讓它變得好看點。字體大小、顏色、圖片位置、按鈕樣式啥的，一點點調。這個過程比較花時間，得有點耐心。

特別注意的一點，就是要讓網站在手機上也能好好顯示。現在大部分人都用手機上網，所以這個很重要。我就邊做邊在瀏覽器和手機上切換著看效果，確保在不同大小的屏幕上都不會亂掉。

第四步：填充內容和測試

框架和樣式弄得差不多，就開始往里面填東西。文字介紹、圖片這些，都是之前跟朋友那邊要過來的。我就按照規劃好的板塊，把這些內容一個個放上去，排好版。

內容都放好，整個網站的雛形就出來。這時候最重要的就是測試。我自己先把所有頁面都點一遍，看看鏈接有沒有錯，圖片能不能正常顯示，功能按鈕是不是都好用。然后在不同的瀏覽器上都打開試試，比如常用的Chrome、火狐，看看有沒有兼容問題。手機上的測試也不能少。

自己測完覺得沒啥大問題，就發給岳陽的朋友看看，讓他們也從用戶的角度體驗一下，提提意見。

第五步：上線發布

朋友那邊也確認OK，一步就是把做好的網站發布出去，讓大家都能訪問到。

這需要準備兩樣東西：一個是放網站文件的空間（叫虛擬主機或者服務器），另一個是網站的地址（也就是域名）。這些都提前準備好。

然后我就把本地做好的所有網站文件，通過工具上傳到那個空間里去。上傳完，再設置一下，把域名指向這個空間。等一會兒，在瀏覽器輸入那個網站地址，能正常打開看到網站內容，就說明上線成功。

整個流程大概就是這樣。從溝通需求，到設計構思，再到動手制作、測試，成功上線。雖然中間也碰到一些小細節需要反復調整，但一步步走下來，看到最終的成品，還是挺有成就感的。這回給岳陽朋友做網站的實踐，也算是又積累點經驗。