《HTML 5+CSS 3網頁設計教程》是2021年清華大學出版社出版的圖書。
基本介紹
- 中文名：HTML 5+CSS 3網頁設計教程
- 作者：張星雲,彭進香,邢國波
- 類別：材類圖書
- 出版社：清華大學出版社
- 出版時間：2021年3月
- 開本：16 開
- 裝幀：平裝-膠訂
- ISBN：9787302572848
內容簡介,圖書目錄,作者簡介,
內容簡介
《HTML 5 CSS 3網頁設計教程》結合作者多年實踐教學經驗，以實用性為導向全面講解HTML 5 CSS 3網頁設計核心技術。全書共11章：第1～5章是HTML部分，介紹HTML常用標籤使用及HTML 5新特性；第6～9章是CSS部分，主要介紹CSS層疊樣式表套用和使用CSS DIV實現頁面布局及網頁美化；第10章介紹CSS 3的2D和3D轉換、CSS 3動畫效果；第11章以“電子產品購物網站首頁實現”開發案例進行綜合講解。《HTML 5 CSS 3網頁設計教程》各章整體結合實例講解難點和關鍵技術，在實例上側重實用性和啟發性；特彆強調關於知識點的能力目標，通過合理的任務驅動和實踐環節提高靜態網頁製作能力。 《HTML 5 CSS 3網頁設計教程》適合作為高等院校計算機、電子商務等相關專業的本科、專科網頁設計課程教材，也適合網頁製作初學者和網頁設計人員、Web前端開發工程師參考與學習，同時也可作為相關培訓教材。
圖書目錄
第1章 網頁基礎知識 1
1.1 HTML簡介 1
1.2 認識Web標準 3
1.3 HTML的基本概念 3
1.4 HTML檔案類型 6
1.5 HTML 5概述 9
1.5.1 了解HTML 5 9
1.5.2 HTML 5的新功能 10
1.5.3 HTML 5的新特性 11
1.5.4 HTML 5的新增屬性 12
1.6 HTML編輯器介紹 14
1.7 基本元素介紹 17
1.8 HTML 5語義化結構性元素 21
1.8.1 新增的主體結構元素 21
1.8.2 新增的非主體結構元素 26
1.9 HTML的有關約定 28
1.10 代碼規範 28
習題 29
第2章 超連結及HTML 5媒體元素 31
2.1 超連結元素 31
2.1.1 路徑、相對路徑和
根路徑 31
2.1.2 超連結的基本語法 32
2.2 錨點連結 33
2.3 圖片元素 37
2.3.1 圖片格式介紹 37
2.3.2 圖片元素的基本用法 37
2.3.3 圖片元素的常用屬性 38
2.3.4 熱點 39
2.4 HTML 5的視頻 40
2.5 HTML 5的音頻 41
2.6 其他常用元素 42
2.7 小型案例實訓 44
習題 45
第3章 列表 47
3.1 無序列表 48
3.2 有序列表 49
3.3 定義列表 52
3.4 列表的嵌套 52
3.5 小型案例實訓 54
習題 55
第4章 表格與框架 57
4.1 表格的組成 57
4.2 表格的屬性 60
4.3 表格的行屬性 62
4.4 表格的單元格設定 63
4.5 框架結構 65
4.5.1 框架概述 65
4.5.2 框架的基本結構 66
4.5.3 設定框架 66
4.6 小型案例實訓 68
習題 69
第5章 HTML表單 72
5.1 表單標籤form 72
5.2 input標籤——文本框、密碼框 73
5.3 input標籤——單選按鈕與複選框 74
5.4 input標籤——按鈕 76
5.5 input標籤——圖像域、隱藏域以及
檔案域 78
5.6 列表、文本區 78
5.7 新的HTML 5輸入控制項屬性 80
5.8 HTML 5新增的input元素 82
5.9 小型案例實訓 85
習題 86
第6章 層疊樣式表 88
6.1 層疊樣式表(CSS)簡介 88
6.1.1 CSS與HTML 88
6.1.2 CSS的版本 88
6.1.3 傳統HTML的缺點、CSS的
優勢 89
6.2 CSS的語法 90
6.2.1 基本語法規則 90
6.2.2 選擇器分類 90
6.2.3 樣式的引用方式 94
6.2.4 選擇器的命名規則 96
6.3 CSS屬性值中的單位 96
6.3.1 單位 97
6.3.2 相對單位 97
6.4 常用CSS屬性介紹 97
6.4.1 設定字型屬性 97
6.4.2 CSS 3新增的字型屬性 101
6.4.3 背景屬性 101
6.4.4 區塊屬性 105
6.4.5 CSS 3新增的文本屬性 107
6.4.6 框線屬性 111
6.4.7 列表屬性 113
6.4.8 方框屬性 115
6.5 小型案例實訓 118
習題 120
第7章 CSS屬性案例套用——
運用CSS創建導航 122
7.1 使用CSS UL創建橫嚮導航 122
7.2 縱嚮導航 125
7.3 下拉及彈出式選單 127
7.3.1 橫向下拉選單 127
7.3.2 縱向下拉選單 129
7.4 小型案例實訓 131
習題 132
第8章 利用CSS DIV進行網頁
布局 134
8.1 網頁布局概述 134
8.2 認識DIV 135
8.3 網頁布局原則 136
8.4 常見的網頁布局技術分析 136
8.4.1 上、中、下布局 136
8.4.2 二列固定寬度 137
8.4.3 二列寬度自適應 138
8.4.4 二列寬度自適應居中 139
8.4.5 中間三列浮動布局 140
8.4.6 UL CSS布局 141
8.5 定位與相對定位 142
8.5.1 定位 142
8.5.2 相對定位 144
8.6 小型案例實訓 145
習題 147
第9章 網頁布局實例 149
9.1 網頁布局實例——個人部落格主頁 149
9.2 網頁布局實例——右側浮動案例 154
9.3 網頁效果欣賞 157
9.4 小型案例實訓 160
習題 162
第10章 過濾、變形和動畫 164
10.1 過濾 164
10.2 CSS 3 2D變形簡介 168
10.3 2D變形 169
10.3.1 2D位移 169
10.3.2 2D縮放 170
10.3.3 2D傾斜 172
10.3.4 2D旋轉 174
10.4 3D變形 175
10.4.1 3D位移 176
10.4.2 3D旋轉 178
10.4.3 3D縮放 179
10.5 CSS 3動畫使用 180
10.6 小型案例實訓 183
習題 185
第11章 實戰開發——電子產品購物
網站首頁實現 187
11.1 頁面的布局分析 187
11.2 網頁top區 188
11.3 網頁導航選單(menu)區 189
11.4 主要內容(main)區 190
11.5 底端(footer)區 192
參考文獻 194
作者簡介
張星雲，湖北商貿學院副教授，多次參加校和湖北省教師講課大賽獲得一、二、三等獎，主持校級精品課程《靜態網頁設計與製作》，發表論文十餘篇，代表作有《基於多資料庫並行調度的複雜方法研究與仿真》-計算機仿真，主編和參編教材多部，包括《Java程式設計實例教程》《計算機組裝與維修》《Dreamweaver CS6網頁設計教程》等。
