网页设计与制作实用技术（第二版）

 以培养职业能力为核心，以项目为载体，任务驱动，学生在设计与制作网站的过程中学会知识与技能，体现了“做中学、学中做”。

 基于网站设计与制作的工作过程构建项目和选取课程内容。每个项目又细分为子项目和任务，各任务安排循序渐进、由浅入深。

 可读性强、适用性强。各项目由长期身处教学一线和网站设计制作工作岗位的教师及工程师编写。

 综合性强。融Photoshop、Dreamweaver、ASP和Access数据库技术于网站设计与制作过程中，全书自始至终贯穿一个综合项目，课程完成一个完整的网站也就制作完成了，学生会有很强的成就感。

第二版前言

本书是作者结合多年的教学经验，在《网页设计与制作实用技术》第一版的基础上修改完成的。教材仍保持原教材特点，打破其他教材重点介绍网页制作软件这一套路，把网页设计和制作的各种实用技术作为重点介绍，更加明确了学习目的，有利于提高学生的学习效果。

书中首先展示给读者几个生动的网页画面，这些网页基本上涵盖了大部分网页的主要功能，让读者对网页有一个初步的认识；然后结合示例介绍网页设计和制作技术，包括：网页中文本、图像、超链接、表格、表单和框架等处理方法，美化网页、CSS样式、模板和库等技术，脚本语言的使用、ASP.NET和ADO.NET技术。在教材的最后，介绍示例网站的制作过程，使读者更好地掌握网页制作的方法和步骤。

本书第一版自2005年出版以来，受到广大读者的厚爱与支持，在此深表感谢。作为第二版，作者继续保留第一版教材的特色，并对部分内容进行了改进，主要有以下几点：

（1）对教材中所涉及的软件进行了全面更新，全部使用市场上较常用的网页制作工具，书中的所有示例都是采用最新的工具软件制作而成的。

（2）随着软件的升级，一些名词、术语发生了变化，将原来的第9章“利用图层技术制作网页”改为“利用AP Div技术制作网页”。

（3）考虑到课程学时的限制，对第10章“美化网页”的内容进行了调整，删去了Photoshop和Fireworks部分内容，只保留Flash部分。

（4）根据目前网页设计的需求，增加了第11章“在网页中应用多媒体对象”。

（5）将原来的ASP、ADO技术改为目前较流行的ASP.NET、ADO.NET技术。

（6）每章增加了形式多样的习题，供读者练习和巩固知识点。

全书共分17章，第1章网页制作初识；第2章介绍网站的创建方法；第3～9章分别介绍网页文本、表格、图像、超链接、表单、框架、AP Div的处理技术；第10章介绍利用Flash CS5制作网页动画；第11章介绍在网页中应用多媒体对象；第12章介绍在网页中使用CSS样式；第13章介绍利用模板和库设计网页；第14章介绍在网页中使用脚本语言；第15章介绍ASP.NET技术；第16章介绍在网页中使用ADO.NET技术；第17章给出网站制作的综合示例。

本书由齐建玲、杨艳杰任主编，赵丽、王欢、殷生斗任副主编。其中，第1～5章由齐建玲编写，第6～10章由赵丽编写，第11和12章由杨艳杰编写，第13、14、17章由王欢编写，第15和16章由殷生斗编写，李广川、王静、袁全波、王慧娟、赵秀芬、曲风娟、赵丽艳、王宏宇、肖成等参与了部分内容的编写和示例的制作。全书由齐建玲统稿。

限于编者水平，书中难免有错误和不妥之处，敬请广大读者批评指正。作者E-mail：qjl67@nciae.edu.cn。

编者

2012年3月

第一版前言

本书作为应用型本科教材，是作者结合多年的教学经验，在原高职高专教材基础上修改完成的。作者保留了原教材的风格。从教材结构上打破了以往教材重点介绍网页制作软件这一套路，针对某些具体的网页，以介绍这些网页设计和制作技术为主、网页制作软件为辅，更加明确了学习目的，有利于激发学生的学习兴趣。从内容安排上去掉了原来利用FrontPage 2000制作网页部分的内容，新增了利用CSS样式、模板和库等制作网页技术及动态网页制作技术部分内容。另外，作者对书中涉及的网页制作工具软件进行了全面升级。

书中首先给出一个高校校园网网站制作实例，展示给读者几个生动的网页画面，这些网页都是作者精心设计制作的，基本上涵盖了大部分网页的主要功能，让读者对网页有一个初步的印象。然后结合这些网页介绍网页设计和制作技术。在介绍网页设计和制作技术时，作者分静态网页和动态网页两部分内容分别介绍。静态网页制作技术包括网页中文本、图像、超链接、表格、表单、图层和框架等的处理方法，以及美化网页、CSS样式、模板和库等技术；动态网页制作技术包括脚本语言的使用、ASP技术、ADO技术。在本书的最后，作者具体介绍了该网站的制作过程，让读者充分了解网页制作的全部过程，从而更好地掌握网页制作的方法和步骤。

本书用浅显易懂的语言并辅之以精选的插图讲解具体的操作过程，并对初学者容易忽略的环节或容易出现的误操作进行详细的剖析，切实教会学生制作网页的方法。相信读者只要按部就班地制作好这些网页，就基本上掌握了网页的制作方法。只要对这些网页稍加改进，一定能制作出适合您需要的网页来。

全书共分16章，第1章网页制作初识，给出一个网页制作的实例，让读者充分认识网页；第2章介绍网站的创建方法；第3～9章分别介绍网页中文本、表格、图像、超链接、表单、框架、图层的处理技术；第10章介绍美化网页的方法；第11章介绍在网页中使用CSS样式；第12章介绍利用模板和库设计网页；第13章介绍在网页中使用脚本语言；第14章介绍ASP技术；第15章介绍在网页中使用ADO技术；第16章给出网站制作的综合示例。选用本书的学校可以通过电子邮件与作者联系，获取本书相关教学材料或应用案例，作者E-mail：qjl67@nciae.edu.cn。

本书由齐建玲任主编，郭铁柱、刘博涛、何丽娟任副主编。其中，第1～4章由齐建玲编写，第5～8章由何丽娟编写，第9～14章由郭铁柱编写，第15、16章由刘博涛编写，崔岩、崔业勤、宋存米、赵秀芬、曲风娟、赵丽艳、王静、袁莉也参与了部分内容的编写和示例的制作。全书由齐建玲统稿。

由于作者水平有限，书中难免出现一些错误和不妥之处，敬请广大读者批评指正。

编者

2005年2月

第二版前言
第一版前言

第1章 网页制作初识 1
1.1 初识网页与网站 1
1.1.1 网页与网站的概念 1
1.1.2 浏览网页的工具—浏览器 2
1.1.3 网页的类型 2
1.2 一个校园网的制作示例 3
1.2.1 主要的网页画面 3
1.2.2 网页的基本功能 5
1.3 网页的基本要素 6
1.3.1 文本 6
1.3.2 表格 6
1.3.3 图形 7
1.3.4 超链接 7
1.3.5 交互功能 8
1.3.6 音频和视频 8
1.4 网页制作和美化工具 9
1.4.1 网页制作工具 9
1.4.2 网页美化工具 10
1.5 网页制作的基本步骤 11
1.5.1 网站定位 11
1.5.2 整体规划 12
1.5.3 网页设计与制作 13
1.5.4 测试网页 15
1.5.5 网页上传发布 15
1.5.6 网站的宣传与推广 15
1.5.7 网站的反馈与评价 15
1.5.8 网站的更新与维护 16
习题一 16
第2章 创建站点 17
2.1 规划站点结构 17
2.2 利用Dreamweaver CS5管理站点 18
2.2.1 Dreamweaver CS5简介 18
2.2.2 定义站点 21
2.2.3 站点的基本操作 23
2.2.4 网页文件的基本操作 25
习题二 28
第3章 网页文本的处理 30
3.1 利用Dreamweaver CS5处理网页文本 30
3.1.1 输入文本 30
3.1.2 查找/替换文本的内容 34
3.1.3 设置文本格式 35
3.1.4 添加和删除中文字体 36
3.1.5 设置页面的属性 37
3.2 利用HTML处理文本 38
3.2.1 HTML基础 40
3.2.2 标题处理 43
3.2.3 段落处理 43
3.2.4 文本格式处理 45
习题三 49
第4章 网页表格的处理 51
4.1 利用Dreamweaver CS5处理网页表格 51
4.1.1 创建表格 51
4.1.2 编辑表格 54
4.1.3 表格属性的设置 58
4.1.4 表格的排序 59
4.2 利用HTML处理网页表格 60
4.2.1 表格的基本构成 60
4.2.2 表格的编辑及属性设置 61
习题四 62
第5章 网页图像的处理 64
5.1 利用Dreamweaver CS5编辑图像 64
5.1.1 网页中的颜色 64
5.1.2 图像格式 65
5.1.3 使用网页图像的要点 67
5.1.4 在网页中插入图像 68
5.1.5 设置网页背景 73
5.1.6 在Dreamweaver CS5中巧妙地
处理图像 74
5.2 利用HTML处理图像 76
5.2.1 插入图像 76
5.2.2 设置图像属性 76
习题五 77
第6章 在网页中使用超链接 79
6.1 利用Dreamweaver CS5处理超链接 79
6.1.1 超链接简介 79
6.1.2 文本超链接 80
6.1.3 图像超链接 83
6.1.4 创建图像热点链接 83
6.1.5 创建锚记超链接 84
6.1.6 创建电子邮件超链接 85
6.1.7 创建下载文件超链接 86
6.1.8 创建空链接 86
6.1.9 创建脚本链接 86
6.1.10 链接的更新与检查 86
6.2 利用HTML创建超链接 90
6.2.1 页面链接 90
6.2.2 锚记链接 91
6.2.3 电子邮件链接 91
习题六 92
第7章 网页表单的处理 93
7.1 表单概述 93
7.2 利用Dreamweaver CS5处理表单 94
7.2.1 表单插入面板 94
7.2.2 创建空白表单 95
7.2.3 插入并设置文本域 96
7.2.4 插入并设置单选按钮 99
7.2.5 插入并设置复选框 100
7.2.6 插入并设置下拉列表框 101
7.2.7 插入按钮 103
7.2.8 设置表单的背景颜色 104
7.2.9 验证表单内容 104
7.3 利用HTML处理表单 105
7.3.1 表单标记符 106
7.3.2 表单输入标记符 106
7.3.3 控件定义方法 106
习题七 111
第8章 利用框架技术制作网页 112
8.1 认识框架网页 112
8.2 利用Dreamweaver CS5处理框架 113
8.2.1 创建框架网页 113
8.2.2 编辑框架网页 116
8.2.3 保存框架网页 118
8.2.4 框架属性及框架集属性设置 119
8.2.5 设置框架中的链接目标 121
8.3 利用HTML创建网页框架 121
8.3.1 利用HTML创建框架网页 121
8.3.2 框架结构的定义 123
8.3.3 框架属性设置 123
8.3.4 网页中的网页IFrame 124
习题八 125
第9章 利用AP Div技术制作网页 127
9.1 认识AP Div 127
9.2 AP Div的基本操作 128
9.2.1 创建AP Div 128
9.2.2 选择AP Div 129
9.2.3 激活AP Div 130
9.2.4 移动AP Div 130
9.2.5 复制AP Div 131
9.2.6 调整AP Div的大小 131
9.2.7 对齐AP Div 132
9.2.8 吸附AP Div到网格 132
9.3 AP Div的管理 132
9.3.1 AP Div的命名 132
9.3.2 改变AP Div的可见性 133
9.3.3 改变AP Div的叠放次序 133
9.4 AP Div与表格 133
9.4.1 将AP Div转换为表格 134
9.4.2 将表格转换为AP Div 134
习题九 135
第10章 利用Flash CS5制作网页动画 136
10.1 Flash CS5简介 136
10.1.1 有关动画的一些基本概念 138
10.1.2 Flash CS5的界面组成 139
10.1.3 Flash CS5中的一些基本操作 143
10.2 利用Flash CS5制作网页动画 147
10.2.1 Flash文件的类型 147
10.2.2 Flash动画的类型 147
10.2.3 Flash动画的制作 149
10.3 在网页中加入Flash动画 154
10.3.1 准备工作 154
10.3.2 文件的发布设置 155
10.3.3 在网页中加入.swf动画 157
习题十 158
第11章 在网页中应用多媒体对象 159
11.1 在网页中插入SWF文件 159
11.1.1 在网页中插入SWF文件 159
11.1.2 设置SWF文件属性 160
11.2 在网页中插入FLV文件 162
11.3 在网页中插入Shockwave影片 163
11.4 在网页中插入ActiveX控件 164
11.5 在网页中插入Java Applet 165
11.6 在网页中插入声音 166
11.6.1 声音文件 166
11.6.2 插入声音文件 167
习题十一 168
第12章 在网页中使用CSS样式 169
12.1 CSS简介 169
12.2 CSS样式 169
12.2.1 CSS样式表组成 169
12.2.2 几种常用的选择器类型 170
12.3 CSS属性 172
12.3.1 字体属性 172
12.3.2 文本属性 173
12.3.3 颜色与背景属性 175
12.3.4 布局属性 175
12.3.5 定位和显示属性 176
12.3.6 鼠标样式属性 177
12.3.7 列表样式属性 177
12.3.8 CSS滤镜 177
12.4 在Dreamweaver CS5中使用CSS样式 178
12.4.1 利用CSS样式面板应用
CSS样式 178
12.4.2 利用属性面板应用CSS样式 182
12.4.3 直接在HTML中插入代码 182
12.4.4 在Dreamweaver CS5中CSS的
应用技巧 186
习题十二 188
第13章 利用模板和库设计网页 189
13.1 利用模板创建网页 189
13.1.1 模板原理 189
13.1.2 创建模板 190
13.1.3 在模板中创建可编辑区域 191
13.1.4 在模板中创建重复区域 193
13.1.5 在模板中使用可选区域 195
13.1.6 在模板中指定可编辑标签属性 196
13.1.7 应用模板 196
13.1.8 管理模板 198
13.2 利用模板更新网页 199
13.2.1 修改页面附着的模板 199
13.2.2 更新附着模板的页面 200
13.3 利用库项目维护网页 201
13.3.1 创建库项目 201
13.3.2 在文档中插入库项目 202
13.3.3 库项目的管理 202
13.3.4 更新网页 205
习题十三 206
第14章 在网页中使用行为特效 207
14.1 JavaScript简介 207
14.1.1 JavaScript的特点 207
14.1.2 JavaScript的运行和编辑环境 208
14.1.3 在网页中使用JavaScript 208
14.2 JavaScript编程基础 210
14.2.1 JavaScript变量 210
14.2.2 JavaScript运算符 211
14.2.3 JavaScript表达式 211
14.2.4 JavaScript语句 212
14.2.5 JavaScript函数 213
14.3 JavaScript行为的事件驱动 214
14.3.1 行为概述 214
14.3.2 事件类型 214
14.4 JavaScript的对象 215
14.4.1 JavaScript的内部对象 216
14.4.2 浏览器对象 219
14.5 利用Dreamweaver CS5添加网页
行为特效 221
14.5.1 认识行为面板 221
14.5.2 利用“行为”面板添加网页特效 222
习题十四 225
第15章 利用ASP.NET实现交互功能 226
15.1 ASP.NET技术基础 226
15.2 ASP.NET页面 228
15.2.1 Web页面框架 228
15.2.2 Web窗体控件 230
15.2.3 创造ASP.NET页面 233
15.3 ASP.NET内置对象 234
15.3.1 Response对象 235
15.3.2 Request对象 236
15.3.3 Application对象 236
15.3.4 Session对象 238
15.3.5 Server对象 239
15.3.6 Cookie对象 240
15.3.7 Global.asax 242
15.4 ASP.NET应用程序配置 243
15.4.1 ASP.NET应用程序概述 243
15.4.2 配置Web.config 244
15.4.3 配置machine.config 245
习题十五 246
第16章 利用ADO.NET实现网页与数据库
的连接 247
16.1 ADO.NET概述 247
16.1.1 ADO.NET简介 247
16.1.2 ADO.NET的作用 248
16.1.3 ADO.NET的结构 248
16.1.4 ADO.NET的命名空间 249
16.2 ADO.NET常用对象 250
16.2.1 Connection对象 250
16.2.2 Command对象 251
16.2.3 DataAdapter对象 252
16.2.4 DataReader对象 253
16.2.5 DataSet对象 254
16.2.6 DataTable对象 255
16.3 ADO.NET访问数据库 257
习题十六 263
第17章 校园网制作示例 264
17.1 定义站点 264
17.2 制作主页 264
17.2.1 主页布局 264
17.2.2 主页制作 265
17.3 “学校概况”页面的制作 272
17.3.1 框架表格的制作 272
17.3.2 页面内容制作 273
17.3.3 其他页面的制作 275
参考文献 276

1. 基于.NET Core框架的分布式系统架构设计 [汤佳 著]
2. Web用户界面设计与制作 [主编 赵娟]
3. ASP.NET（C#）网站开发（第二版） [主编 张志明 王辉]
4. Web开发实战 [主编　肖睿　陈永]
5. Bootstrap与jQuery UI框架设计 [主编 肖睿 吴振宇]
6. 网页设计与制作 [主编 杨毅]
7. 网页制作实战 [主编 肖睿 罗保山]
8. 网页设计与制作 [主编 陈建国 项炜]
9. 16课学会网页程序设计—— HTML5+CSS3+JavaScript+jQuery+ [施威铭研究室 著]
10. HTML5+CSS3前端技术——UI设计师与开发人员合作秘籍 [北京课工场教育科技有限公司Q]
11. Web程序设计实践教程 [主编 侯萍 郭俊荣]
12. 网页设计与制作 [孙娜 蒲秋梅 南洋 编著]
13. 玩转Axure RP——Axure RP 7.0高保真网页、APP原型设计 [谢星星 编著]
14. ASP.NET Web程序设计 [吴琴霞 栗青生 康晶 编著]
15. CSS+DIV页面布局技术 [主编 朱翠苗]
16. Web开发与安全防范 [主编 武春岭]
17. 网页设计实训教程 [主编 张春英 李英文 钟大伟]
18. ASP.NET（C#）网站开发 [主编 张志明 王辉]
19. 网页设计实用技术 [主 编 陈建国 李勤]
20. JSP设计与开发 [秦毅 王可]
21. ASP.NET项目开发教程 [邹承俊 任 华]
22. 动态网页设计与制作实用教程（第三版） [程伟渊 倪燃]
23. ASP程序设计（第二版） [叶潮流 杜奕智]
24. 网页前端技术 [主 编 王敏杰 任云晖]
25. 多媒体网页设计教程 [主编 朱国华 齐晖 李枫]
26. 网页设计与制作（第二版）实训指导 [任正云 赖玲 严永松 王娅纷]
27. 网页设计与制作（第二版） [任正云 赖玲 严永松 编著]
28. 网页设计与制作 [主编 陈彦许 陈维华]