今天又搞一天的網(wǎng)站設(shè)計，累趴。不過看著自己一點點做出來的東西，心里還是蠻有成就感的。今天就跟大家分享一下我給長沙一個朋友做網(wǎng)站設(shè)計的全過程，也算是我自己的一個實踐記錄。

一、 需求溝通

朋友就跟我說，他想做一個展示他們公司產(chǎn)品的網(wǎng)站。 我就問他，你這個網(wǎng)站主要是想給誰看？ 有沒有具體想要的功能？ 比如說，要不要在線下單，或者是在線客服什么的？

朋友說，目前主要就是想展示產(chǎn)品，讓客戶解他們公司， 暫時不需要在線交易之類的復雜功能。 解這些，我心里大概就有數(shù)。

二、 網(wǎng)站內(nèi)容策劃

我就開始琢磨網(wǎng)站的內(nèi)容要怎么放。 朋友給我提供一些他們公司的資料，還有產(chǎn)品圖片什么的。 我就根據(jù)這些材料，想想網(wǎng)站大概要放哪些板塊。

• 公司介紹
• 產(chǎn)品中心
• 新聞動態(tài)
• 聯(lián)系我們

大概就這幾個板塊，我覺得對于一個初期的展示型網(wǎng)站來說，夠用。

三、 頁面設(shè)計

內(nèi)容確定，接下來就是重頭戲——頁面設(shè)計。 我先是在紙上畫畫草圖，把每個板塊大概放在什么位置，心里有個數(shù)。 這一步很重要，就像蓋房子打地基一樣。

然后，我就開始用起以前常用的軟件，把草圖上的想法，一步步變成電腦上的設(shè)計圖。 這個過程挺費時間的，要考慮顏色搭配，圖片大小，文字排版，等等等等。

我個人比較喜歡簡潔大方的風格，所以這回設(shè)計也主要是往這個方向靠。 顏色主要用藍色和白色，看起來比較清爽。

四、 前端開發(fā)

設(shè)計圖搞定，我就開始寫代碼。 先把網(wǎng)站的整體框架搭起來，然后再把每個頁面的內(nèi)容填進去。

這個過程，怎么說，有點像搭積木， 一點一點地把網(wǎng)站“搭”起來。

五、 修改和測試

網(wǎng)站初步做好，肯定要給朋友看看，讓他提提意見。 他看之后，覺得有些地方需要調(diào)整一下。 比如說，產(chǎn)品圖片的位置，文字的描述，等等。

我就根據(jù)他的意見，又修改一遍。 然后，我自己又在不同的瀏覽器上測試一下，看看有沒有什么兼容性問題。

六、 上線！

經(jīng)過幾番修改和測試，終于，網(wǎng)站可以上線！ 我把網(wǎng)站文件上傳到服務器，然后把域名解析 這樣，大家就可以通過域名訪問這個網(wǎng)站。

看著朋友的網(wǎng)站終于上線，心里還是挺開心的。 這也算是我自己一個小小的作品。 雖然過程有點累，但是結(jié)果還是挺滿意的。

好，今天的分享就到這里。 希望對大家有所幫助。 如果你也有做網(wǎng)站的需求，歡迎來找我交流！