网页制作与设计教程（第二版）

第二版前言

计算机网络特别是Internet在过去十几年经历了爆炸式的增长，网络是现代计算机业最为活跃的领域，也是发展最为迅速的领域。网页和网站是网络特别是Internet的重要组成部分，企业、公司和机构通过网站来宣传推介自己的技术和产品，个人发布主页展示自己的风采，人们从不同类型的网站来获取需要的信息。因此，掌握网页制作和构建网站的技术是21世纪青年不可或缺的素质。

然而，制作网页并构建网站不是一蹴而就的，这是一个复杂的过程，需要付出艰辛的劳动。在这个过程中所涉及的软件和工具相当多，而市场上关于网页制作的书籍虽然很多，但多数是针对一种专门的软件或工具的，缺乏系统性；并且真正需要的只是这些书籍的一小部分内容，这样使得我们要将大量的时间和精力放在查阅自己真正需要的内容上。

目前，不少高等院校开设了网页制作与设计课程，但缺少一本全面系统地介绍网页制作所涉及的软件和工具的教材，本书正是基于这样一种需要而编写的。考虑到学习制作网页时读者一般已经具有一定的计算机操作水平，所以本书比较侧重于实践和应用，这样可以在最短的时间内直接切入主题，使读者在比较短的篇幅中了解到自己真正需要的内容。本书第一版出版后，得到了不少读者的认同，但计算机技术飞速发展，特别是网页制作软件版本更新较快，促使作者对原书尽快升级改版。

本书是在第一版的基础上，借鉴国内同类教材的成功经验，密切关注计算机技术特别是网页制作相关软件的最新技术、最新版本编写而成。再版时，采用网页制作软件的最新版本，更新了原书的大部分实例，并对原书进行了补正。全书以笔者制作且已经上网发布的“大学英语自学自测系统”网站为主线，按易学、易懂、易掌握的原则，分别介绍当前网页制作与设计所涉及的常用软件和工具。全书共分为15章，第1章至第5章为网页制作与设计的基础知识，包括网站设计、网页文件的规划与创意、HTML网页设计语言、FrontPage网页设计技术和网页的上传与维护；第6章至第10章主要介绍网页制作与设计的一些工具，包括Dreamweaver、Photoshop、Flash、Fireworks等；第11章至第14章主要介绍网页编程的语言环境，包括JavaScript、ASP、PHP、XML等；第15章为一个综合实例，该实例是教材所涉及知识的总结和综合应用。

本书深入浅出，循序渐进，选材适当，结构严谨，不仅可以作为高等院校、职业技术学院以及中等专业学校的教材，也可以作为Web技术开发人员的参考书。

本书由杨长兴、陈语林、周诚编著。杨长兴教授负责全书的体系结构并统稿，同时编写了第1、2、15章，陈语林负责全书的审核并编写了第3、4章，周诚负责全书的编排并编写了第13、14章，第5、6、10章由梁建武编写，第7、8、9章及第12章的第2节由王鹰编写，第11、12章的其他部分由杨政宇编写。此外，参与本书编写与大纲讨论工作的还有周欣然、裘嵘、彭艳玲、王新英、孔志周、石山鹰、刘建成等。本书再版时，王鹰还做了大量的编修工作。

在本书编写过程中，得到了许多专家和同仁的热情帮助和大力支持，还得到了中国水利水电出版社的领导和编辑的指导与帮助。本书第一版出版后，国内部分读者写来函件，指出本书存在的问题与不足，谨此向他们表示最真挚的感谢！

由于计算机技术发展十分迅速，更由于作者学识水平所限，加之时间仓促，书中疏漏和错误之处在所难免，我们开通了3G电子邮箱tmmgz01@163.com，敬请广大读者批评指正。

编 者

2007年1月

第二版前言
第一版前言
第1章 网站设计 1
1.1 定位网站的主题和名称 1
1.1.1 题材的选择 2
1.1.2 选定网站名称 2
1.2 定位网站的CI形象 2
1.3 确定网站的栏目和版块 4
1.4 确定网站的目录结构和链接结构 5
1.4.1 网站的目录结构 5
1.4.2 网站的链接结构 6
1.5 确定网站的整体风格和创意设计 6
1.5.1 网站风格 7
1.5.2 网站创意 7
1.6 首页设计 8
1.6.1 版面布局 8
1.6.2 网页色彩搭配 10
1.7 思考与练习 11
第2章 网页文件的规划与创意 12
2.1 网页文件的规划 12
2.1.1 网页文件的种类 12
2.1.2 网页文件的规划 12
2.1.3 网页文件的设计原则 13
2.2 网页的创意设计 14
2.2.1 网页创意设计的意义、功能和目的 14
2.2.2 网页创意设计的构成要素及其作用 15
2.2.3 网页创意设计的原理和准则 16
2.2.4 网页创意设计的形式法则和表现手法 17
2.3 网页的创作步骤 22
2.3.1 网页的准备 22
2.3.2 网页的创意设计 23
2.3.3 网页的制作 23
2.4 网页制作基础 24
2.4.1 设计前的考虑因素 24
2.4.2 设计过程的考虑因素 25
2.5 网页制作常用工具简介 27
2.5.1 FrontPage 27
2.5.2 Dreamweaver 28
2.5.3 Flash 30
2.5.4 其他工具和设计技术 31
2.6 思考与练习 31
第3章 HTML网页设计语言基础 33
3.1 HTML概述 33
3.2 网页数据编辑与格式化 34
3.2.1 创建HTML文档 34
3.2.2 标签格式 36
3.2.3 标题格式 36
3.2.4 段落格式 37
3.2.5 文字格式 41
3.2.6 列表格式 44
3.3 在网页中建立超链接 47
3.3.1 超链接标记符… 47
3.3.2 创建超链接 47
3.4 在网页中插入图片 50
3.4.1 插入图片 50
3.4.2 图片布局 51
3.5 表格设计 54
3.5.1 创建基本表格 54
3.5.2 表格及文字的对齐与布局 58
3.5.3 设置表格尺寸 59
3.5.4 设置表格的色彩 60
3.5.5 创建跨多行、多列的表元 61
3.6 思考与练习 62
第4章 FrontPage 2003网页设计技术 64
4.1 FrontPage 2003简介 64
4.2 FrontPage 2003的视图 65
4.2.1 网页视图 65
4.2.2 文件夹视图 67
4.2.3 远程网站视图 68
4.2.4 报表视图 68
4.2.5 导航视图 69
4.2.6 超链接视图 69
4.2.7 任务视图 69
4.3 FrontPage 2003的编辑方法 70
4.3.1 标题段落 70
4.3.2 修饰文本 70
4.3.3 插入水平线 72
4.4 使用列表 73
4.4.1 项目符号列表 73
4.4.2 编号列表 73
4.4.3 定义列表 74
4.4.4 列表嵌套 74
4.4.5 列表的折叠 74
4.5 使用表格 75
4.5.1 创建表格 75
4.5.2 填充表格 76
4.5.3 表格属性 76
4.6 运用图形 78
4.6.1 添加图形 78
4.6.2 编辑图形 78
4.6.3 设置背景图形 81
4.7 设置链接 81
4.7.1 链接的建立 81
4.7.2 目标 82
4.8 音频的使用 82
4.8.1 插入音频 83
4.8.2 背景音乐 84
4.9 FrontPage 2003的高级应用 84
4.9.1 交互式按钮 85
4.9.2 移动字幕 86
4.9.3 网站计数器 87
4.9.4 网页横幅 88
4.9.5 DHTML效果设置 89
4.10 创建表单网页 93
4.10.1 使用模板创建表单网页 93
4.10.2 使用向导创建表单 95
4.11 主题与样式 97
4.11.1 样式表的使用 98
4.11.2 使用主题样式 99
4.12 使用框架 100
4.12.1 创建框架网页 100
4.12.2 框架网页实例 101
4.13 思考与练习 103
第5章 网站的发布与管理 104
5.1 网站发布前的准备 104
5.1.1 发布网站的条件 104
5.1.2 为网站注册域名 105
5.1.3 上传工具简介 105
5.1.4 发布网页的步骤 106
5.2 网页测试 107
5.2.1 网页测试方法 108
5.2.2 测试项目 108
5.3 网站的更新与管理 109
5.3.1 网站更新 109
5.3.2 网站升级 110
5.4 安全问题 110
5.5 思考与练习 111
第6章 Dreamweaver 8网页设计技术 112
6.1 Dreamweaver简介 112
6.1.1 Dreamweaver 8的新功能 112
6.1.2 操作界面 112
6.2 Dreamweaver 制作网站基础 117
6.2.1 定义一个本地站点 117
6.2.2 创建网页 118
6.2.3 构建页面草图 119
6.2.4 修改网页属性 120
6.2.5 利用表格为网页布局 120
6.2.6 利用框架为网页布局 123
6.2.7 插入图像 124
6.2.8 插入鼠标经过图像 125
6.2.9 创建图片热点 126
6.2.10 插入Flash对象 127
6.2.11 插入其他媒体对象 129
6.2.12 网页内容的设计与编辑 130
6.3 思考与练习 133
第7章 Photoshop CS2图形图像处理基础 134
7.1 Photoshop CS2简介 134
7.1.1 操作界面 134
7.1.2 工具和工具箱 135
7.1.3 调板 138
7.1.4 色彩模式 142
7.1.5 文件格式 144
7.2 Photoshop处理图像实例 145
7.2.1 文件的操作 145
7.2.2 图像编辑 147
7.2.3 文字处理 153
7.2.4 背景图案的制作 156
7.2.5 制作网页插图 156
7.3 思考与练习 158
第8章 Flash 8动画制作基础 159
8.1 Flash 8简介 159
8.1.1 操作界面 159
8.1.2 文件的操作 161
8.1.3 场景和场景控制面板 162
8.1.4 舞台与时间轴 163
8.1.5 对象、元件、实例和库 165
8.2 Flash工具的使用 167
8.2.1 工具箱 167
8.2.2 直线和铅笔 168
8.2.3 椭圆、矩形和多角星形 169
8.2.4 刷子及颜料桶工具 169
8.2.5 钢笔与部分选择工具 170
8.2.6 选择工具 171
8.2.7 变形工具 173
8.2.8 文字工具 175
8.3 Flash动画综合范例 176
8.3.1 路径引导动画的制作 176
8.3.2 图片滚动动画的制作 177
8.4 思考与练习 179
第9章 Fireworks 8图形图像处理基础 181
9.1 Fireworks 8简介 181
9.1.1 操作界面 181
9.1.2 工具箱 182
9.1.3 控制面板 185
9.1.4 文件窗口 189
9.1.5 工具箱矢量模式与位图模式 190
9.2 Fireworks图像编辑基础 191
9.2.1 文件的操作 191
9.2.2 图像制作 192
9.3 思考与练习 197
第10章 其他工具介绍 198
10.1 网页设计工具软件的简介 198
10.2 Web创作与网站管理软件 198
10.3 HTML代码编辑软件 199
10.4 动画制作软件 200
10.4.1 Adobe ImageReady 200
10.4.2 Ulead GIF Animator 201
10.4.3 Ulead Cool 3D 202
10.5 图形图像软件 202
10.6 音频视频处理软件 204
10.7 思考与练习 204
第11章 在网页中使用JavaScript 205
11.1 JavaScript 简介 205
11.1.1 JavaScript的特点 205
11.1.2 JavaScript运行和编辑环境 206
11.1.3 在HTML中嵌入JavaScript脚本 206
11.2 JavaScript语言结构 207
11.2.1 数据和运算符 207
11.2.2 语句和程序控制 210
11.3 JavaScript的事件驱动 212
11.3.1 什么是事件 212
11.3.2 事件类型 212
11.3.3 如何监测事件 213
11.3.4 如何调用事件处理器 213
11.4 JavaScript的对象 214
11.4.1 对象的概念 214
11.4.2 JavaScript内部对象的属性和方法 216
11.4.3 浏览器内部对象系统 217
11.4.4 创建新对象 226
11.5 JavaScript实例 228
11.6 思考与练习 234
第12章 ASP动态网页制作基础 236
12.1 ASP简介 236
12.1.1 什么是ASP 236
12.1.2 ASP的工作方式 236
12.1.3 用ASP编写动态网页 237
12.2 VBScript脚本语言简介 237
12.2.1 VBScript的数据和运算符 238
12.2.2 VBScript的语句 242
12.3 ASP内置对象 249
12.3.1 Request对象 249
12.3.2 Response对象 253
12.3.3 Server对象 258
12.3.4 Session对象 259
12.3.5 Application对象 260
12.3.6 ObjectContext对象 261
12.4 ASP内置组件 262
12.4.1 Ad Rotator组件 263
12.4.2 Browser Capabilities组件 265
12.4.3 File Access组件 267
12.4.4 Content Linking组件 269
12.4.5 Database Access组件 271
12.4.6 其他ASP组件 271
12.5 思考与练习 271
第13章 PHP语言简介 273
13.1 PHP概述 273
13.1.1 PHP的历史 273
13.1.2 PHP的功能 273
13.2 PHP的语法 274
13.2.1 一个简单的PHP 程序 274
13.2.2 PHP 的基本结构 274
13.2.3 PHP 的数据处理 275
13.2.4 PHP 的运算符号 278
13.2.5 基本流程控制 280
13.2.6 函数 284
13.2.7 对象 286
13.3 用PHP实现网站留言板 287
13.4 思考与练习 291
第14章 XML语言简介 292
14.1 XML 概述 292
14.1.1 XML的历史 292
14.1.2 XML的优缺点 292
14.2 XML 的语法 293
14.2.1 XML文件的逻辑结构 293
14.2.2 XML文件的物理结构 297
14.3 XML的文档类型说明——DTD 299
14.3.1 内部DTD 299
14.3.2 外部DTD 300
14.3.3 元素类型声明 301
14.3.4 定义元素及其子元素 301
14.3.5 定义有效的元素属性 302
14.4 XML的显示——样式单 306
14.4.1 CSS概述 306
14.4.2 使用CSS显示XML文档 308
14.4.3 XSL概述 308
14.4.4 一个XSLT的简单例子 309
14.5 思考与练习 312
第15章 网站制作综合实例 313
15.1 网站的设计原则及标准 313
15.1.1 设计原则 313
15.1.2 设计标准 315
15.2 准备工作 315
15.3 具体设计和规划 315
15.4 建立网站 316
15.5 主页的制作 316
15.6 网页的上传和维护 317
15.7 思考与练习 317
参考文献 318

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. 网页设计与制作（第二版）实训指导 [任正云 赖玲 严永松 王娅纷]
29. 网页设计与制作（第二版） [任正云 赖玲 严永松 编著]
30. 网页设计与制作 [主编 陈彦许 陈维华]