Web Design

筆者日積月累了許多精彩、實用的網頁設計，這些特效幾乎都是比較常用的網頁特效。現在我就把這些經過整理和修改過的特效分三個級別分別介紹給大家。

網頁設計中需要把握好很多原則和細節，今天我們來談談網頁設計中的平衡、對比、連貫和留白。　　

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

 在製作網頁時我們經常需要一些細的分隔線。我們通常的作法是用單元格填充背景來實現，這在一些時候當然是不錯的做法，但這樣做顯然不夠靈活：比如對長度的控制不靈活、對位置的變換控制不靈活等。另一方面，正是因為這些單元格的存在，有時會把表格變得很複雜，從而難以維護。還有一種HTML自帶的分隔線就是＜HR＞，但它要佔據一行的位置，在一些細緻的佈局上會很麻煩，而且它只是橫向的，而非縱向的。

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

自從第一個網站在上個世紀 90 年代初誕生以來，設計師們嘗試了各種網頁的視覺效果。早期的網頁完全由文本構成，除了一些小圖片和毫無佈局可言的標題與段落。時代在不斷進步，接下來出現了表格佈局，然後是 Flash，最後是基於 CSS 的網頁設計。　　

　　本文涵蓋了不同時期網頁設計的歷史，並以W3C、Yahoo、Altavista等網站不同時期的頁面設計為例做了回顧和比較。

一、想

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

Google：

　　Google的運氣不錯按鈕，據Google一VP講它很重要，可以增加Google搜索機器的一點“人”情味兒。

一、保持網頁的樸素

    一個好的網站最重要的一點就是介面的簡單、樸素。你聽說過“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等)對網站的欄目、內容以及模板進行管理和維護的系統，為用戶提供了一個低成本、高效率、實時協作的網站建設整體解決方案。

網路版權問題一直困擾著很多站長，個人網站最常遇到的就是自己的內容被轉載，更有一些網站轉載的時候不僅不保留連結，還要將文章中包含網站的資訊都刪除。面對這種情況，我們可以採用為網站增加標記的方法來保護網站的內容。如增加網站的標誌、域名等資訊到圖片或文本中，這樣就算其他網站轉載了內容，也起到了間接宣傳自己網站的效果。

　　自動添加“小尾巴”版權資訊

本文中我們用Fireworks軟件對一現成的圖標圖像做一些细節刻畫，讓圖標更加精致漂亮！

　　使用Fireworks進行設計主要要留意兩點 ：

在互聯網越來越深入到生活中每一個角落的年代，網頁的表現形式就如同以前書本上的文字，傳達著的是網絡語言，每一條線、每一個色塊、每一種版式、每一種組合都傳遞給閱讀者一種感覺。實際上網頁的表現形式已是互聯網至關重要的元素，這些工作都是由來做的，網頁設計是一種創造性、有成就感的工作，更是不可或缺的職業。 　
做網頁設計師，有創造的快樂，也有很多無奈。如果做的是公司內部網站的設計，或是維護自己公司的網站，定期的改版，圖片FLASH的增加等工作，那還好，自己內部嘛，通常溝通的清楚，自己的創意可以得到更多的尊重。如果是給客戶做網站，即使是理解客戶的所謂需求，作出來的東西常被客戶指指點點，有任人宰割的感覺，但這沒辦法，出錢的都是爺，客戶是上帝，客戶永遠是對的。不必要在心裡品評客戶的品味，大千世界，人各有所好。要緊的是耐心地與客戶溝通，儘管有時客戶也說不清到底想要的是什麼，更有甚者，需求也老是在變，直至最後的境況通常是你怎麼說我就怎麼做了，唉，這也是作為網頁設計師的無言的結局。

怎樣才算是網頁設計師？是不是學幾天Photoshop，再學幾天的Dreamweaver，就可以成為網頁設計師了？有人說，天下網站一大抄，會抄了，也可以做網頁設計師了。從網上的招聘廣告來看，有的寫著要求網頁設計師是美院畢業，有的要求是計算機專業，有的要求熟練操作圖形軟件，有的要求會編程。這就導致網頁設計師的多元化，甚至從設計、製作到後台編程都是一手包辦。對網頁設計師的定義不明確，也就導致被稱為"網頁設計師"的人的水平良莠不全，所以設計師的工資水平也是參差的。有的年薪十萬，有的月薪幾百。成本的不同，也就使網頁設計的價格很難形成標準。而且,網賺視頻，從事網頁設計的人，有專職的，也有業餘的，其中有不少是在校生。有些業餘的人，只圖在幫助客戶建站的過程中學習，或者賺到一點小錢就滿足了。於是，這個市場亂糟糟，沒有人出來管理，也沒有人能管理。

　　這裡要提及一下"設計價值觀"。先來說個小故事。中國有個企業，生產設備壞了，導致停產，請了不少專家，都無濟於事。無奈，只好花重金請來國外專家，那專家只簡單的瞧了一會，然後用粉筆在機器上畫了一條線，說問題在這裡，三言兩下就使設備運轉起來。廠方不服："你只畫了一條線，不該拿這幾十萬報酬。"國外專家說："我為了能畫這條線，我已經研究了幾十年，知識的價值是用時間來恆量的嗎？難道你們希望我花幾個月時間修好它，才能拿這報酬？"網頁設計的價值，同樣也不可以用時間去恆量。有些設計高手，在接網頁設計項目的時候，總是想著，這項目花不了多長時間，所以價錢再低些也沒有關係。這完全是一種自我貶值的想法。名家畫畫，通常也是用時幾天甚至是幾分鐘就一氣呵成，但該畫卻是價值不菲，因為裡面的價值包含著畫家數十年的功力。所以網頁設計的價格不應該以簡單的勞動力來恆量。網頁設計師們只有認真分析網頁設計作品的真正價值，才有可能達成行業規範