翁高飛、王鵬編著的《HTML網頁設計》按照“理論學習—知識總結—上機操作—課後習題”這一思路進行編排。“理論學習”部分介紹通過案例要達到的學習目的與涉及的相關知識點，使學習目標*加明確； “知識總結”部分概括案例所涉及的知識點，使知識點完整繫統地呈現；“上機操作”部分對案例進行了詳盡分析，通過完整的步驟幫助讀者快速掌握該案例的操作方法；“課後習題”部分幫助讀者理解章節的知識點。本書在內容編寫方面，力求細致全面；在文字敘述方面，注意言簡意賅、重點突出；在案例選取方面，強調案例的針對性和實用性。

本書分為8個章節：HTML和Dreamweaver簡介，表格和表單，層疊樣式表，CSS網頁布局與定位，CSS布局和HTML列表，超鏈接偽類、表單設計和導航菜單，模板和框架，CSS布局應用實例解析。

翁高飛、王鵬編著的《HTML網頁設計》按照高等 院校、高職高專計算機課程基本要求，以案例驅動的 形式來組織內容，突出計算機課程的實踐性特點。本 書分為8個章節：HTML和Dreamweaver簡介，表格和表 單，層疊樣式表，CSS網頁布局與定位，CSS布局和 HTML列表，超鏈接偽類、表單設計和導航菜單，模板 和框架，CSS布局應用實例解析。 本書語言簡潔、內容豐富，且附贈PPT教學課件 和案例源文件，這些教學資源可以通過 http://www.tupwk.com.cn/downpage下載。 《HTML網頁設計》可作為高等院校、高職高專及 相關培訓機構的教材，也適合網頁設計與制作人員、 網站建設與開發人員及個人網站建設愛好者閱讀。

第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