网页设计与制作教程（新世纪高职高专实用规划教材）

第1章 网站与网页设计基础 1
1.1 定位网站主题和名称 1
1.1.1 合理选题 1
1.1.2 精选网站名称 2
1.2 确立网站的CI形象 2
1.3 网站的目录结构和链接结构 4
1.3.1 网站的目录结构 4
1.3.2 网站的链接结构 6
1.4 确定网站的整体风格和
创意设计 6
1.4.1 网站风格 6
1.4.2 网站创意 7
1.5 网页设计“三剑客” 8
1.5.1 网页设计软件
Dreamweaver 9
1.5.2 网络图像处理软件
Fireworks 9
1.5.3 网络动画制作
软件Flash 10
1.6 其他常用工具 11
1.6.1 网页设计软件
Microsoft FrontPage 11
1.6.2 用Netscape Designer
设计网页 12
1.6.3 图像处理软件Photoshop 13
1.7 网页及网页中的元素 13
1.7.1 网页的基本介绍 13
1.7.2 网页中包括的元素 14
1.8 其他的设计元素 17
1.8.1 首页设计 17
1.8.2 版面布局 18
1.8.3 网页色彩搭配 20
1.9 制作并发布第一个网页 21
1.9.1 准备工作 21
1.9.2 定义本地站点 22
1.9.3 编辑网页 23
1.9.4 发布网站 28
习题 30
第2章 Dreamweaver MX 2004入门 32
2.1 Dreamweaver MX 2004
的新特性 32
2.2 Dreamweaver MX 2004
工作界面 32
2.3 简单的页面操作 34
2.3.1 管理页面 34
2.3.2 操作HTML源文件 37
2.3.3 导入Word文件 38
2.4 网页元素的运用 39
2.4.1 插入文本 40
2.4.2 插入水平线、特殊字符
和时间 41
2.4.3 插入图像 43
2.5 网页链接 44
2.5.1 相对路径和绝对路径 45
2.5.2 制作链接 46
2.5.3 预览链接效果 50
2.6 表格排版 50
2.6.1 创建新表格 51
2.6.2 修饰表格 52
2.6.3 嵌套表格 53
习题 53
第3章 在网页中创建表单和样式 55
3.1 使用表单制作动态网页 55
3.1.1 创建表单域 56
3.1.2 文本字段/文本区域 56
3.1.3 列表/菜单 57
3.1.4 单选按钮与复选框 59
3.1.5 按钮 60
3.1.6 隐藏区域 62
3.1.7 文件域 63
3.1.8 跳转菜单 63
3.1.9 表单属性 64
3.2 使用CSS样式制作动态网页 65
3.2.1 CSS基础 65
3.2.2 链接文字技术 67
3.2.3 三维文字 70
3.2.4 CSS滤镜 74
习题 83
第4章 Dreamweaver MX 2004
动态网页设计 85
4.1 使用动态图层 85
4.1.1 鼠标单击按钮时显示
或隐藏图层 85
4.1.2 鼠标移到图片时显示
隐藏图层 88
4.2 时间轴的应用 92
4.2.1 时间轴的使用 92
4.2.2 简单的时间轴实例 93
4.2.3 制作弹出菜单 96
习题 99
第5章 用Dreamweaver MX 2004
管理网站 101
5.1 新建站点 101
5.1.1 设置本地信息 102
5.1.2 设置远程服务器信息 103
5.2 文件管理 105
5.2.1 调出并查看网站
文件目录 105
5.2.2 增添文件夹 107
5.2.3 其他操作 107
5.2.4 上传和下载文件 108
5.3 测试本地站点 108
5.3.1 检测站点的浏览
器兼容性 108
5.3.2 检查可能存在的
链接错误 111
5.3.3 修改链接错误 113
习题 114
第6章 Fireworks MX 2004入门 116
6.1 Fireworks MX 2004工作界面 116
6.1.1 启动和关闭
Fireworks MX 2004 116
6.1.2 Fireworks MX 2004
窗口简介 117
6.1.3 优化预览图像 119
6.2 Fireworks MX 2004工具
的应用 120
6.2.1 工具栏的使用 120
6.2.2 帧控制器 122
6.2.3 工具箱 122
6.3 面板使用与管理 124
6.3.1 常用面板功能介绍 124
6.3.2 组织面板组和面板 128
6.3.3 使用面板组或面板
【选项】菜单 130
6.3.4 保存面板布局 131
6.4 创建与导入文档 132
6.4.1 创建新文档 132
6.4.2 改变文档的显示属性 133
6.4.3 旋转与修剪画布 134
6.4.4 导入文档 136
6.5 导出文件 138
习题 139
第7章 绘制和编辑矢量图 141
7.1 Fireworks的绘图原理 141
7.1.1 Fireworks的对象 141
7.1.2 路径 142
7.1.3 描边和填充 143
7.1.4 Fireworks的工作模式 144
7.2 绘制路径对象 144
7.2.1 绘图前的准备工作 144
7.2.2 绘制基本图形 146
7.3 编辑路径对象 150
7.3.1 选取和移动对象 150
7.3.2 路径对象的整形 153
7.3.3 路径对象的操作 158
7.3.4 设置对象的描边属性 163
7.3.5 设置对象的填充属性 168
7.3.6 用油漆桶工具填充 176
习题 177
第8章 编辑和处理位图 179
8.1 位图图形及其编辑模式 179
8.2 创建位图图像 180
8.3 创建位图选区 181
8.3.1 应用位图选取工具 181
8.3.2 选取框工具的
属性设置 184
8.3.3 调整选取范围 185
8.4 编辑位图 188
8.4.1 用铅笔工具和刷子
工具编辑像素 189
8.4.2 用油漆桶工具
编辑像素 190
8.4.3 复制位图像素 191
8.4.4 羽化选区边缘 192
8.4.5 删除像素 193
8.4.6 裁切位图 194
习题 195
第9章 创建和编辑文本 197
9.1 创建文本 197
9.1.1 输入文本 197
9.1.2 移动文本块 198
9.2 导入文本 199
9.2.1 打开或导入纯文
本文件 199
9.2.2 打开或导入RTF文件 199
9.2.3 打开或导入含有文本的
Photoshop文件 200
9.3 编辑文本 201
9.3.1 修改文本的字体、
字号和样式 202
9.3.2 调整文本的间距和
字符宽度 203
9.3.3 文本的走向和方向 204
9.3.4 对齐文本 205
9.3.5 设置文本填充颜色 206
9.3.6 平滑文本边缘 207
9.3.7 进行段落控制 207
9.4 应用文字样式 208
9.5 路径文本 210
9.6 文本的变形和整形 211
习题 212
第10章 Fireworks MX 2004
综合应用 214
10.1 制作按钮 214
10.1.1 创建一个按钮 214
10.1.2 复制按钮 217
10.2 制作悬停按钮 218
10.3 添加特殊效果 220
10.4 应用蒙版和热区 222
10.4.1 应用蒙版 222
10.4.2 创建热区 223
10.5 制作动画 224
10.5.1 认识【动画】
对话框 224
10.5.2 制作位图动画 224
10.6 导入Fireworks MX 2004
图像切割对象到
Dreamweaver MX 2004 226
10.6.1 执行图像切割功能 227
10.6.2 导出成HTML格式 228
10.6.3 导入Dreamweaver MX 2004
工作区 228
10.7 将Fireworks MX 2004设置为
Dreamweaver MX 2004 默认
的图像编辑器 231
10.7.1 设置Fireworks MX 2004为
Dreamweaver MX 2004默认
的图像编辑器 231
10.7.2 调用Fireworks 进行
编辑图像 232
习题 234
第11章 Flash MX 2004动画
制作基础 236
11.1 Flash MX 2004简介 236
11.1.1 Flash MX 2004的
主界面 236
11.1.2 绘图工具箱 237
11.1.3 舞台 237
11.1.4 面板 237
11.1.5 图层 238
11.1.6 时间轴 238
11.2 绘图工具箱 239
11.2.1 铅笔工具 239
11.2.2 直线工具、椭圆形工具和
矩形工具 240
11.2.3 画笔工具 240
11.2.4 钢笔工具 241
11.2.5 橡皮擦工具 242
11.2.6 墨水瓶工具 243
11.2.7 探色棒工具 243
11.2.8 箭头工具 244
11.2.9 任意变形工具 244
11.3 编辑文本 246
11.3.1 基础操作 246
11.3.2 制作空心字 247
11.3.3 制作倒影字 248
11.4 时间轴的操作 251
11.4.1 【时间轴】面板 251
11.4.2 时间轴的显示比例 254
11.4.3 灯箱功能 255
11.4.4 帧操作实例 257
11.5 元件 258
11.5.1 元件的简介 259
11.5.2 元件的类型 260
11.5.3 管理元件 262
11.5.4 元件实例属性 263
11.5.5 元件使用实例 266
习题 269
第12章 制作精彩Flash动画 271
12.1 卡通鱼沿轨迹运动的实例 271
12.1.1 设置文档属性 272
12.1.2 制作图形元件 272
12.1.3 制作场景 273
12.2 制作形状渐变的动画 275
12.2.1 色彩渐变的动画 275
12.2.2 形状渐变的动画 277
12.2.3 带有形状提示的
渐变动画 279
12.3 森林背景移动实例 281
12.3.1 设置文档属性 282
12.3.2 制作文字元件 282
12.3.3 制作森林元件 283
12.3.4 增加电影的长度 284
12.3.5 制作森林的运动
渐变 284
12.3.6 制作遮罩效果 285
12.3.7 修改动画速度 285
12.3.8 加工动画 285
12.4 遮罩文字实例 286
12.4.1 设置文档属性 287
12.4.2 制作元件 287
12.4.3 制作场景 288
12.5 转动倒影实例 291
12.5.1 设置文档属性 292
12.5.2 制作元件 292
12.5.3 制作场景 295
习题 296
第13章 Flash MX 2004动画的
交互功能 298
13.1 语言编程的基础 298
13.1.1 编程语言的基本概念 298
13.1.2 Flash的编程语言与
JavaScript的区别
和联系 299
13.1.3 编程动作的书写方法 299
13.1.4 为帧书写脚本 302
13.1.5 为对象书写动作 302
13.2 动作的基本语言 304
13.2.1 跳转语句 304
13.2.2 跳转到URL 305
13.2.3 监测某帧是否下载 306
13.2.4 发送信息到动画
主程序 307
13.2.5 编辑动画片段 307
13.2.6 条件语句 310
13.3 按钮控制影片实例 311
13.3.1 制作按钮动画 311
13.3.2 设置按钮控制命令 313
13.4 影片片段活用实例 316
13.4.1 控制卡通鱼随机
运动 316
13.4.2 利用键盘控制
魔鬼头影片 318
习题 319
第14章 Flash动画制作综合实例 321
14.1 星光闪烁的特效实例 321
14.1.1 设置文档属性 321
14.1.2 制作元件 322
14.1.3 制作场景 323
14.2 控制动画鱼影片的实例 326
14.2.1 设置文档属性 326
14.2.2 制作元件 326
14.2.3 制作场景 328
14.3 制作金属小球跟踪鼠标 331
14.3.1 设置文档属性 332
14.3.2 制作元件 332
14.3.3 制作场景 335
14.4 编程语言控制鼠标跟随实例 336
14.4.1 设置文档属性 336
14.4.2 制作元件 336
14.4.3 制作场景 339
14.5 新型菜单实例 341
14.5.1 设置文档属性 341
14.5.2 制作元件 341
14.5.3 制作场景 345
习题 345
附录 习题答案 348