HTML 5 基礎教程

《HTML5基礎教程》是2018年1月由北京逐日傳媒總策劃，柳炳祥等主編，兵器工業出版社出版的藝術類圖書教材。

基本介紹

• 書名：HTML 5 基礎教程
• 作者：柳炳祥等
• ISBN：9787518103775
• 頁數：264頁
• 定價：68.00
• 出版社：兵器工業出版社
• 出版時間：2018年1月
• 裝幀：平裝

內容簡介

《HTML5基礎教程》是2018年1月由北京逐日傳媒總策劃，柳炳祥等主編，兵器工業出版社出版的藝術類圖書教材。

《HTML5基礎教程》一書全面細緻地講解了HTML5在網頁設計領域的相關知識，對於網頁設計的初學者來說，是一本難得的自學教程。本書全部章節均圍繞著網頁設計與製作的主題展開，所製作的實例也均與網頁設計相關，內容實用性強。

目錄

第1 章　HTML 5 基礎

1.1 關於HTML

1.1.1 什麼是HTML 5

1.1.2 HTML 5 的基本結構

1.1.3 HTML 5 標籤

1.1.4 HTML 5 屬性

1.1.5 HTML 5 事件屬性

1.1.6 HTML 注釋標籤

課堂練習——製作簡單的HTML 網頁

1.2 HTML 5 與HTML 4 的區別

1.2.1 HTML 5 的語法變化

1.2.2 HTML 5 中的標記方法

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

1.3.1 新增的結構元素

課堂練習——使用新增結構元素製作頁面

1.3.2 新增的其他元素

課堂練習——使用新增的音頻標籤插入音樂

1.3.3 被廢除的元素

1.4 HTML 編寫

1.4.1 使用記事本編寫HTML

1.4.2 使用Dreamweaver 編寫

HTML 文檔

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

1.4.4 斷行符與空白字元

1.5 預覽測試HTML 頁面

1.5.1 查看頁面效果

1.5.2 查看原始碼

1.6 本章小結

1.7 課後測試題

第2 章　網頁基本HTML 標籤

2.1 使用head 標籤

2.2 使用title 標籤

2.3 使用meta 標籤

2.3.1 設定頁面關鍵字

2.3.2 設定頁面說明

2.3.3 定義編輯工具

2.3.4 定義作者信息

2.3.5 設定網頁內容類型和字元集

2.3.6 設定網頁跳轉效果

課堂練習——設定網頁定時跳轉

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

課堂練習——使用body 標籤定義頁面主體

2.4.1 使用bgcolor 屬性定義網頁背景色

2.4.2 使用background 屬性定義網頁背景

2.4.3 使用text 屬性定義文字顏色

2.4.4 使用link 屬性實現連結

2.4.5 使用margin 屬性定義頁面邊距

2.5 文字與段落標籤

2.5.1 在網頁中輸入文字

2.5.2 標題

2.5.3 文本基本屬性

2.5.4 文本格式化標籤

2.5.5 上標和下標

2.5.6 設定字號大小和下劃線

課堂練習——使用大小字號和下劃線

2.6 使用圖像

2.6.1 圖像的格式

2.6.2 插入圖像

2.6.3 設定圖片的大小

2.6.4 設定圖像提示文字

2.6.5 設定圖像的框線

2.6.6 設定圖像的邊距

2.6.7 設定圖像的對齊方式

2.6.8 為圖像添加超連結

2.6.9 設定圖像熱區連結

課堂練習——使用圖像熱區創建連結

2.7 使用列表

2.7.1 有序列表

2.7.2 自定義有序列表的序號

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

2.7.4 自定義有序列表的數值

2.7.5 無序列表

2.7.6 dl 定義列表

課堂練習——使用dl 定義網頁公告中的列表

2.7.7嵌套列表

2.7.8 反轉序號值（reversed 屬性）

2.8 使用表格

2.8.1 表格簡介

2.8.2 表格屬性

課堂練習——製作表格

2.8.3 表格樣式

2.8.4 表格的標題

2.8.5 區分單元格

課堂練習——製作年級成績排名單

2.8.6 跨多行、多列的單元格

課堂練習——製作年級成績平均分數單

2.9 本章小結

2.10 課後測試題

第3 章　建立超連結

3.1 建立超連結

3.2 定義基本連結

3.2.1 定義連結的目標URL

3.2.2 定義連結的目標視窗

3.2.3 定義連結的提示信息

3.2.4 國際化和超連結

3.3 連結路徑

3.3.1 絕對路徑

3.3.2 相對路徑

3.4 內部連結

課堂練習——創建內部連結

3.5 錨點連結

3.5.1 建立錨點

課堂練習——建立錨點

3.5.2 連結同一頁面的錨點

課堂練習——建立錨點連結

3.5.3 連結到其他頁面中的錨點

課堂練習——連結到其他頁面中的錨點

3.6 外部連結

3.6.1 連結到外部網站

3.6.2 連結到FTP

3.6.3 連結到Telnet

3.6.4 下載連結

3.7 本章小結

3.8 課後測試題

第4 章　CSS 基礎

4.1 什麼是XHTML

4.1.1 為何要升級到XHTML

4.1.2 XHTML 的頁面結構

4.1.3 XHTML 的代碼規範

4.1.4 在Dreamweaver 中編輯XHTML

4.2 CSS 的概念

4.2.1 CSS 的基本語法

4.2.2 CSS 的優勢

4.2.3 CSS 樣式的類型

4.3 CSS 的分類

4.3.1 內聯樣式

課堂練習——設定內聯樣式

4.3.2 內部樣式表

課堂練習——設定內部樣式

4.3.3 外部樣式表

4.4 CSS 文檔結構

4.4.1 文檔結構

4.4.2 CSS 的繼承性

4.4.3 CSS 的特殊性

4.4.4 CSS 的層疊性

4.4.5 CSS 的重要性

4.5 CSS 選擇器

4.5.1 標籤選擇器

課堂練習——使用標籤選擇符

4.5.2 類選擇器

課堂練習——使用類選擇符

4.5.3 id 選擇器

4.5.4 通配選擇器

4.5.5 組合選擇器

4.6 CSS 選擇器聲明

4.6.1 群選擇器

4.6.2 派生選擇器

4.7 偽類及偽對象

4.8 本章小結

4.9 課後測試題

第5 章　使用canvas 元素

5.1 關於canvas 元素

5.1.1 canvas 元素的發展

5.1.2 canvas 元素的使用方法

5.2 使用路徑

5.2.1 開始和閉合路徑

5.2.2 使用canvas 元素繪製直線

5.2.3 arc 屬性

5.2.4 bezierCurveTo 屬性

課堂練習——繪製心形

5.3 繪製矩形

課堂練習——使用canvas 元素繪製矩形

5.4 繪製漸變圖形

5.4.1 線性漸變

5.4.2 徑向漸變

課堂練習——繪製徑向漸變

5.5 在canvas 元素中繪製圖像

5.5.1 圖像繪製的基本步驟

課堂練習——繪製圖像

5.5.2 圖像平鋪

5.5.3 圖像裁剪

5.5.4 像素處理

5.6 圖形的變形

5.6.1 平移

5.6.2 縮放

5.6.3 旋轉

5.6.4 變形矩陣

5.7 繪製文本

5.7.1 對齊方式

5.7.2 基準線

課堂練習——繪製文本並調整

5.8 圖形的組合

5.9 繪製陰影

5.10 繪製動畫效果

課堂練習——使用canvas 元素繪製動畫

5.11 保存與恢復繪圖狀態

5.11.1 保存繪圖狀態

5.11.2 恢復繪圖狀態

5.12 本章小結

5.13 課後測試題

第6 章　SVG

6.1 SVG 基礎概要

6.1.1 為什麼要使用SVG

6.1.2 SVG 規範

6.1.3 SVG 的特徵

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

課堂練習——將SVG 圖像連結到HTML 文檔中

6.2 SVG 的語法基礎

6.3 繪製SVG 基本圖形

6.3.1 繪製矩形

課堂練習——繪製矩形

6.3.2 繪製圓形

6.3.3 繪製橢圓

6.3.4 繪製直線

6.3.5 繪製折線與多角星形

6.3.6 使用path 元素繪製圖形

6.3.7 坐標與編組

6.3.8 使用transform 屬性

課堂練習——對編組元素進行操作

6.4 繪製文本

課堂練習——使用SVG 繪製文本

6.5 SVG 漸變效果

6.5.1 線性漸變

6.5.2 徑向漸變

課堂練習——製作徑向漸變效果

6.6 樣式單

6.7 本章小結

6.8 課後測試題

第7 章　音頻和視頻

7.1 <audio> 元素和<video> 元素

7.2 <audio> 元素和<video> 元素的屬性

課堂練習——網頁中的視頻設定

課堂練習——使用poster 替換video

7.3 <audio> 元素和<video> 元素的方法

7.3.1 play 方法

7.3.2 pause 方法

7.3.3 load 方法

7.3.4 canPlayType 方法

7.4 <audio> 元素和<video> 元素的事件

課堂練習——設定監聽audio

7.5 本章小結

7.6 課後測試題

第8 章　鏈入內聯框架、對象和其他多媒體元素

8.1 內聯框架

8.2 iframe 元素的屬性

8.2.1 src 屬性

8.2.2 width 和height 屬性

課堂練習——創建內聯框架

8.2.3 frameborder 屬性

8.2.4 marginwidth 和marginheight 屬性

8.2.5 name 屬性

8.2.6 align 屬性

8.2.7 scrolling 屬性

8.3 沙盒安全限制

8.4 使用object 元素鏈入對象

課堂練習——鏈入jpg 圖像

8.4.1 object 元素的屬性

8.4.2 渲染對象的規則

8.4.3 param 元素

8.4.4 內聯數據和外部數據

8.5 使用embed 元素鏈入多媒體對象

8.5.1 設定自動播放

8.5.2 設定循環播放

8.5.3 控制臺的顯示

8.5.4 設定開始時間

8.5.5 設定音量大小

8.5.6 設定容器屬性

8.5.7 外觀設定

8.5.8 設定對象名稱和文字說明

8.5.9 設定背景

8.5.10 設定對齊方式

課堂練習——鏈入swf 檔案

8.6 本章小結

8.7 課後測試題

第9 章　使用表單

9.1 <form> 表單標籤

9.1.1 提交表單

9.1.2 表單名稱

9.1.3 傳送方法

9.1.4 編碼方式

9.1.5 目標打開方式

9.2 插入表單對象

9.2.1 文字欄位

9.2.2 密碼域

課堂練習——創建密碼域

9.2.3 單選按鈕

9.2.4 複選框

9.2.5 普通按鈕

9.2.6 提交按鈕

9.2.7 重置按鈕

9.2.8 圖像域

課堂練習——創建鬧鐘按鈕

9.2.9 隱藏域

9.2.10 檔案域

9.3 選單和列表

9.3.1 下拉選單

課堂練習——創建下拉選單

9.3.2 列表項

9.4 文本域標籤

課堂練習——創建意見框

9.5 id 標籤

9.6 表單的綜合使用

課堂練習——創建點歌表單

9.7 本章小結

9.8 課後測試題

第10 章　離線網路套用

10.1 實現檔案快取

10.1.1 離線套用與網頁引用的資源

課堂練習——測試離線套用

10.1.2 創建清單檔案

10.1.3 更新離線儲存

10.2 快取清單檔案

10.2.1 定義快取檔案

10.2.2 備抵機制

10.2.3 白名單

10.2.4 注釋

10.3 本章小結

10.4 課後測試題

第11 章　JavaScript 腳本基礎

11.1 JavaScript 簡介

課堂練習——JavaScript 的基本用法

11.2 JavaScript 基本語法

11.2.1 常量

11.2.2 變數

11.2.3 表達式

11.2.4 運算符

11.2.5 基本語句

課堂練習——循環輸出文字

11.2.6 函式

11.3 JavaScript 事件

11.3.1 onClick 事件

11.3.2 onChange 事件

11.3.3 onSelect 事件

11.3.4 onFocus 事件

11.3.5 onLoad 事件

11.3.6 onUnLoad 事件

11.3.7 onBlur 事件

11.3.8 onMouseOver 事件

11.3.9 onMouseOut 事件

11.3.10 onDblClick 事件

11.3.11 其他常用事件

11.4 瀏覽器的內部對象

11.4.1 navigator 對象

課堂練習——顯示瀏覽器信息

11.4.2 document 對象

課堂練習——顯示網頁信息

11.4.3 Windows 對象

11.4.4 Location 對象

11.4.5 history 對象

課堂練習——瀏覽歷史

11.5 本章小結

11.6 課後測試題

第12 章　綜合案例

12.1 彩色文字移動效果

課堂練習——彩色文字移動

12.2 文字滾動效果

課堂練習——文字滾動效果

12.3 實現圖片縮放效果

課堂練習——圖片縮放效果

12.4 圖片放大鏡效果

課堂練習——圖片的放大鏡效果

12.5 流動的氣泡效果

課堂練習——笑臉水泡

12.6 旋轉的立體花朵

課堂練習——旋轉的立體花朵