网页设计与制作实用教程（刘艳丽）

基 础 篇
第1章 网页制作技术概述 3
1.1 常用的网页制作工具 3
1.1.1 FrontPage 2000 简介 3
1.1.2 Dreamweaver简介 4
1.1.3 Dreamweaver和FrontPage 2000的简单比较 4
1.2 美化网页的主要工具 5
1.2.1 图像处理工具Fireworks 5
1.2.2 动画制作工具Flash
6
1.3 网页中的脚本语言 7
1.3.1 JavaScript 7
1.3.2 VBScript 8
1.4 服务器端主要技术 8
1.41 ASP与JSP技术 9
1.4.2 Dreamweaver UltraDev 9
1.5 认识Dreamweaver 4 10
1.5.1 安装Dreamweaver 4 10
1.5.2 Dreamweaver 4的用户界面 12
1.5.3 如何获取帮助信息 14
1.6 建立网站的基本流程 16
本章小结 18
思考题 18
上机练习 18
第2章 创建和管理本地站点 19
2.1 规划站点结构 19
2.2 建立本地站点 20
2.3 站点的基本操作 22
2.3.1 打开站点 22
2.3.2 定义站点 22
2.4 站点管理器的使用 23
2.4.1 显示站点管理器 23
2.4.2 操作站点文件 24
2.4.3 设置网站首页 25
2.4.4 显示站点地图 25
2.5 网页文件的基本操作 27
2.5.1 新建、保存和打开网页 27
2.5.2 预览网页 29
本章小结 30
思考题 31
上机练习 31
第3章 制作一个简单的网页 32
3.1 简单网页实例一 32
3.2 在页面中插入基本的网页元素 33
3.2.1 在页面中添加和处理文字 33
3.2.2 在页面中插入和处理图像 39
3.2.3 插入水平线 44
3.2.4 插入日期和时间 46
3.3 简单网页实例二 47
3.4 设置网页属性 48
3.4.1 认识网页属性对话框 48
3.4.2 在标题栏中增添网页标题 49
3.4.3 为网页增添背景图像 49
3.4.4 调整网页的边距 49
345 相关知识点 50
本章小结 51
思考题 52
上机练习 52
第4章 在网页中建立各种超级链接 53
4.1 创建超级链接 53
4.1.1 创建内部超级链接 53
4.1.2 创建外部超级链接 56
4.1.3 创建空链接和脚本链接 57
4.1.4 在新的浏览窗口中打开链接文件 58
4.2 创建E-mail链接 59
4.3 创建锚点链接 61
4.3.1 插入命名锚点 61
4.3.2 链接锚点 63
4.4 设置链接颜色 64
4.5 制作Image Map 64
4.5.1 制作热区 65
4.5.2 为热区添加说明文字和制作超级链接 66
4.5.3 编辑热区 66
4.6 其他链接形式 67
4.6.1 跳转菜单 67
4.6.2 制作翻转图像实例 68
4.6.3 制作导航栏实例 69
本章小结 72
思考题 73
上机练习 73
第5章 利用表格设计和制作网页 75
5.1 一个利用表格进行页面布局的实例 75
5.2 创建表格和表格的基本操作 76
5.2.1 插入空白表格
76
5.2.2 调整表格的大小或行高/列宽 78
5.2.3 合并与拆分单元格 79
5.2.4 表格的嵌套 80
5.2.5 表格的复制与粘贴 81
5.2.6 插入行和列 81
5.2.7 删除表格或行/列 83
5.3 在表格中插入页面元素 83
5.4 设置表格属性 85
5.4.1 选择表格或单元格 85
5.4.2 设置表格行、列及单元格属性 86
5.4.3 设置表格的总体属性 89
5.5 表格的高级应用技巧 91
5.5.1 利用表格制作水平线和垂直线 91
5.5.2 制作简单的圆角表格 94
5.6 表格的其他应用
94
5.6.1 表格数据的导入和导出 94
5.6.2 一个自动套用表格格式的实例 96
本章小结 97
思考题 97
上机练习 98
第6章 应用框架技术制作网页
99
6.1 框架应用实例
99
6.2 创建框架结构
100
6.2.1 插入框架集
101
6.2.2 选取框架和框架集 103
6.2.3 增加框架 103
6.2.4 删除框架
104
6.2.5 调整框架的大小 105
6.3 编辑框架集页面内容与保存框架集文件 105
6.3.1 编辑框架集页面内容 105
6.3.2 保存框架集文件 106
6.4 设置框架中的链接目标 107
6.4.1 将链接目标设置在创建的框架中 107
6.4.2 将链接目标设置在默认的框架中 108
6.5 修饰框架集网页外观 109
6.5.1 设置框架集属性 109
6.5.2 设置框架属性 111
本章小结 114
思考题 114
上机练习 114
第7章 应用图层技术制作网页 116
7.1 一个图层应用的实例 116
7.2 图层的基本操作 117
7.2.1 创建图层 117
7.2.2 选择图层 118
7.2.3 激活图层 119
7.2.4 移动图层 120
7.2.5 调整图层大小 121
7.2.6 对齐图层 122
7.2.7 吸附图层到网格 122
7.3 图层的管理
123
7.3.1 更改图层的名称 123
7.3.2 改变图层的叠放次序 124
7.3.3 改变图层的可见性 125
7.3.4 创建嵌套层 128
7.4 图层与表格 130
7.4.1 将图层转换为表格 131
7.4.2 将表格转换为图层 132
本章小结 133
思考题 133
上机练习 133
第8章 利用时间线制作动画 135
8.1 认识时间线 135
8.2 创建时间线动画 135
8.2.1 一个简单的直线运动的时间线动画实例 135
8.2.2 认识时间线面板 137
8.2.3 一个曲线运动的时间线动画实例 138
8.2.4 创建复杂路径的时间线动画实例 140
8.3 使用时间线改变图像和层属性 141
8.3.1 实现幻灯片效果 141
8.3.2 实现图像的渐推式显示效果 143
本章小结 144
思考题 144
上机练习 144
第9章 为页面元素添加行为 146
9.1 行为概述
146
9.2 使用行为 147
9.2.1 添加行为 147
9.2.2 编辑行为 148
9.3 Dreamweaver内置行为实例 150
9.3.1 弹出消息框(Popup Message) 150
9.3.2 打开浏览器窗口(Open Browser Window) 151
9.3.3 调用JavaScript程序(Call JavaScript) 153
9.3.4 在状态栏显示信息(Set Text of Status Bar) 154
9.3.5 设置图层中的文本(Set Text of Layer) 155
9.3.6 改变对象属性(Change Property) 156
9.3.7 播放声音(Play Sound)
159
9.3.8 跳转到URL(Go To URL)
160
9.3.9 控制Shockwave或Flash(Control Shockwave or Flash) 162
9.3.10 拖动图层(Drag Layer)
163
9.3.11 显示-隐藏图层(ShowHide Layers) 166
9.3.12 用行为控制时间线(Timeline) 168
本章小结 170
思考题 170
上机练习 170
第10章 在网页中使用CSS样式 172
10.1 利用CSS样式美化文本 172
10.1.1 使用CSS样式面板创建样式 173
10.1.2 创建自定义样式 174
10.1.3 重新定义HTML标签 176
10.1.4 应用CSS样式 177
10.1.5 修改CSS样式 178
10.2 利用CSS样式改变超级链接 178
10.2.1 创建外部CSS样式表控制整个站点的风格 179
10.2.2 使用CSS选择器 180
10.2.3 修改样式文件 182
10.2.4 链接外部样式文件 184
10.3 CSS样式综合应用 185
10.3.1 一个CSS样式综合应用的实例 185
10.3.2 样式冲突 189
本章小结 189
思考题 190
上机练习 190
第11章 用表单收集数据 191
11.1 表单实例1——畅想未来调查表 191
11.2 了解创建表单的基本方法 192
11.3 创建“调查表”表单 194
11.3.1 创建表单 194
11.3.2 设置表单属性 194
11.4 插入“调查表”表单对象 196
11.4.1 插入文本框 196
11.4.2 插入复选框和单选按钮 197
11.4.3 插入下拉菜单和命令按钮 198
11.5 表单实例2——友情链接 200
11.6 其他表单对象的用法 201
11.6.1 文件域 201
11.6.2 图像域 202
11.6.3 隐藏域 202
11.7 在表单中使用行为 202
11.7.1 验证表单 203
11.7.2 设置文本域的文本 204
本章小结 204
思考题 205
上机练习 205
第12章 应用模板和库快速设计网页 207
12.1 利用模板创建新页面 207
12.1.1 创建模板 209
12.1.2 定义可编辑区域 210
12.1.3 创建基于模板的新页面 211
12.2 利用模板更新网页 213
12.2.1 应用模板到当前网页 213
12.2.2 修改模板和更新网页 214
12.2.3 模板的管理 216
12.3 利用库项目维护网页 217
12.3.1 库项目的创建 218
12.3.2 库项目的应用 219
12.3.3 通过编辑库项目更新网页 220
12.3.4 库项目的管理 221
本章小结 223
思考题 223
上机练习 223
第13章 在网页中制作多媒体 224
13.1 制作交互对象
224
13.1.1 插入Flash按钮 225
13.1.2 插入Flash文本对象 226
13.1.3 插入其他交互对象 229
13.2 插入媒体对象 229
13.2.1 插入媒体对象的基本方法 230
13.2.2 插入Flash电影 230
13.2.3 插入Generator(发生器)对象 231
13.2.4 插入Shockwave电影 232
13.2.5 插入ActiveX控件和Java程序 233
13.3 插入声音
234
13.3.1 关于声音文件的格式 235
13.3.2 链接声音文件 235
13.3.3 在页面中插入声音 236
13.3.4 在页面中嵌入背景声音 236
本章小结 237
思考题 237
上机练习 237
第14章 测试和发布网页 239
14.1 申请域名和主页空间 239
14.1.1 如何申请域名 239
14.1.2 如何申请主页空间 240
14.2 申请计数器和留言板 242
14.2.1 如何申请计数器 242
14.2.2 如何申请留言板 242
14.3 如何测试网页 243
14.3.1 检测浏览器兼容性 244
14.3.2 检查链接错误 244
14.3.3 在浏览器中预览 246
14.4 将网页发布到Internet上 246
14.4.1 用Dreamweaver的站点管理器上传网页 246
14.4.2 用CuteFTP上传网页 249
14.5 推广你的网站——加入搜索引擎 250
本章小结 250
思考题 251
上机练习 251
拓 展 篇
第15章 页面中一些特殊效果的实现方法 255
15.1 页面的后台代码(HTML源代码) 255
15.1.1 查看和编辑当前页面的HTML代码 255
15.1.2 快速编辑HTML标签 260
15.1.3 定制HTML代码格式 264
15.1.4 清理HTML代码 267
15.2 使用脚本丰富网页 268
15.2.1 特效实例 269
15.2.2 脚本的基本操作 270
15.2.3 显示当前日期和星期 272
15.2.4 实现文字跟随鼠标的特效 274
15.3 使用插件 274
15.3.1 特效实例 274
15.3.2 安装插件 275
15.3.3 使用插件 276
15.3.4 删除插件 279
本章小结 279
思考题 279
上机练习 279
第16章 使用Fireworks处理图像 281
16.1 图像优化 281
16.2 切割图像 285
16.3 导出图像 285
16.3.1 导出一个图像 285
16.3.2 导出一个区域的图像 286
16.3.3 导出切片 287
16.4 制作按钮 287
16.5 制作下拉菜单 292
16.6 Dreamweaver和Fireworks联合作业 294
16.6.1 使用Fireworks编辑和优化Dreamweaver中的图像 294
16.6.2 在Dreamweaver中插入Fireworks文件 295
16.6.3 使用Dreamweaver和Fireworks结合创建网页相册 296
本章小结 298
上机练习 298
第17章 页面中常见Flash动画的制作方法 299
17.1 Flash的几个重要概念 299
17.1.1 Flash动画的格式 299
17.1.2 矢量图和位图 300
17.1.3 舞台和工作区 300
17.1.4 帧和时间线 300
17.1.5 符号和实例 300
17.2 简单动画的制作 301
17.2.1 运动渐变动画 301
17.2.2 形状渐变动画 305
17.3 层动画的制作 306
17.3.1 使用遮罩图层 306
17.3.2 使用运动导向图层 310
本章小结 314
思考题 314
上机练习 315
第18章 动态网页技术简介 316
18.1 动态网页技术概述 316
18.2 动态网页的实现技术 317
18.2.1 CGI技术 317
18.2.2 ASP技术 318
18.2.3 PHP技术 319
18.2.4 JSP技术 321
18.3 Dreamweaver UltraDev 4简介 322
18.3.1 UltraDev 的可视化特点 322
18.3.2 UltraDev的开发流程和开发环境 323
18.4 用Dreamweaver UltraDev 4处理表单数据 324
18.4.1 数据库设计和页面结构规划 325
18.4.2 设计投票页面 325
18.4.3 设计处理表单页面 326
18.4.4 设计结果页面 327
本章小结 329
思考题 329 