《網頁設計與製作案例教程（微課版）》是2023年清華大學出版社出版的圖書，作者是陳艷平、趙葉青、董明、舒蕾。
基本介紹
- 中文名：網頁設計與製作案例教程（微課版）
- 作者：陳艷平、趙葉青、董明、舒蕾
- 出版時間：2023年12月1日
- 出版社：清華大學出版社
- ISBN：9787302647003
- 定價：45 元
內容簡介,圖書目錄,
內容簡介
《網頁設計與製作案例教程（微課版）》以實用為原則，每章圍繞知識點儲備、實例演示、任務訓練、知識拓展、單元測試、學習評價六部分展開。全書共分為8章，內容涵蓋網頁設計概述、網頁基本元素、表格布局、Div+CSS表格、表單、行為特效、模板和庫、HTML5等。
圖書目錄
目 錄
第1章 網頁設計概述 1
1.1 網頁與網站 2
1.1.1 網頁 2
1.1.2 網站 2
1.1.3 網站的工作原理 3
1.1.4 網頁的基本構成元素 3
1.2 網頁製作的基礎知識 4
1.2.1 網頁的基礎知識 4
1.2.2 網頁製作工具 6
1.2.3 網頁設計與製作的分類 7
1.3 網頁設計的基本流程 7
1.4 創建本地站點 8
1.4.1 Dreamweaver CC 2019簡介 8
1.4.2 建立本地站點 10
1.4.3 管理本地站點 13
1.4.4 網頁檔案的基本操作 14
1.4.5 設定首選參數 16
1.4.6 使用輔助工具 19
1.5 超文本標記語言HTML 21
1.5.1 HTML5概述 21
1.5.2 常用HTML5標記 22
1.5.3 新增HTML5結構標記 23
1.6 實例演示 26
1.6.1 實例情景——創建本地教學站點 26
1.6.2 實例效果 26
1.6.3 實現方案 26
1.7 任務訓練 27
1.7.1 訓練目的 27
1.7.2 訓練內容 27
1.8 知識拓展 28
單元測試 28
學習評價 28
第2章 認識網頁基本元素 29
2.1 文本 30
2.1.1 添加文本 30
2.1.2 設定文本屬性 32
2.1.3 插入特殊文本 35
2.1.4 文本超連結 37
2.2 圖像 40
2.2.1 圖像格式 41
2.2.2 插入圖像 42
2.2.3 設定圖像屬性 42
2.2.4 其他圖像元素 43
2.2.5 圖像超連結 44
2.3 多媒體 46
2.3.1 插入Flash SWF 46
2.3.2 插入Flash Video 48
2.4 HTML5中的figure標籤 50
2.4.1 HTML5中<figure>標籤的基本操作 50
2.4.2 HTML5中<figure>標籤的使用 50
2.5 實例演示 51
2.5.1 實例情景——製作風景區網頁 51
2.5.2 實例效果 52
2.5.3 實現方案 52
2.6 任務訓練 53
2.6.1 訓練目的 53
2.6.2 訓練內容 53
2.7 知識拓展 54
單元測試 54
學習評價 55
第3章 認識表格布局 57
3.1 表格 58
3.2 插入表格及嵌套表格 58
3.2.1 插入表格 58
3.2.2 嵌套表格 60
3.3 設定表格和單元格屬性 61
3.3.1 表格屬性 61
3.3.2 單元格屬性 62
3.4 選擇單元格、行或列及表格 62
3.4.1 選擇單元格 62
3.4.2 選擇行或列 63
3.4.3 選擇整個表格 63
3.5 表格的基本操作 63
3.5.1 調整表格的寬度 63
3.5.2 調整行高和列寬 64
3.5.3 拆分或合併單元格 64
3.5.4 插入和刪除行或列 65
3.6 表格布局實例 65
3.7 實例演示 67
3.7.1 實例情景——製作中國節日——教師節主頁 67
3.7.2 實例效果 67
3.7.3 實現方案 67
3.8 任務訓練 71
3.8.1 訓練目的 71
3.8.2 訓練內容 71
3.9 知識拓展 72
單元測試 72
學習評價 73
第4章 認識Div+CSS布局 75
4.1 Div概述 76
4.1.1 什麼是Div 76
4.1.2 在網頁中插入Div 78
4.1.3 Div的嵌套 80
4.2 CSS概述 81
4.2.1 什麼是CSS 81
4.2.2 創建CSS樣式 82
4.2.3 CSS樣式在網頁中的套用 92
4.3 盒子模型 94
4.3.1 盒子模型概述 94
4.3.2 margin、padding與border 95
4.3.3 塊級元素與內聯元素 100
4.3.4 Div的浮動與定位 102
4.4 常用布局方式 108
4.4.1 居中布局 108
4.4.2 固定寬度布局 110
4.4.3 可變寬度布局 111
4.5 實例演示 113
4.5.1 實例情景——製作線上作業系統首頁 113
4.5.2 實例效果 113
4.5.3 實現方案 114
4.6 任務訓練 120
4.6.1 訓練目的 120
4.6.2 訓練內容 120
4.7 知識拓展 121
單元測試 122
學習評價 123
第5章 認識表單 125
5.1 創建表單 126
5.1.1 表單概述 126
5.1.2 插入表單 126
5.1.3 表單屬性 127
5.2 創建表單對象 128
5.2.1 文本 128
5.2.2 隱藏域 130
5.2.3 複選框和複選框組 130
5.2.4 單選按鈕和單選按鈕組 132
5.2.5 列表 133
5.2.6 檔案 135
5.2.7 各類按鈕 136
5.2.8 標籤 137
5.2.9 欄位集 138
5.3 HTML5的新增對象 138
5.3.1 輸入類型：number 138
5.3.2 輸入類型：color 139
5.3.3 輸入類型：range 139
5.3.4 輸入類型：date 139
5.3.5 輸入類型：month、week、time、datetime-local 140
5.3.6 輸入類型：email 140
5.3.7 輸入類型：search 141
5.3.8 輸入類型：tel 141
5.3.9 輸入類型：url 141
5.4 使用行為驗證表單 141
5.5 實例演示 143
5.5.1 實例情景——製作信箱註冊單網頁 143
5.5.2 實例效果 143
5.5.3 實現方案 143
5.6 任務訓練 147
5.6.1 訓練目的 147
5.6.2 訓練內容 147
5.7 知識拓展 148
單元測試 148
學習評價 149
第6章 認識行為特效 151
6.1 認識行為 152
6.1.1 行為的基本概念 152
6.1.2 “行為”面板 153
6.1.3 添加行為的步驟 153
6.1.4 修改行為 155
6.2 使用內置行為 156
6.2.1 交換圖像 156
6.2.2 彈出訊息 156
6.2.3 打開瀏覽器視窗 157
6.2.4 轉到URL 158
6.2.5 拖動AP元素 159
6.2.6 設定狀態欄文本 159
6.2.7 改變屬性 160
6.2.8 顯示/漸隱 161
6.2.9 調用JavaScript 162
6.3 實例演示 165
6.3.1 實例情景——用JavaScript完成行為特效 165
6.3.2 實例效果 165
6.3.3 實現方案 165
6.4 任務訓練 167
6.4.1 訓練目的 167
6.4.2 訓練內容 168
6.5 知識拓展 168
單元測試 169
學習評價 169
第7章 認識模板和庫 171
7.1 模板 172
7.1.1 創建模板 172
7.1.2 創建可編輯區域 173
7.1.3 管理模板 174
7.2 庫 178
7.2.1 創建庫檔案 178
7.2.2 編輯庫項目 179
7.2.3 為頁面添加庫項目 180
7.3 實例演示 181
7.3.1 實例情景——製作風花雪月網站 181
7.3.2 實例效果 181
7.3.3 實現方案 181
7.4 任務訓練——模板套用 186
7.4.1 訓練目的 186
7.4.2 訓練內容 187
7.5 知識拓展 187
單元測試 188
學習評價 188
第8章 初識HTML5 189
8.1 HTML5概述 190
8.1.1 HTML5簡介 190
8.1.2 HTML5的新特性 190
8.1.3 HTML5的優點 190
8.2 HTML5視頻 191
8.2.1 HTML5視頻簡介 191
8.2.2 HTML5視頻實例 192
8.2.3 使用 DOM控制 193
8.3 HTML5音頻 195
8.3.1 HTML5音頻簡介 195
8.3.2 HTML5音頻實例 196
8.4 初識Canvas 197
8.4.1 Canvas簡介 197
8.4.2 繪製圖形 198
8.4.3 使用圖像 202
8.5 實例演示 204
8.5.1 實例情景——製作七巧板 204
8.5.2 實例效果 204
8.5.3 實現方案 205
8.6 任務訓練 207
8.6.1 訓練目的 207
8.6.2 訓練內容 207
8.7 知識拓展 209
單元測試 209
學習評價 210
參考文獻 211
