孙士保主编的《网页设计与制作实例教程》详细、全面、系统地介绍了网页制作、设计、规划的基本知识以及网站设计、开发的完整流程。本书采用案例驱动的教学方法，首先展示案例的运行结果，然后详细讲述案例的设计步骤，循序渐进地引导读者学习和掌握相关知识点。本书以网页设计为中心，以实例为引导，把介绍知识与实例设计、制作、分析融于一体，在结构上采用点面结合，以兴宇书城网站作为案例讲解，配以力天商务网站的实训练习，两条主线互相结合、相辅相成，自始至终贯穿于本书的主题之中。本书所有例题、习题及上机实训均采用案例驱动的讲述方式，通过大量实例深入浅出、循序渐进地引导读者学习。本书在每章之后附有大量的实践操作习题，并在教学课件中给出习题答案，供读者在课外巩固所学的内容。

孙士保主编的《网页设计与制作实例教程》面向网页设计与制作的初学者，采用全新流行的Web标准，以HTML技术为基础，由浅入深、完整、详细地介绍了HTML、CSS及JavaScript网页制作内容。全书以兴宇书城网站的设计与制作为讲解主线，围绕书城栏目的设计，详细、全面、系统地介绍了网页制作、设计、规划的基本知识以及网站设计、开发的完整流程。本书共分11章，主要内容包括：HTML概述、块级标签、行级标签、CSS样式表、Div+CSS布局方法、使用CSS实现常用的样式修饰、使用CSS设置链接与导航菜单、使用JavaScript制作网页特效、兴宇书城首页和列表页、图书详细信息页面和查看购物车页面、兴宇书城后台管理页面。本书所有例题、习题及上机实训均采用案例驱动的方式讲述，通过大量实例深入浅出、循序渐进地引导读者学习。

《网页设计与制作实例教程》适合作为高等学校、职业院校计算机及相关专业或培训班的网站开发与网页制作教材，也可作为网页制作爱好者与网站开发维护人员的学习参考书。

第1章 HTML概述/1

 1.1 HTML简介/1

 1.2 HTML编写规范/2

1.2.1 标签及其属性/2

1.2.2 HTML代码规范/2

1.2.3 HTML文档结构/3

 1.3 创建HTML文件/4

 1.4 网页的摘要信息/5

1.4.1 ＜title＞标签/5

1.4.2 ＜meta＞标签/5

1.4.3 案例—制作兴宇书城页面摘要信息/6

 1.5 HTML页面中的块和行/6

 1.6 注释和特殊符号/7

1.6.1 注释/7

1.6.2 特殊符号/8

 1.7 实训—制作力天商务网的版权信息/8

 习题1/9

第2章 块级标签/10

 2.1 基本块级标签/10

2.1.1 标题标签＜h#＞…＜/h#＞/10

2.1.2 段落标签＜p＞…＜/p＞/10

2.1.3 水平线标签＜hr/＞/11

2.1.4 案例—制作兴宇书城积分说明页面/13

 2.2 用于布局的块级标签/14

2.2.1 无序列表/14

2.2.2 有序列表/15

2.2.3 表格/16

2.2.4 表单/25

2.2.5 分区/26

 2.3 实训—制作力天科技简介页面/27

 习题2/28

第3章 行级标签/30

 3.1 超链接/30

3.1.1 超链接的基本概念/30

3.1.2 超链接的应用/31

3.1.3 案例—制作兴宇书城购物指南/34

 3.2 图像/36

3.2.1 Web上常用的图像格式/36

3.2.2 图像标签＜img＞/36

3.2.3 用图像作为超链接热点/38

3.2.4 案例—制作兴宇书城图文简介/38

 3.3 表单元素/39

3.3.1 ＜input＞元素/40

3.3.2 选择栏＜select＞/44

3.3.3 多行文本域＜textarea＞…＜/textarea＞/46

3.3.4 表单的高级用法/46

3.3.5 案例—制作兴宇书城会员注册表单/47

3.3.6 表单布局/48

 3.4 范围标签＜span＞/50

 3.5 换行标签＜br/＞/51

 3.6 实训—制作力天商务网“联系我们”表单/51

 习题3/53

第4章 CSS样式表/54

 4.1 CSS概述/54

4.1.1 CSS的基本概念/54

4.1.2 CSS的发展历史/55

4.1.3 CSS的代码规范/55

4.1.4 CSS的工作环境/56

4.1.5 体验CSS/57

 4.2 样式表语法/57

4.2.1 CSS规则/58

4.2.2 常用的选择符/58

 4.3 CSS的属性单位/71

4.3.1 长度、百分比单位/71

4.3.2 色彩单位/72

 4.4 网页中插入CSS的方法/73

4.4.1 定义内部样式表/73

4.4.2 定义行内样式表/75

4.4.3 链入外部样式表/76

4.4.4 导入外部样式表/78

4.4.5 案例—制作兴宇书城图书详细信息/79

 4.5 样式表的层叠、特殊性与重要性/81

4.5.1 样式表的层叠/81

4.5.2 特殊性/83

4.5.3 重要性/83

 4.6 元素分类/84

 4.7 实训—制作力天商务网商机发布信息区/84

 习题4/86

第5章 Div+CSS布局方法/88

 5.1 Div布局理念/88

5.1.1 Div布局页面的优点/88

5.1.2 使用嵌套的Div容器实现页面排版/88

 5.2 CSS盒模型/89

5.2.1 盒模型的概念/90

5.2.2 盒模型的属性/90

5.2.3 盒模型的宽度与高度/96

5.2.4 外边距的叠加/97

5.2.5 盒模型综合案例/98

 5.3 盒子的定位/100

5.3.1 静态定位/100

5.3.2 相对定位/102

5.3.3 绝对定位/102

5.3.4 相对定位与绝对定位的混合使用/103

5.3.5 固定定位/103

 5.4 盒子的浮动/105

5.4.1 浮动/105

5.4.2 清除浮动/109

5.4.3 定位与浮动综合案例/110

 5.5 CSS常用布局样式/115

5.5.1 两列布局样式/115

5.5.2 三列布局样式/119

 5.6 Div+CSS布局综合案例/123

5.6.1 页面布局规划/123

5.6.2 页面的制作过程/124

 5.7 实训—力天商务网博客页面的布局/129

5.7.1 页面布局规划/130

5.7.2 页面的制作过程/130

 习题5/136

第6章 使用CSS实现常用的样式修饰/138

 6.1 设置文字的样式/138

6.1.1 设置文字的字体/138

6.1.2 设置字体的大小/139

6.1.3 设置字体的粗细/140

6.1.4 设置字体的倾斜/141

6.1.5 设置字体的修饰/142

6.1.6 设置文本的颜色/144

 6.2 设置段落的样式/145

6.2.1 设置文字的对齐方式/145

6.2.2 设置首行缩进/146

6.2.3 设置首字下沉/146

6.2.4 设置行高/147

6.2.5 设置字间距/148

6.2.6 设置字符间距/149

6.2.7 设置文本的大、小写/150

 6.3 设置图片样式/151

6.3.1 图片的边框/151

6.3.2 图片的缩放/153

 6.4 设置背景/154

6.4.1 设置背景颜色/154

6.4.2 设置背景图像/155

6.4.3 设置背景重复/155

6.4.4 设置背景定位/157

6.4.5 设置背景大小/159

6.4.6 案例—制作兴宇书城购物车统计信息/160

 6.5 图文混排/162

 6.6 用CSS设置常用样式修饰的综合案例/165

6.6.1 页面布局规划/165

6.6.2 页面的制作过程/166

 6.7 实训—制作力天商务网商务安全中心页面/172

 习题6/179

第7章 使用CSS设置链接与导航菜单/181

 7.1 使用CSS设置链接/181

7.1.1 超链接伪类/181

7.1.2 改变文字链接的外观/182

7.1.3 创建按钮式超链接/184

7.1.4 图文链接/186

 7.2 使用CSS设置列表/186

7.2.1 设置列表类型/188

7.2.2 设置列表项图像/191

7.2.3 设置列表项位置/192

7.2.4 图文信息列表/193

 7.3 创建导航菜单/197

7.3.1 普通的超链接导航菜单/197

7.3.2 纵向列表模式的导航菜单/199

7.3.3 横向列表模式的导航菜单/203

 7.4 使用CSS设置链接与导航菜单综合案例/207

7.4.1 页面布局规划/207

7.4.2 页面的制作过程/208

 7.5 实训—制作力天商务网技术支持页面/215

 习题7/226

第8章 使用JavaScript制作网页特效/227

 8.1 JavaScript简介/227

 8.2 在网页中插入JavaScript的方法及定义/227

8.2.1 在HTML文档中嵌入脚本程序/227

8.2.2 链接脚本文件/229

8.2.3 在标签内添加脚本/229

 8.3 常见的网页特效/230

8.3.1 循环滚动的图文字幕/230

8.3.2 幻灯片切换的广告/234

 8.4 实训—制作二级纵向列表模式的导航菜单/236

 习题8/239

第9章 兴宇书城首页和列表页/241

 9.1 网站的开发流程/241

9.1.1 规划站点/241

9.1.2 网站制作/243

9.1.3 测试网站/243

9.1.4 发布站点/243

 9.2 设计首页布局/243

9.2.1 使用Dreamweaver创建站点/243

9.2.2 页面布局规划/246

 9.3 首页的制作/246

 9.4 制作列表页/256

 习题9/258

第10章 图书详细信息页面和查看购物车页面/260

 10.1 制作图书详细信息页面/260

 10.2 制作查看购物车页面/266

 习题10/269

第11章 兴宇书城后台管理页面/270

 11.1 后台管理登录页面的制作/270

 11.2 查询图书页面的制作/274

 11.3 添加图书页面的制作/283

 11.4 会员管理页面的制作/287

 11.5 页面的整合/289

 习题11/289

参考文献/291