Web Design

在設計Web頁面的佈局時，最常用的方法之一是用HTML表格界定頁面的結構。例如，假設Web頁面由頂端的導航條和它下面的兩欄（列）構成 左邊的列是一個導航條，右邊的列是實際安置內容的區域。對於這樣一個頁面，我們可以用一個兩行、兩列的大表格進行佈局：在第一行中，合併兩個列然後放上頂端導航表格；在第二個行中，左邊的列放上一個顯示導航按鈕的表格，右邊的列再用一個表格顯示頁面的實際內容。用這種表格嵌套表格的方法進行設計可以得到非常好的效果。

如果您剛剛開始接觸網頁設計，是不是經常發生這樣的問題呢？做好的網頁在自己機器上可以正常瀏覽，而把頁面傳到伺服器上就總是出現看不到圖片，css樣式表失效等錯誤。這種情況下多半是由於你使用了錯誤的路徑，在應該使用相對路徑的地方使用了絕對路徑，導致瀏覽器無法在指定的位置打開指定的文件。

一、想

　　設計師首先必須善於思考，對設計主張自己的想法和理解，這是最重要的。別擔心你的想法有多“爛”，沒有人能一下子做好的，但你完全可以做好你的習慣和態度。學會大膽地摸索和嘗試自己的想法，懂得借鑒，追求屬於自己的創意。但是如果在設計時不動腦筋地套模板，套素材，甚至是盲目模仿和抄襲，那簡直是在摧殘你的創造力，滋養你的惰性，這樣永遠無法進步，而且以後想進步也非常困難。

一、保持網頁的樸素

    一個好的網站最重要的一點就是介面的簡單、樸素。你聽說過“KISS”法則嗎？“Keep It Simple Silly.”適用於所有的站點。

據統計，從2003年以來，網頁設計的平均體積已經增長了三倍。從2003年到2008年，網頁設計的平均體積從93.7K增至312K，增幅233%。同時，在這5年之內，網頁中的平均對象數量翻番，從25.7個增長到49.9個。結合更早的數據，從1995年以來，網頁設計平均尺寸已增長22倍，而網頁設計中平均對象數量也增長了21.7倍。

由於“可視化”和操作簡便，在DreamWeaver中編寫CSS的朋友很多，今天我們介紹一些在Dreamweaver中編寫CSS的“最佳習慣”，希望對大家有所幫助。

　　CSS正在改變網站設計的進程。為迎合不斷增長的傾向於CSS的設計人員的需求，Macromedia DW MX引進了一些新的及改善過的CSS相關的特性。有了這些新的特性，你可以為未來的更新作好計劃，開發與W3C標準更加兼容的站點。本文討論在DW MX中使用CSS以及突出某一特定CSS特性時的一些建議。

什麼是網站地圖?

　　設計網站地圖是指列舉了網站結構、欄目和內容等資訊的網頁，它除了起到引導網站內容的作用，幫助用戶快速地找到相應的欄目外同時可以方便搜索引擎蜘蛛對網站頁面的抓取，對於搜索引擎優化來說非常重要。

在網頁中對網頁設計元素的大小修飾除了數值大小外，還有就是度量單位的選擇了。不同的度量單位會有哪些不同的效果呢？首先我們了解下網頁設計中的各類單位及說明。

像素（px）

　網頁設計中的臟、亂、差，是我們在設計過程中常會遇到的問題。通常"臟"是由對色彩使用不當所產生的，而色彩使用不當產生的不好效果也分為："花、灰"，花哨、灰頭土臉也就是這裡所說的"臟"。而"差" 基本上是由於我們的技法上不夠嫻熟所產生的。比如細節上的處理不到位，某個局部的效果製作得粗糙。這可以稱之為"差"，特別是在處理帶有2D效果的設計作品時，這種情況常會出現。但是我今天在本文中所要談的是"亂"。

按照以往的方式，建網站之前需要先學HTML，再學ASP，然後學數據庫……真的學完這些“黃花菜都涼了”。其實，使用現成的工具，沒有任何技術功底也能快速建各種類型的網站。如今很多站長開始使用CMS(Content Management System內容管理系統)來製作網站，這樣一來即使不懂HTML語言，不會複雜的技術也可以輕鬆建立網站。目前網路上的CMS系統種類繁多，我們特別挑選一款簡單易用的程式供讀者選用。使用該程式可以快速建立一個中小型的新聞資訊類站點，即使是新手，也可以在數小時內將網站搭建起來。

　　小提示：網站內容管理系統是一種運用伺服器端腳本語言(比如:ASP、PHP、JSP等)對網站的欄目、內容以及模板進行管理和維護的系統，為用戶提供了一個低成本、高效率、實時協作的網站建設整體解決方案。