網頁藝術設計（簡體書）

《高等職業藝術教育系列教材:網頁藝術設計》主要作為高等學校藝術類專業的教材，也可作為網頁設計愛好者的自學用書；此外，對于專業網頁設計師也具有一定的參考價值。

01第一章網頁設計概述
01 第一節 網頁設計中的基本概念
01 一、網頁、網站和網絡
01 二、網址、IP地址和域名
02三、瀏覽器、服務器和客戶端
04第二節 網絡和網頁的歷史與發展
04一、互聯網的發展歷程
06二、互聯網未來的發展趨勢
06三、網頁的發展歷史
08四、網頁的發展趨勢
11 第三節網絡和網頁的功能性分類
11一、資訊門戶類網站
12二、企業品牌宣傳類網站
12三、交易類網站
13四、社區網站
13五、辦公及政府機構網站
13六、互動游戲網站
14七、有償資訊類網站
14八、功能性網站
14九、綜合類網站
15第二章網站的設計流程
15第一節前期工作
15一、明確用戶需求
15二、制定網站的策劃方案
15三、資料收集與編輯
15第二節設計編排
1 8一、認識網站界面
18二、網頁設計的構成要素
19三、網頁的版式設計
19四、網頁的色彩設計
20五、網頁設計中非圖形的內容
20第三節上傳維護
20一、建立網站需要的條件
21 二、上傳文件的方法
21三、更新與維護
23第三章網頁的藝術設計
23第一節網頁設計的特點
23一、交互性與持續性
24二、多維性
25三、多種媒體的綜合性
26四、版式的不可控性
28五、技術與藝術結合的緊密性
29第二節網頁藝術設計的原則
29一、版面留白量的重要性
29二、追求視覺元素的平衡
30三、網頁設計的一致性
31 四、使用設計參考網格線
32五、視覺焦點的安排
32第三節 網頁設計的技術標準及規范命名
32一、網頁設計標準尺寸
32二、標準網頁廣告尺寸規格
33三、網頁中的廣告尺寸
34第四章 網頁藝術設計的元素
34第一節文字
34一、字體的使用
36二、字體的大小
36三、文字對齊編排的基本方式
39四、網頁文字設計方法
40第二節圖像
40一、圖像文件格式
41二、圖像的設計方法
43第三節色彩
44一、色彩原理
46二、色彩功能
49三、色彩的共感覺
51 四、網站整體的色彩規劃
52第四節動畫及音頻媒體
52一、網頁動畫的分類
53二、網頁音頻的分類
54第五節交互式視覺元素
55一、按鈕
55二、導航條
55三、流媒體
55四、視頻
56第六節編排
58一、網頁編排設計的基本原則
61 二、網頁編排設計的表現手法
69三、網頁編排設計的效果評估
70第五章 網頁設計藝術風格與欣賞
70第一節影像風格
74第二節數字風格
78第三節插圖風格
81 第四節綜合及其他風格

第一張網頁
1991年8月，TimBerners—Lee發布了第一個簡單的，基于文本，包含幾個鏈接的網站。原始網頁的副本現在仍然在線。它有十幾個鏈接，試圖告訴人們什么是互聯網。隨后的網頁都比較相似，完全基于文本、單欄設計，有一些鏈接等等。最初版本的HTML只有最基本的內容結構：標題和鏈接。隨后新版本的HTML開始允許在頁面上添加圖片，然后開始支持制作表格。
W3C出現
1994年，互聯網聯盟（W3C）成立，他們將HTML確立為網頁的標準標記語言。這一舉動阻斷了任何獨立公司想要開發專利的瀏覽器和相應的程序語言的野心，因為這會對網絡的完整性產生不利的影響。W3C一直致力于確立與維護網頁編程語言的標準（例如JavaScript）。
基于表格的設計
表格布局使網頁設計師制作網站時有了更多選擇。在HTML中表格標簽的本意是為了顯示表格化的數據，但是設計師很快意識到可以利用表格來構造他們設計的網頁，這樣就可以制作較以往作品更加復雜的、多欄目的網頁。表格布局就這樣流行了起來，融合了背景圖片切片技術，常給人以看起來較實際布局簡潔得多的結構。
結構設計
這個時期的網頁設計還不太關注語義化和可用性方面的問題，主要還在追求良好的結構美學。同一時期也是大量應用GIF占位圖片控制留白的時期。一些主流的公司甚至訓練設計師如何使用GIF占位，如微軟的關于HTML表格中的GIF占位。第一批主要應用表格布局的網頁設計軟件的發展助長了表格的應用。另外，某些軟件自動生成的表格如此復雜以至于許多設計師不可能從頭手寫代碼（例如每行只有lpx高卻包含了幾百列的表格）。即使是稍微復雜一點兒的網頁（比如多欄目頁面），設計師們都要依賴于表格來創建。
基于Flash的網頁設計
Flash（最初被稱為FuturesplashAnimator，然后是MacromediaFlash，現在叫做AdobeFlash）開發于1996年。起初只有非常基本的工具與時間線，最終發展成能夠開發整套網站的強大工具。Flash提供了大量的遠遠超過HTML所能夠實現的視覺表現效果。要實現復雜的設計，人們往往需要制作大量瘋狂的表格結構或依靠圖像占位符，而Flash使得創建復雜的、互動性強并且擁有動畫元素的網站成為可能。
MacromediaShockwave
在Flash之前，有MacromediaShockwave（之后是AdobeShockwave）。 Shockwave用于為CD—ROM制作目錄和多媒體內容，Shockwave文件體積龐大，考慮到當時的網絡連接以撥號上網為主，應用Shockwave還是不夠明智的。與之相比，Flash影片體積小巧，在線應用更加可行。在視覺效果上HTML有很多局限性，尤其是早期的HTML。
基于CSS的設計
CSS設計受到關注始于21世紀初。雖然CSS已經存在很長一段時間了，但是在當時仍然缺乏主流瀏覽器的支持，并且許多設計師對它感到陌生。與表格布局和Flash網頁相比，CSS有許多優勢。首先它將網頁的內容與樣式相分離，這從本質上意味著視覺表現與內容結構的分離。CSS是網頁布局的最佳實踐，與CSS相比表格布局顯得很是局限。CSS極大地縮減了標簽的混亂，還創造了簡潔并語義化的網頁布局。CSS還使得網站維護更加簡便，因為網頁的結構與樣式是相互分離的。人們完全可以改變一個基于CSS設計的網站的視覺效果而不去改動網站的內容。由CSS設計的網頁的文件體積往往小于基于表格布局的網頁，這也意味著頁面響應時間的改善。雖然首次訪問一個網站會下載樣式表占用帶寬，但CSS會緩存在訪問者的瀏覽器里（默認情況下），這樣在接下來的訪問過程中，網頁就都會迅速顯示了。