翁高飛、王鵬編著的《HTML網頁設計》按照高等院校、高職高專計算機課程基本要求，以案例驅動的形式來組織內容，突出計算機課程的實踐性特點。本書分為8個章節：HTML和Dreamweaver簡介，表格和表單，層疊樣式表，CSS網頁布局與定位，CSS布局和HTML列表，超連結偽類、表單設計和導航選單，模板和框架，CSS布局套用實例解析。 本書語言簡潔、內容豐富，且附贈PPT教學課件和案例源檔案。
《HTML網頁設計》可作為高等院校、高職高專及相關培訓機構的教材，也適合網頁設計與製作人員、網站建設與開發人員及個人網站建設愛好者閱讀。
基本介紹
- 中文名：軟體工程師培養叢書:HTML網頁設計
- 出版社：清華大學出版社
- 頁數：249頁
- 開本：16
- 品牌：清華大學出版社
- 作者：翁高飛 王鵬
- 出版日期：2013年8月1日
- 語種：簡體中文
- ISBN：9787302330493
內容簡介,圖書目錄,
內容簡介
翁高飛、王鵬編著的《HTML網頁設計》按照“理論學習—知識總結—上機操作—課後習題”這一思路進行編排。“理論學習”部分介紹通過案例要達到的學習目的與涉及的相關知識點，使學習目標更加明確； “知識總結”部分概括案例所涉及的知識點，使知識點完整系統地呈現；“上機操作”部分對案例進行了詳盡分析，通過完整的步驟幫助讀者快速掌握該案例的操作方法；“課後習題”部分幫助讀者理解章節的知識點。本書在內容編寫方面，力求細緻全面；在文字敘述方面，注意言簡意賅、重點突出；在案例選取方面，強調案例的針對性和實用性。
本書分為8個章節：HTML和Dreamweaver簡介，表格和表單，層疊樣式表，CSS網頁布局與定位，CSS布局和HTML列表，超連結偽類、表單設計和導航選單，模板和框架，CSS布局套用實例解析。
本書分為8個章節：HTML和Dreamweaver簡介，表格和表單，層疊樣式表，CSS網頁布局與定位，CSS布局和HTML列表，超連結偽類、表單設計和導航選單，模板和框架，CSS布局套用實例解析。
圖書目錄
第1章 HTML和Dreamweaver簡介 1
1.1 概述 2
1.2 HTML的文檔結構 4
1.2.1 頭部… 5
1.2.2 標題 … 5
1.2.3 元標籤 6
1.3 Dreamweaver簡介 7
1.4 Dreamweaver CS4的界面 8
1.4.1 插入選單 8
1.4.2 屬性檢查器 9
1.5 新建網站 9
1.5.1 建立本地站點 10
1.5.2 新建頁面 13
1.6 HTML基本標籤 14
1.6.1 標題標籤 14
1.6.2 段落級標籤 15
1.6.3 換行標籤 16
1.6.4 預排版標記 17
1.6.5 文本格式化標籤 18
1.6.6 列表 20
1.6.7 設定文本字型 25
1.6.8 插入圖片 26
1.6.9 插入特殊符號 28
1.6.10 插入橫線 28
1.6.11 添加多媒體元素 29
【小結】 31
【自測題】 31
【上機部分】 32
【課後作業】 39
第2章 表格和表單 41
2.1 表格的使用 42
2.2 表單 49
2.3 添加表單元素 51
2.3.1 文本欄位（text）和密碼域（password） 52
2.3.2 單選按鈕（radio） 53
2.3.3 複選框（checkbox） 53
2.3.4 普通按鈕（button） 54
2.3.5 提交按鈕（submit） 55
2.3.6 重置按鈕（reset） 56
2.3.7 隱藏域（hidden） 56
2.3.8 檔案域（file） 58
2.3.9 選單列表類表單元素（select） 59
2.3.10 文本域（textarea） 61
【小結】 61
【自測題】 62
【上機部分】 63
【課後作業】 69
第3章 層疊樣式表 71
3.1 CSS語法結構 72
3.1.1 CSS屬性與選擇器（僅保留3個主要的選擇器） 72
3.1.2 元素選擇器 73
3.1.3 群組選擇器 76
3.1.4 包含選擇器 77
3.1.5 CLASS及ID選擇器 77
3.1.6 子元素選擇器 81
3.1.7 相鄰兄弟選擇器 81
3.1.8 偽類及偽對象 82
3.1.9 通配選擇器 85
3.2 將CSS套用於網頁 86
3.2.1 行內樣式表 86
3.2.2 內部樣式表 87
3.2.3 外部樣式表 87
【小結】 90
【自測題】 90
【上機部分】 92
【課後作業】 96
第4章 CSS網頁布局與定位 97
4.1 理解表現和結構分離 98
4.1.1 什麼是內容、表現、結構 98
4.1.2 DIV與CSS結合的優勢 101
4.1.3 怎么改善現有的網站 102
4.2 認識DIV 106
4.2.1 DIV是什麼 106
4.2.2 如何使用DIV 107
4.2.3 理解DIV 108
4.2.4 並列與嵌套DIV結構 109
4.2.5 使用合適的對象來布局 111
4.3 盒模型詳解 112
4.3.1 什麼是盒模型 112
4.3.2 盒模型的細節 112
4.3.3 上下margin疊加問題 113
4.3.4 左右margin加倍問題 115
4.4 深入浮動 116
4.4.1 文檔流 116
4.4.2 浮動定位 117
4.4.3 浮動的清理 119
4.4.4 何時選用浮動定位 120
【小結】 123
【自測題】 123
【上機部分】 125
【課後作業】 127
第5章 CSS布局和HTML列表 129
5.1 CSS布局 130
5.1.1 一列固定寬度 130
5.1.2 一列自適應寬度 132
5.1.3 一列固定寬度居中 133
5.2 HTML列表 135
5.2.1 ul無序列表和ol有序列表 135
5.2.2 改變項目符號樣式或用圖片定義項目符號 136
5.2.3 橫向圖文列表 138
5.2.4 浮動後父容器高度自適應 144
【小結】 145
【自測題】 145
【上機部分】 146
【課後作業】 151
第6章 超連結偽類、表單設計和導航選單 153
6.1 超連結偽類 154
6.1.1 超連結的4種樣式 154
6.1.2 將連結轉換為塊級元素 156
6.1.3 用CSS製作按鈕 159
6.1.4 首字下沉 161
6.2 CSS表單設計 163
6.2.1 改變文本框和文本域樣式 163
6.2.2 用圖片美化按鈕 165
6.2.3 改變下拉列表樣式 167
6.2.4 用label標籤提升用戶體驗 169
6.3 導航選單 170
6.3.1 橫向列表選單 170
6.3.2 用圖片美化的橫嚮導航 173
6.3.3 CSS Sprites技術 174
【小結】 176
【自測題】 176
【上機部分】 177
【課後作業】 183
第7章 模板和框架 185
7.1 模板 186
7.1.1 模板基礎知識 186
7.1.2 創建模板 186
7.1.3 對網頁和網站套用模板 189
7.2 框架 193
7.2.1 框架簡介 193
7.2.2 框架的用法 194
7.2.3 用Dreamweaver製作框架網頁 194
【小結】 199
【自測題】 199
【上機部分】 200
【課後作業】 205
第8章 CSS布局套用實例解析 209
8.1 網站開發流程 210
8.1.1 建立站點 210
8.1.2 結構分析 212
8.1.3 搭建框架 214
8.1.4 切割效果圖 218
8.2 CSS布局頁面 221
8.2.1 頭部和導航 221
8.2.2 側邊欄 226
8.2.3 主體部分 230
8.2.4 底部和細節調整 232
8.2.5 相對路徑和相對於根目錄路徑 239
【小結】 240
【自測題】 240
【上機部分】 241
【課後作業】 248
1.1 概述 2
1.2 HTML的文檔結構 4
1.2.1 頭部… 5
1.2.2 標題 … 5
1.2.3 元標籤 6
1.3 Dreamweaver簡介 7
1.4 Dreamweaver CS4的界面 8
1.4.1 插入選單 8
1.4.2 屬性檢查器 9
1.5 新建網站 9
1.5.1 建立本地站點 10
1.5.2 新建頁面 13
1.6 HTML基本標籤 14
1.6.1 標題標籤 14
1.6.2 段落級標籤 15
1.6.3 換行標籤 16
1.6.4 預排版標記 17
1.6.5 文本格式化標籤 18
1.6.6 列表 20
1.6.7 設定文本字型 25
1.6.8 插入圖片 26
1.6.9 插入特殊符號 28
1.6.10 插入橫線 28
1.6.11 添加多媒體元素 29
【小結】 31
【自測題】 31
【上機部分】 32
【課後作業】 39
第2章 表格和表單 41
2.1 表格的使用 42
2.2 表單 49
2.3 添加表單元素 51
2.3.1 文本欄位（text）和密碼域（password） 52
2.3.2 單選按鈕（radio） 53
2.3.3 複選框（checkbox） 53
2.3.4 普通按鈕（button） 54
2.3.5 提交按鈕（submit） 55
2.3.6 重置按鈕（reset） 56
2.3.7 隱藏域（hidden） 56
2.3.8 檔案域（file） 58
2.3.9 選單列表類表單元素（select） 59
2.3.10 文本域（textarea） 61
【小結】 61
【自測題】 62
【上機部分】 63
【課後作業】 69
第3章 層疊樣式表 71
3.1 CSS語法結構 72
3.1.1 CSS屬性與選擇器（僅保留3個主要的選擇器） 72
3.1.2 元素選擇器 73
3.1.3 群組選擇器 76
3.1.4 包含選擇器 77
3.1.5 CLASS及ID選擇器 77
3.1.6 子元素選擇器 81
3.1.7 相鄰兄弟選擇器 81
3.1.8 偽類及偽對象 82
3.1.9 通配選擇器 85
3.2 將CSS套用於網頁 86
3.2.1 行內樣式表 86
3.2.2 內部樣式表 87
3.2.3 外部樣式表 87
【小結】 90
【自測題】 90
【上機部分】 92
【課後作業】 96
第4章 CSS網頁布局與定位 97
4.1 理解表現和結構分離 98
4.1.1 什麼是內容、表現、結構 98
4.1.2 DIV與CSS結合的優勢 101
4.1.3 怎么改善現有的網站 102
4.2 認識DIV 106
4.2.1 DIV是什麼 106
4.2.2 如何使用DIV 107
4.2.3 理解DIV 108
4.2.4 並列與嵌套DIV結構 109
4.2.5 使用合適的對象來布局 111
4.3 盒模型詳解 112
4.3.1 什麼是盒模型 112
4.3.2 盒模型的細節 112
4.3.3 上下margin疊加問題 113
4.3.4 左右margin加倍問題 115
4.4 深入浮動 116
4.4.1 文檔流 116
4.4.2 浮動定位 117
4.4.3 浮動的清理 119
4.4.4 何時選用浮動定位 120
【小結】 123
【自測題】 123
【上機部分】 125
【課後作業】 127
第5章 CSS布局和HTML列表 129
5.1 CSS布局 130
5.1.1 一列固定寬度 130
5.1.2 一列自適應寬度 132
5.1.3 一列固定寬度居中 133
5.2 HTML列表 135
5.2.1 ul無序列表和ol有序列表 135
5.2.2 改變項目符號樣式或用圖片定義項目符號 136
5.2.3 橫向圖文列表 138
5.2.4 浮動後父容器高度自適應 144
【小結】 145
【自測題】 145
【上機部分】 146
【課後作業】 151
第6章 超連結偽類、表單設計和導航選單 153
6.1 超連結偽類 154
6.1.1 超連結的4種樣式 154
6.1.2 將連結轉換為塊級元素 156
6.1.3 用CSS製作按鈕 159
6.1.4 首字下沉 161
6.2 CSS表單設計 163
6.2.1 改變文本框和文本域樣式 163
6.2.2 用圖片美化按鈕 165
6.2.3 改變下拉列表樣式 167
6.2.4 用label標籤提升用戶體驗 169
6.3 導航選單 170
6.3.1 橫向列表選單 170
6.3.2 用圖片美化的橫嚮導航 173
6.3.3 CSS Sprites技術 174
【小結】 176
【自測題】 176
【上機部分】 177
【課後作業】 183
第7章 模板和框架 185
7.1 模板 186
7.1.1 模板基礎知識 186
7.1.2 創建模板 186
7.1.3 對網頁和網站套用模板 189
7.2 框架 193
7.2.1 框架簡介 193
7.2.2 框架的用法 194
7.2.3 用Dreamweaver製作框架網頁 194
【小結】 199
【自測題】 199
【上機部分】 200
【課後作業】 205
第8章 CSS布局套用實例解析 209
8.1 網站開發流程 210
8.1.1 建立站點 210
8.1.2 結構分析 212
8.1.3 搭建框架 214
8.1.4 切割效果圖 218
8.2 CSS布局頁面 221
8.2.1 頭部和導航 221
8.2.2 側邊欄 226
8.2.3 主體部分 230
8.2.4 底部和細節調整 232
8.2.5 相對路徑和相對於根目錄路徑 239
【小結】 240
【自測題】 240
【上機部分】 241
【課後作業】 248
