随着Internet的兴起,畅游Internet,一个个精彩纷呈的网页无疑是吸引浏览者眼球的*大亮点,网站的访问量在很大程度上是由网站首页的炫目程度决定的。因此,设计和制作一个超炫的网页也是许多网站制作公司和网页设计爱好者追求的目标。
本教材将当前制作网页*流行的软件Photoshop、Flash和Dreamweaver三个核心软件结合起来,主要面向网页设计初学者以及希望提高网页设计水平的读者。本教材由浅入深地讲解了经典网页设计软件DreamweaverCS4、PhotoshopCS4和FlashCS4应用的多个方面的知识,包括Photoshop篇、Flash篇和Dreamweaver篇三个篇章。教材以“典型案例+基础知识拓展”的组织形式,以案例项目为引导,按照TOPCARES—CDIO 的教学理念组织教材的内容,改变了传统教材中的以介绍软件菜单命令功能为主线的讲述方法,而是通过各种案例的制作过程,来引导学生学习、理解、掌握软件的操作命令、使用方法和使用的环境,完全采用“做中学、学中做”的教学方法。本教材所有案例采用一体化设计,即前面章节制作的作品,会作为后续章节的案例、作品使用,案

制作网页**件事就是选定网页制作软件。目前*流行的网页制作工具是Photoshop、Flash和Dreamweaver。Photoshop和Flash主要制作网页所需要的图像和动画素材,Dreamweaver将制作好的素材通过各种方法制作成网页,从而能够将网页发布都Internet上进行浏览。
笔者根据多年的教学经验,结合院校学生的实际特点,以TOPCARES-CDIO 教学理念为指导,合理编排教材结构,每一节包括知识目标、能力目标、教材正文和知识拓展几个环节。该教材精选了大量精美的实际案例,通过这些案例的引入,激发学生的学习兴趣,引导学生变被动接受为��动学习。同时,为了更好的巩固学生课堂所学的知识,在与该教材配套的实验指导书中精心设置了强化案例和习题,让学生充分利后课外的时间进行自主学习,进而确保学生能够掌握所学知识。
本教材主要讲解制作网页的三个核心软件,共分为16章。第1章至第7章是**个篇章———Photoshop篇,第8章至第14章是第二个篇章———Flash篇,第15至第16章是第三个篇章———Dreamweaver篇。教材中每个篇章的案例都有呼应,并*终在第15章中通过一个综合的案例将前两个篇章的内容都联系到一起,不仅更好的诠释了三个核心软件之间的关系,也充分肯定了教材结构的合理性。

第1篇 Photoshop
第1章 抠像及简单合成技术 3
1.1 抠像技术 4
1.1.1 项目1:置换窗外风景 4
1.1.2 项目2:制作高尔夫网站Banner 5
1.1.3 项目3:制作“节能减排”海报 7
1.2 图像裁切技术 9
1.2.1 项目4:快速制作网页导航栏 9
1.2.2 项目5:裁切标准可冲印的数码照片 10
1.2.3 项目6:快速裁剪并修齐多张照片 13
1.3 抠像及简单合成技术知识拓展 14
1.3.1 创建规则的选区 14
1.3.2 创建不规则的选区 15
1.3.3 裁剪图像的应用 15
实践环节设计 16
实验1:创建照片边缘虚化效果 16
实验2:简单合成 17
实验3:打造海景房效果 17
目标达成度检验(教学效果测评) 18
练习题 18
强化案例 19
第2章 图像编辑及绘制技术 21
2.1 图像修复与修改 22
2.1.1 项目7:除掉照片人物 22
2.1.2 项目8:去除照片中的文字 23
2.1.3 项目9:去除眼袋细纹 24
2.1.4 项目10:消除红眼 24
2.1.5 项目11:抹掉草地上的高尔夫球 25
2.1.6 项目12:制作蒙太**果 26
2.2 图形绘制与编辑 28
2.2.1 项目13:制作世博会邮票效果 28
2.2.2 项目14:制作光芒背景 30
2.2.3 项目15:制作万花筒图案背景 33
2.2.4 项目16:制作立体包装效果 35
2.3 图像编辑及绘制技术知识拓展 39
2.3.1 污点修复画笔工具 39
2.3.2 修复画笔工具 39
2.3.3 修补工具 39
2.3.4 红眼工具 40
2.3.5 仿制图章工具 40
2.3.6 基本绘画工具 40
2.3.7 填充图像 42
2.3.8 图像的变换 44
实践环节设计 45
实验1:大雁编队 45
实验2:更换**的天空 45
目标达成度检验(教学效果测评) 46
练习题 46
强化案例 48
第3章 矢量图形绘制与文字创建 49
3.1 矢量图形绘制 50
3.1.1 项目17:制作上海世博会海报 50
3.1.2 项目18:制作南非***海报 52
3.2 文字工具使用 57
3.2.1 项目19:制作AdobeCS4光盘封面 57
3.2.2 项目20:制作滑板运动推广海报 60
3.3 矢量图形绘制与文字创建知识拓展 62
3.3.1 基本概念 62
3.3.2 创建路径 63
3.3.3 创建文字 64
3.3.4 创建点文字 64
3.3.5 创建段落文字 65
实践环节设计 65
实验1:创意广告 65
实验2:制作具有轮廓的文字块效果 66
目标达程度检验(教学效果测评) 66
练习题 66
强化案例 68
第4章 图层及蒙版的应用 70
4.1 图层混合样式的应用 71
4.1.1 项目21:制作透明按钮 71
4.1.2 项目22:制作网站用户登录界面 74
4.2 图层蒙版的应用 80
4.2.1 项目23:制作美容广告 80
4.2.2 项目24:为吉普品牌制作形象广告 83
4.2.3 项目25:合成超宽幅风景照 86
4.3 图层及蒙版的应用知识拓展 87
4.3.1 图层调板简介 87
4.3.2 混合样式的类型 87
实践环节设计 89
实验1:房地产宣传画效果图 89
实验2:翡翠中国结制作 90
目标达程度检验(教学效果测评) 91
练习题 91
强化案例 93
第5章 图像的色彩校正技术 94
5.1 图像的色彩修正 95
5.1.1 项目26:校正偏色照片 95
5.1.2 项目27:制作火烧云效果 96
5.1.3 项目28:调整花朵颜色 98
5.2 图像色彩**的制作 99
5.2.1 项目29:为黑白照片上色 99
5.2.2 项目30:制作高质量的黑白照片 101
5.3 图像的色彩校正技术知识拓展 102
5.3.1 直方图 102
5.3.2 色阶 103
5.3.3 曲线 103
5.3.4 图像快速彩色调整 104
实践环节设计 106
实验1:改变水果的颜色 106
实验2:制作明信片 107
目标达成度检验(教学效果测评) 108
练习题 108
强化案例 109
第6章 Photoshop中滤镜技术 111
6.1 项目31:天池风雪夜 112
6.2 Photoshop中滤镜技术知识拓展 114
6.2.1 滤镜库 114
6.2.2 液化滤镜 115
实践环节设计 115
实验:动感的鲨鱼 115
目标达成度检验(教学效果测评) 116
练习题 116
强化案例 118
第7章 Photoshop综合项目实战 119
7.1 网页Banner效果制作 119
7.2 网页导航条效果制作 120
7.3 网页整体布局设计 124
第2篇 Flash
第8章 Flash绘图 135
8.1 抠图工具 136
项目32:海宝素材图去除白色背景 136
8.2 绘图工具 137
8.2.1 项目33:绘制波浪线 137
8.2.2 项目34:绘制房子 138
8.3 笔触和填充工具 140
8.3.1 项目35:制作仙人掌文字 140
8.3.2 项目36:绘制蝴蝶 141
8.3.3 项目37:绘制品牌T恤 143
8.4 变形工具 144
项目38:绘制花朵 144
8.5 综合实例 146
8.5.1 项目39:绘制礼盒 146
8.5.2 项目40:绘制圣诞老人 147
8.6 Flash绘图知识拓展 148
8.6.1 选取工具 149
8.6.2 变形工具 151
8.6.3 绘图工具 151
8.6.4 笔触和填充工具 154
8.6.5 擦除工具 155
8.6.6 查看工具 155
8.6.7 对象的组合与打散 155
8.6.8 对象的变形与对齐 156
8.6.9 图像的导入与转化 158
实践环节设计 159
实验1:绘制高尔夫球 159
实验2:制作六个瓣的花朵 160
目标达成度检验(教学效果测评) 160
练习题 160
强化案例 162
第9章 Flash基本补间动画 163
9.1 元件及实例 164
9.1.1 项目41:制作动画背景 164
9.1.2 项目42:制作摇摆的向日葵 165
9.1.3 项目43:制作漂亮网页导航按钮 167
9.2 传统动作补间动画 168
9.2.1 项目44:模拟单摆效果 168
9.2.2 项目45:制作跳跃的倒影文字 169
9.2.3 项目46:制作简历文字 171
9.3 形状补间动画 173
9.3.1 项目47:爱心之旅 173
9.3.2 项目48:制作生日快乐贺卡 174
9.3.3 项目49:吸烟有害健康 175
9.4 Flash基本补间动画知识拓展 177
9.4.1 基本概念 177
9.4.2 元件、实例和库 179
9.4.3 逐帧动画和补间动画 181
实践环节设计 185
实验1:风吹文字效果 185
实验2:模拟加载进度条 185
目标达成度检验(教学效果测评) 186
练习题 186
强化案例 188
第10章 Flash特殊补间动画 190
10.1 引导路径动画 191
10.1.1 项目50:蝴蝶飞舞 191
10.1.2 项目51:制作母亲节贺卡 192
10.2 遮罩动画 194
10.2.1 项目52:制作课程网站动态Banner 194
10.2.2 项目53:模拟画轴展开效果 195
10.2.3 项目54:闪闪红星放光芒 197
10.2.4 项目55:模拟放大镜效果 198
10.3 Flash特殊补间动画知识拓展 200
实践环节设计 203
实验1:纸飞机 203
实验2:国画欣赏 204
目标达成度检验(教学效果测评) 204
练习题 204
强化案例 206
第11章 Flash动画中的声音和视频 207
11.1 导入并添加声音 208
11.1.1 项目56:向影片中添加声音 208
11.1.2 项目57:向按钮中添加声音 209
11.2 导入并添加视频 209
11.2.1 项目58:导入视频 210
11.2.2 实例59:使用组件添加视频 212
11.3 Flash动画中的声音和视频知识拓展 213
11.3.1 导入声音 213
11.3.2 压缩声音 215
11.3.3 导入视频 217
实践环节设计 218
实验:交互式的古典音乐挂件 218
目标达成度检验(教学效果测评) 219
练习题 219
强化案例 221
第12章 Flash基本交互动画 222
12.1 常用动作脚本函数的使用 223
12.1.1 项目60:动画的播放与停止———弹跳篮球 223
12.1.2 项目61:动画的跳转———节日的祝福 224
12.1.3 项目62:加载图片 226
12.1.4 项目63:制作计算器 227
12.2 影片剪辑的控制 229
12.2.1 项目64:鲜花献给你 229
12.2.2 项目65:蚂蚁吃蛋糕 230
12.2.3 项目66:作品展示 231
12.3 Flash基本交互动画知识拓展 233
12.3.1 基本交互动画 233
12.3.2 ActionScript基础脚本语言 236
实践环节设计 241
实验:鼠标拖拽探照灯效果 241
目标达成度检验(教学效果测评) 242
练习题 242
强化案例 244
第13章 Flash组件 245
13.1 使用按钮组件 246
项目67:单项选择题 246
13.2 使用日历组件 247
项目68:动态日历 247
第14章 Flash综合项目实战 250
14.1 电子贺卡 250
14.1.1 项目构思 250
14.1.2 项目设计 250
14.1.3 项目实施 250
14.1.4 项目运行 252
14.2 Flash网站 253
14.2.1 项目构思 253
14.2.2 项目设计 253
14.2.3 项目实施 253
14.2.4 项目运行 255
14.3 圣诞节MV 256
14.3.1 项目构思 256
14.3.2 项目设计 256
14.3.3 项目实施 257
14.3.4 项目运行 259
14.4 网站Banner 259
14.4.1 项目构思 259
14.4.2 项目设计 259
14.4.3 项目实施 261
14.4.4 项目运行 262
第3篇 Dreamweaver
第15章 Dreamweaver综合项目实战 265
15.1 项目构思 266
15.1.1 项目介绍 266
15.1.2 需求分析 266
15.2 项目设计 268
15.2.1 网站的整体规划 268
15.2.2 网页的整体规划 269
15.2.3 设计网页效果 269
15.2.4 确定实现方式 272
15.3 项目实施 272
15.3.1 网站的规划与创建 272
15.3.2 首页的实现 276
15.3.3 “网络资源”页面的制作 289
15.3.4 “精彩教程”页面的制作 291
15.3.5 “课后练习”页面的制作 295
15.3.6 “联系我们”页面的制作 296
15.4 项目运行 298
15.4.1 站点的整理 298
15.4.2 站点的本地测试 299
15.4.3 站点的发布 301
15.4.4 站点的维护 302
第16章 Dreamweaver知识拓展 304
16.1 网站中的基本概念 305
16.1.1 网站的分类 305
16.1.2 网页的分类 305
16.2 网页制作注意事项 306
16.2.1 网页制作的一般步骤 306
16.2.2 网页制作的原则 307
16.3 HTML基础 308
16.3.1 HTML语言结构 309
16.3.2 常用HTML标签 310
16.4 表格与框架 311
16.4.1 表格 311
16.4.2 框架 313
16.5 **链接 316
16.5.1 **链接的分类 316
16.5.2 **链接的目标 316
16.6 层叠样式表(CSS) 316
16.6.1 CSS面板 317
16.6.2 CSS文件类型 317
16.6.3 CSS类型 318
16.7 行为 318
16.7.1 行为面板 318
16.7.2 行为三要素 319
16.8 表单 319
16.8.1 文本框 320
16.8.2 文本区域 320
16.8.3 隐藏域 321
16.8.4 复选框 321
16.8.5 单选按钮 321
16.8.6 单选按钮组 321
16.8.7 列表/菜单 321
16.8.8 跳转菜单 321
16.8.9 图像域 321
16.8.10 文件域 322
16.8.11 按钮 322
16.8.12 标签 322
实践环节设计 322
实验:使用css制作网页 322
目标达成度检验(教学效果测评) 323
练习题 323
强化案例 329
附录1 Photoshop单元概述及创作环境 331
1.1 基本概念 331
1.1.1 像素 331
1.1.2 分辨率 332
1.1.3 位图和矢量图 332
1.1.4 颜色模式 332
1.1.5 文件格式 333
1.2 Photoshop的工作环境 336
1.3 设置和优化工作环境 339
1.3.1 工具箱和调板的位置 339
1.3.2 管理工作环境 339
附录2 Flash单元概述及创作环境 f4340
2.1 Flash简介 340
2.2 Flash的作品特点及类型 340
2.3 FlashCS4的创作环境 341
2.4 Flash动画的发布与输出 343
2.4.1 Flash动画的优化 343
2.4.2 Flash动画的发布 344
附录3 Dreamweaver单元概述及创作环境 347
3.1 Dreamweaver简介 347
3.2 启动DreamweaverCS4 348
3.3 DreamweaverCS4的工作界面 349
附录4 教学建议 350