基本介紹
- 中文名：網頁設計殿堂之路：HTML 5網頁製作全程揭秘
- 作者：賈勇
- 出版時間：2014年10月1日
- 出版社：清華大學出版社
- 頁數：400 頁
- ISBN：9787302359852
- 定價：59 元
- 開本：16 開
- 裝幀：平裝
內容簡介,圖書目錄,
內容簡介
HTML 5是取代HTML 4的新一代Web技術，它將會成為HTML、XHTML以及HTML DOM的新標準。
《網頁設計殿堂之路：HTML 5網頁製作全程揭秘》系統、全面講解了HTML語言及其最新版本HTML 5的新功能與新特性，技術新穎實用。書中大部分的知識點都結合實例進行講解，讀者在學習基礎知識後，親手實踐，可以快速鞏固所學知識。
在每一個實例之後都會對該實例以及知識點的重要部分進行提問，並進行詳細解答，使讀者系統而全面地學習理論知識。書中的知識點所涉及的代碼都會給出詳細的注釋，從而使讀者輕鬆領會HTML語言的精髓，更加快速地提高技能。
本書附贈1張CD光碟，其中提供了豐富的練習素材、源檔案，並為書中所有實例都錄製了多媒體教學視頻，方便讀者學習和參考。
本書內容詳盡，實例豐富，非常適合作為編程初、中級讀者的學習用書，也適合作為開發人員的參考資料。
圖書目錄
第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
......
