翁高飞、王鹏编著的《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 头部<head>…</head> 5
1.2.2 标题<title>…</title> 5
1.2.3 元标签<meta> 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