網站設計教程

網站設計是許多人的夢想，畢竟現在人都想著在網上給自己安一個家，這樣就能被更多的人看見自己的個性。

操作方法

（01）網頁設計第一步是做整體框架規劃，比如網站需要哪些專案，需要做一個整體的目錄。類似下方圖片。這一部分是最重要的，因為無框架不網站。

（02）然後是開始網頁設計了，首先是網頁的logo和頭部。這一部分的難點就在於你的logo要怎麼排布，按照網頁視覺設計的標準，是要做一條標準參考線的。所以logo的位置非常重要。

（03）接下來是我們的導航欄，我這裡做的是最簡單的，只是做展示。你要設計的是導航欄各專案的位置，按鈕形狀等。如果有搜尋，也需要考慮在其中。

（04）第三部是設計網站的banner，也就是所謂的視覺區。視覺區一般是要圖片，因為圖片可以讓使用者開啟網站第一眼就瞭解你網站的定位，從而決定要不要繼續瀏覽。你要設計的是banner的尺寸，如果要做幻燈片的話，會如何變化。

（05）接下來設計的是內容區，根據不同的內容設定不同的展現方式。例如簡介的話可以是一張圖片+一段文字，如果是產品介紹的話，可以是多張圖片+簡介。具體案例可以在網路上看別人設計的頁面作為參考。

（06）做好了主內容區，就剩下footer部分設計了。footer一般關係到網站的優化。footer部分包括的內容就根據不同的網頁進行設計，例如展現你公司位置的地圖，你想要體現的網站，甚至友鏈部分，都在這裡。

（07）最後是內鏈的形成。就是如果點選了你的某篇文章，會出現怎樣的展現形式。所以一般一個網頁設計是需要多個頁面構成的。頭部和底部保持不變，中間部分由ajax控制變化（這一點設計不需要懂）

（08）當然，單純靜態頁面很不好看。所以產品可能會要求做一些效果，例如懸浮窗，滑鼠放上去後會實現動畫效果等。對應的內容也需要網頁設計進行製作。

特別提示

儘量不要用特殊字型，因為字型要做網站通常需要商業許可權