網頁設計殿堂之路：HTML 5網頁製作全程揭秘

HTML 5是取代HTML 4的新一代Web技術，它將會成為HTML、XHTML以及HTML DOM的新標準。

《網頁設計殿堂之路：HTML 5網頁製作全程揭秘》系統、全面講解了HTML語言及其最新版本HTML 5的新功能與新特性，技術新穎實用。書中大部分的知識點都結合實例進行講解，讀者在學習基礎知識後，親手實踐，可以快速鞏固所學知識。

在每一個實例之後都會對該實例以及知識點的重要部分進行提問，並進行詳細解答，使讀者系統而全面地學習理論知識。書中的知識點所涉及的代碼都會給出詳細的註釋，從而使讀者輕鬆領會HTML語言的精髓，更加快速地提高技能。

本書附贈1張CD光盤，其中提供了豐富的練習素材、源文件，併為書中所有實例都錄製了多媒體教學視頻，方便讀者學習和參考。

本書內容詳盡，實例豐富，非常適合作為編程初、中級讀者的學習用書，也適合作為開發人員的參考資料。 ^[1] 

第1章 HTML 5基礎

1.1 關於HTML

1.1.1 什麼是HTML 5

1.1.2 HTML 5的基本結構

實例01+視頻：創建HTML頁面

1.1.3 HTML 5的標籤

實例02+視頻：使用標籤的方法

1.1.4 HTML 5屬性

實例03+視頻：使用標籤屬性的方法

1.1.5 HTML 5事件屬性

實例04+視頻：使用事件屬性的方法

1.1.6 HTML註釋標籤

實例05+視頻：為標籤添加註釋

1.2 HTML 5與HTML 4的區別

1.2.1 HTML 5的語法變化

1.2.2 HTML 5中的標記方法

1.3 HTML 5新增元素和廢除元素

1.3.1 新增的結構元素

實例06+視頻：使用新增結構元素製作頁面

1.3.2 新增的其他元素

實例07+視頻：使用新增的音頻標籤插入音樂

1.3.3 被廢除的元素

1.4 HTML編寫方法

1.4.1 使用記事本編寫HTML

實例08+視頻：使用記事本創建HTML文檔

1.4.2 使用Dreamweaver編寫HTML文檔

1.4.3 元素和屬性的大小寫規範

1.4.4 斷行符與空白字符

1.5 預覽測試HTML頁面

1.5.1 查看頁面效果

1.5.2 查看源代碼

1.6 本章小結

第2章 網頁基本HTML標籤

2.1 使用head頭部標籤

2.2 使用title標題標籤

實例09+視頻：定義標題

2.3 使用meta標籤

2.3.1 設置頁面關鍵字

實例10+視頻：定義搜索引擎關鍵字

2.3.2 設置頁面説明

2.3.3 定義編輯工具

2.3.4 定義作者信息

實例11+視頻：定義作者

2.3.5 設置網頁內容類型和字符集

2.3.6 設置網頁跳轉效果

實例12+視頻：設置網頁定時跳轉

2.4 使用body標籤定義頁面主體

2.4.1 使用bgcolor定義網頁背景色

實例13+視頻：設置背景顏色

2.4.2 使用background定義網頁背景

實例14+視頻：設置背景圖像

2.4.3 使用text定義文字顏色

實例15+視頻：設置文字顏色

2.4.4 使用link實現鏈接

實例16+視頻：設置鏈接文本的顏色

2.4.5 使用margin定義頁面邊距

實例17+視頻：定義頁面邊距

2.5 文字與段落標籤

2.5.1 在網頁中輸入文字

實例18+視頻：在網頁中輸入文字

2.5.2 標題字

實例19+視頻：使用標題標籤

2.5.3 文本基本屬性

實例20+視頻：使用標籤

2.5.4 文本格式化標籤

實例21+視頻：使用粗體、斜體標籤

2.5.5 上標和下標

實例22+視頻：使用上標、下標標籤

2.5.6 大小字號和下劃線

實例23+視頻：使用大小字號和下劃線

2.6 使用圖像

2.6.1 圖像的格式

2.6.2 插入圖像

實例24+視頻：插入圖像

2.6.3 圖片的大小

實例25+視頻：修改圖片大小

2.6.4 圖像提示文字

實例26+視頻：圖像提示字

2.6.5 圖像的邊框

2.6.6 圖像的邊距

實例27+視頻：圖像的邊框和垂直邊距

2.6.7 圖像的排列

實例28+視頻：網頁圖文排版

2.6.8 圖像的超鏈接

實例29+視頻：創建圖像超鏈接

2.6.9 圖像熱區鏈接

實例30+視頻：使用圖像熱區創建鏈接

2.7 使用列表

2.7.1 有序列表（ol元素）

實例31+視頻：定義有序新聞列表

2.7.2 自定義有序列表的序號

實例32+視頻：定義新聞列表序號樣式

2.7.3 自定義有序列表的起始數

實例33+視頻：定義新聞列表的起始數

2.7.4 自定義有序列表的數值

實例34+視頻：定義新聞列表數值

2.7.5 無序列表（ul元素）

實例35+視頻：製作無序列表

2.7.6 dl定義列表

實例36+視頻：使用dl定義網頁公告列表

2.7.7 嵌套列表

2.7.8 反轉序號值（reversed屬性）

2.8 使用表格

2.8.1 表格簡介

2.8.2 表格屬性

實例37+視頻：製作表格

2.8.3 表格樣式

實例38+視頻：定義表格樣式

2.8.4 表格的標題

實例39+視頻：定義表格標題

2.8.5 區分單元格

實例40+視頻：製作年級成績排名單1

實例41+視頻：製作年級成績平均分數單

2.8.6 跨多行、多列的單元格

實例42+視頻：製作年級成績平均分數單2

2.9 本章小結

第3章 建立超鏈接

3.1 鏈接的基礎知識

3.2 定義基本鏈接

3.2.1 定義鏈接的目標URL（href屬性）

3.2.2 定義鏈接的目標窗口（target屬性）

3.2.3 定義鏈接的提示信息（title屬性）

3.2.4 國際化和鏈接（hreflang屬性）

3.3 鏈接路徑

3.3.1 絕對路徑

3.3.2 相對路徑

3.4 內部鏈接

實例43+視頻：創建內部鏈接

3.5 錨點鏈接

3.5.1 建立錨點

實例44+視頻：建立錨點

3.5.2 鏈接同一頁面中的錨點

實例45+視頻：建立錨點鏈接

3.5.3 鏈接到其他頁面中的錨點

實例46+視頻：鏈接到其他頁面中的錨點

3.6 外部鏈接

3.6.1 鏈接到外部網站

實例47+視頻：創建友情鏈接

3.6.2 鏈接到FTP

實例48+視頻：創建FTP鏈接

3.6.3 鏈接到Telnet

3.6.4 下載鏈接

實例49+視頻：下載數據

3.7 本章小結

第4章 使用canvas

4.1 關於canvas元素

4.1.1 canvas的歷史

4.1.2 canvas的使用方法

4.2 繪製矩形

實例50+視頻：使用canvas繪製矩形

4.3 使用路徑

4.3.1 開始和閉合路徑

4.3.2 moveTo和lineTo

實例51+視頻：使用lineTo繪製圖形

4.3.3 arc( )方法

實例52+視頻：繪製圓形

4.3.4 bezierCurveTo( )方法

實例53+視頻：繪製心形

4.4 漸變圖形

4.4.1 線性漸變

實例54+視頻：繪製線性漸變

4.4.2 徑向漸變

實例55+視頻：繪製徑向漸變

4.5 在canvas中繪製圖像

4.5.1 圖像繪製的基本步驟

實例56+視頻：繪製圖像（一）

實例57+視頻：繪製圖像（二）

實例58+視頻：繪製圖像（三）

4.5.2 圖像平鋪

實例59+視頻：繪製平鋪圖像

4.5.3 圖像裁剪

實例60+視頻：裁剪圖像

4.5.4 像素處理

實例61+視頻：繪製隨機像素

4.6 圖形的變形

4.6.1 平移

實例62+視頻：平移圖形

4.6.2 擴大

實例63+視頻：擴大圖形

4.6.3 旋轉

實例64+視頻：旋轉圖形

4.6.4 變形矩陣

實例65+視頻：使用矩陣變換

4.7 繪製文本

實例66+視頻：繪製文本

4.7.1 對齊方式

4.7.2 基準線

實例67+視頻：調整繪製文本

4.8 圖形的組合

實例68+視頻：組合圖形

4.9 繪製陰影

實例69+視頻：為圖形添加陰影

4.10 繪製動畫效果

實例70+視頻：使用canvas繪製動畫

4.11 保存與恢復繪圖狀態

4.11.1 保存繪圖狀態

4.11.2 恢復繪圖狀態

實例71+視頻：使用restore繪製圖形

4.12 本章小結

第5章 CSS基礎

5.1 什麼是XHTML

5.1.1 為何要升級到XHTML

5.1.2 XHTML的頁面結構

5.1.3 XHTML的代碼規範

5.1.4 在Dreamweaver中編輯XHTML

實例72+視頻：創建XHTML文檔

5.1.5 HTML和XHTML的轉換

5.2 CSS的概念

5.2.1 CSS的基本語法

5.2.2 CSS的優勢

5.2.3 CSS樣式的類型

5.3 CSS的分類

5.3.1 內聯樣式

實例73+視頻：設置內聯樣式

5.3.2 內部樣式表

實例74+視頻：設置內部樣式

5.3.3 外部樣式表

實例75+視頻：設置外部樣式

5.4 CSS文檔結構

5.4.1 文檔結構

5.4.2 CSS的繼承性

5.4.3 CSS的特殊性

5.4.4 CSS的層疊性

5.4.5 CSS的重要性

5.5 CSS選擇器

5.5.1 標籤選擇器

實例76+視頻：使用標籤選擇符

5.5.2 類選擇器

實例77+視頻：使用類選擇符

5.5.3 id選擇器

實例78+視頻：使用id選擇符

5.5.4 通配選擇器

實例79+視頻：使用通配選擇符

5.5.5 組合選擇器

5.6 CSS選擇器聲明

5.6.1 羣選擇器

5.6.2 派生選擇器

5.7 偽類及偽對象

5.8 本章小結

第6章 SVG

6.1 SVG的基礎概要

6.1.1 為什麼要使用SVG

6.1.2 SVG規範

6.1.3 SVG的特徵

6.1.4 SVG在瀏覽器中的顯示方法

實例80+視頻：將SVG圖像鏈接到HTML文檔中

6.2 SVG的語法基礎

6.3 繪製SVG基本圖形

6.3.1 繪製矩形

實例81+視頻：繪製矩形和圓角矩形

6.3.2 繪製圓形

實例82+視頻：使用SVG繪製正圓

6.3.3 繪製橢圓

實例83+視頻：使用SVG繪製橢圓

6.3.4 繪製直線

實例84+視頻：使用SVG繪製直線

6.3.5 繪製折線與多角星形

實例85+視頻：使用SVG繪製五角星

6.3.6 使用path元素繪製圖形

實例86+視頻：使用path元素繪製五角星

6.3.7 座標與編組

實例87+視頻：通過g元素對圖形進行編組

6.3.8 使用transform屬性

實例88+視頻：對編組元素進行操作

6.4 繪製文本

實例89+視頻：使用SVG繪製文本

實例90+視頻：製作波浪紋路徑文本

6.5 SVG漸變效果

6.5.1 線性漸變

實例91+視頻：製作橫向與縱向線性漸變效果

6.5.2 徑向漸變

實例92+視頻：製作徑向漸變效果

6.6 樣式單

實例93+視頻：使用樣式控制繪製元素的外觀

6.7 本章小結

第7章 音頻和視頻

7.1 和的概要

7.2 和的屬性

實例94+視頻：導入視頻

實例95+視頻：設置video自動播放

實例96+視頻：添加video播放條

實例97+視頻：使用poster替換video

7.3 和的方法

7.3.1 play方法

實例98+視頻：控制播放audio

7.3.2 pause方法

實例99+視頻：設置暫停audio

......