《网页设计与制作教程：Photoshop CS3/Flash 8/Dreamweaver 8》主要由4部分组成。第1部分介绍了网页的主要设计要素、网页设计原则、网页设计和开发流程，第2部分以Photoshop CS3软件为例介绍了网页中图像元素的设计和制作方法，第3部分以Flash 8网页动画制作软件为例介绍了网页中动画设计和制作方法，第4部分以Dreamweaver 8为例介绍了网站建设和网页框架设计和集成方法。
　　《网页设计与制作教程：Photoshop CS3/Flash 8/Dreamweaver 8》是介绍网页设计的基础教程，可作为高等院校计算机科学与技术、信息技术等专业网页设计课程的教材，也可以作为非信息类专业和艺术设计类等专业网页设计课程教材。同时，《网页设计与制作教程：Photoshop CS3/Flash 8/Dreamweaver 8》也可作为各类网页设计爱好者和网站开发和设计人员的一本专业参考书。

　打破传统，网页图像设计选用Photoshop CS3；内容丰富，涵盖常用网页元素的设计与制作；实例贯穿，案例组织围绕5iDM数字媒体网站。《网页设计与制作教程：Photoshop CS3/Flash 8/Dreamweaver 8》是介绍网页设计的基础教程。《网页设计与制作教程：Photoshop CS3/Flash 8/Dreamweaver 8》不仅介绍了网页设计的基本原则和网页中数字媒体元素的组成，而且围绕着网页设计的基本元素，如文本、图像、按钮、导航条和动画介绍了相关元素的设计和制作方法。书中所设计的元素紧紧围绕着5iDM网站需求而展开。元素设计分别采用目前主流的设计软件Photoshop CS3、Flash 8和Drearnweaver 8。

本书是介绍网页设计的基础教程。本书不仅介绍了网页设计的基本原则和网页中数字媒体元素的组成，而且围绕着网页设计的基本元素，如文本、图像、按钮、导航条和动画介绍了相关的元素设计和制作方法。书中所设计的元素紧紧围绕着5iDM网站需求而展开。元素设计分别采用目前主流的设计软件PhotoshopCS3、Flash8和Dreamweaver8。考虑到网页设计软件的通用性，网页中图像设计采用PhotoshopCS3软件。
　　本书特色：
　　（1）打破传统的网页设计三剑客组合，网页图像设计选用主流的设计软件Photoshop，从而使网页图像设计方法更具有通用性和实用性。
　　（2）网页元素设计和内容组织紧紧围绕5iDM数字媒体网站而展开。前面的素材设计为后面的网站建设、网页设计和多媒体内容集成服务，克服了传统网页设计教程内容零散不系统的缺陷。
　　（3）网页设计内容的讲解以网页设计元素案例的方法组织，使读者通过案例详解掌握相关的软件操作方法、设计和制作技能，有助于提高学生的设计实践技能。
　　（4）书中的案例富有代表性，涵盖了常用的网页元素设计，如跟图像相关的元素网页Ｌogo图标、Banner图像、按钮、导航条和网页图像动画都有详细介绍。
　　本书内容的组织主要分4个部分：
　　第1部分（第1章）首先介绍了网页的主要设计要素、网页设计原则、网页设计和开发流程，以及常用的网页设计软件，使读者对网页设计有粗略的概括认识。后面的内容围绕着网页元素设计——图像设计、动画设计和网站建设和网页设计展开。
　　第2部分（第2～4章）以：PhotoshopCS3软件为例介绍了软件的基本操作和图像处理的常用方法。重点详尽地介绍了网页中图像元素的设计和制作方法，尤其以5iDM数字媒体网站为例详细介绍了网页中Logo图像、Banner图像、图像按钮和背景图像的设计方法。

第1章 基础知识 1
1.1 认识网页 1
1.1.1 网站和网页 1
1.1.2 静态网页和动态网页 1
1.1.3 形象页、主页和栏目页 2
1.2 网页的主要设计元素 4
1.2.1 网页标识设计 4
1.2.2 网页导航设计 5
1.2.3 网页版式设计 5
1.2.4 网页色彩设计 7
1.2.5 网页音效设计 10
1.3 网页设计原则 10
1.4 网页设计流程 11
1.5 网页设计的主要软件 11
1.5.1 Photoshop CS3——网页页面设计软件 11
1.5.2 Firworks 8——网页图像设计软件 12
1.5.3 Flash 8——网页动画制作软件 12
1.5.4 Dreamweaver 8——网页页面制作软件 13
小结 13
习题 14


第2章 走进Photoshop 15
2.1 Photoshop的应用 15
2.1.1 图像处理和图像合成 15
2.1.2 平面设计 16
2.1.3 产品设计 16
2.1.4 网页设计 17
2.2 Photoshop CS3基本环境 17
2.2.1 菜单栏 18
2.2.2 工具箱 18
2.2.3 工具状态栏 19
2.2.4 图像窗口 19
2.2.5 调板 19
2.3 Photoshop CS3基本概念 21
2.3.1 像素 21
2.3.2 位图和矢量图 22
2.3.3 网页设计中常用的图像格式 22
2.3.4 图像分辨率 23
2.3.5 颜色模式 24
2.4 Photoshop CS3基本操作 26
2.4.1 新建、打开图像文件 26
2.4.2 保存图像文件 27
2.4.3 图像显示比例控制 28
2.4.4 单位和标尺的设置 28
2.4.5 参考线、网格和切片 29
2.4.6 后退命令和历史记录调板 30
2.4.7 图层 31
小结 34
习题 34


第3章 图像处理 36
3.1 修饰修复图像 36
3.1.1 仿制图章工具 36
3.1.2 污点修复画笔工具 36
3.1.3 修复画笔工具 37
3.1.4 修补工具 37
3.1.5 红眼工具 38
3.1.6 模糊/锐化工具 39
3.1.7 减淡/加深工具 39
3.1.8 海绵工具 40
3.2 裁剪图像 40
3.3 变换图像 41
3.3.1 缩放 41
3.3.2 旋转 42
3.3.3 斜切 42
3.3.4 扭曲 42
3.3.5 透视 43
3.3.6 变形 43
3.4 选取图像与抠图 45
3.4.1 快速选择工具 45
3.4.2 魔棒工具 46
3.4.3 魔术橡皮擦工具 46
3.4.4 钢笔工具 47
3.4.5 抽出滤镜 48
3.5 调整图像色彩 49
3.5.1 创建灰度效果图像 50
3.5.2 增强图像的色彩饱和度 51
3.5.3 创建反相效果的图像 52
3.5.4 创建黑白图像 52
3.5.5 使用【色调分离】命令创建特殊效果图像 53
3.5.6 使用【渐变映射】命令创建渐变色彩效果图像 53
3.5.7 使用【匹配颜色】命令改变图像色彩 54
3.5.8 调整图像的亮度和对比度 54
3.6 使用滤镜创建特殊效果的图像 55
3.6.1 风格化 55
3.6.2 画笔描边 56
3.6.3 模糊 57
3.6.4 素描 58
3.6.5 纹理 59
3.6.6 像素化 60
3.6.7 渲染 61
3.7 使用图层蒙版合成图像 62
3.7.1 创建图层蒙版 62
3.7.2 删除图层蒙版 62
3.7.3 编辑图层蒙版 63
3.8 批处理图像 65
3.8.1 动作 65
3.8.2 批处理 67
实例一：使用批处理命令修改图像大小 68
实例二：使用批处理命令重命名图像 69
3.8.3 Web照片画廊 71
小结 72
习题 73


第4章 常见网页元素设计 74
4.1 网页背景图案的制作 74
4.1.1 斜线图案的制作 74
实例一：细斜线图案的制作 75
实例二：粗斜线图案的制作 76
4.1.2 立体图案的制作 79
4.1.3 文字图案的制作 81
4.1.4 其他类型图案的制作 82
4.2 LOGO设计制作 83
4.2.1 5iDM网站LOGO设计制作 84
4.2.2 5iDM网站论坛标签设计制作 85
4.2.3 以图形为主的网站LOGO制作 88
4.3 按钮设计制作 90
4.3.1 5iDM网站的导航按钮制作 90
4.3.2 水晶按钮设计制作 92
4.3.3 具有凹槽效果的按钮制作 95
4.4 Banner和导航菜单的设计制作 97
4.4.1 5iDM网站的Banner设计 97
4.4.2 5iDM网站的导航设计 100
小结 101
习题 101


第5章 Flash 8软件概述及基本操作 103
5.1 Flash 8软件概述 103
5.1.1 Flash 8特点 103
5.1.2 软件界面 104
5.1.3 工具栏 105
5.1.4 面板 106
5.2 Flash 8绘图操作 107
5.2.1 Flash文档创建 107
5.2.2 文档属性设置 107
5.2.3 Flash文档保存 108
5.2.4 Flash 8绘图模式 108
5.2.5 绘图工具使用 109
5.3 Flash 8时间轴及帧操作 111
5.3.1 时间轴 111
5.3.2 帧和关键帧 111
5.3.3 图层 112
5.4 Flash 8元件和实例 114
5.4.1 元件和实例 114
5.4.2 元件类型 114
5.4.3 风车元件创建 114
5.5 Flash文件发布和播放 116
5.5.1 Flash文件发布设置 116
5.5.2 Flash动画文件播放 117
小结 117
习题 118


第6章 Flash 8动画分类及网页文字动画 119
6.1 帧并帧动画 119
6.1.1 帧并帧动画 119
6.1.2 笑脸动画 119
6.2 渐变动画 120
6.2.1 形状渐变动画 120
6.2.2 运动渐变动画 121
6.3 网页文字动画创作 124
6.3.1 文本类型 124
6.3.2 字体安装 124
6.3.3 文本编辑 124
6.3.4 网页文本动画制作举例 124
小结 133
习题 133


第7章 网页中常用图像动画创作 134
7.1 网页图像基本操作 134
7.1.1 矢量图形和位图图像 134
7.1.2 Flash 8中支持的图形图像格式 134
7.1.3 位图图像、矢量图形导入 135
7.1.4 处理导入的位图图像 135
7.2 图像动画创作 139
7.2.1 图像渐变动画 139
7.2.2 图像遮罩动画 140
7.2.3 图像引导动画 150
7.2.4 模糊图像动画 152
7.3 网页图像动画 153
小结 155
习题 155


第8章 交互式网页动画创作 156
8.1 ActionScript脚本语言 156
8.1.1 ActionScript语言的概述 156
8.1.2 脚本语言属性设置 158
8.1.3 动作面板 159
8.1.4 影片浏览器面板 160
8.2 按钮脚本动画制作 160
8.2.1 按钮元件 160
8.2.2 利用按钮库编辑按钮动画 162
8.2.3 自定义按钮动画 166
8.3 帧脚本动画制作 168
8.3.1 帧动作 169
8.3.2 帧脚本动画实例 169
8.3.3 雪花飞舞帧脚本动画制作 171
8.4 影片剪辑脚本动画制作 173
小结 175
习题 175


第9章 Dreamweaver 8基础知识 176
9.1 Dreamweaver 8基本概念 176
9.2 Dreamweaver 8基本工作环境 176
9.2.1 工作环境 176
9.2.2 工具栏 178
9.2.3 【属性】面板 179
9.2.4 面板组 180
9.3 Dreamweaver 8基本操作 180
9.3.1 站点的基本操作 180
9.3.2 文件的命名和管理 183
9.3.3 HTML基本概念 183
小结 184
习题 185


第10章 静态网页设计与制作 186
10.1 表格 186
10.2 文本编辑 189
10.2.1 文本编辑 189
10.2.2 CSS样式表 189
10.2.3 【CSS样式】面板 189
10.3 网页图像编辑 191
10.3.1 网页图像 191
10.3.2 图像插入 191
10.4 网页多媒体元素编辑 193
10.4.1 向Web页面中添加音频 193
10.4.2 向Web页面中添加视频 195
10.4.3 向Web页面中添加Flash动画 196
10.5 利用表格布局网页 196
10.6 利用布局表格设计网页 200
10.6.1 布局模式 200
10.6.2 设置布局模式首选参数 201
10.6.3 布局表格基本操作 201
10.6.4 利用布局表格设计网页 204
10.7 利用层布局页面 210
10.7.1 设置层首选参数 210
10.7.2 创建层 210
10.7.3 设置层的属性 211
10.7.4 【层】面板使用 211
10.7.5 层操作 212
10.7.6 层和表格转换 213
10.7.7 利用层设计页面 214
小结 216
习题 217


第11章 网页的交互式设计与制作 218
11.1 表单页面制作 218
11.1.1 表单操作 218
11.1.2 创建HTML表单 218
11.1.3 网页表单元素的插入 219
11.1.4 注册表单页面设计与制作 223
11.2 网页的超链接 226
11.2.1 HTML的超链接 226
11.2.2 常用链接的制作 227
11.3 行为的添加 235
11.3.1 制作弹出信息效果 235
11.3.2 制作打开浏览器窗口效果 235
11.3.3 制作弹出菜单效果 236
11.3.4 制作播放音乐效果 238
11.4 站点的测试和上传 238
11.4.1 测试站点 238
11.4.2 上传站点 239
小结 240
习题 240


参考文献 241

　第1章　基础知识
　　本章介绍学习网页设计所必须具备的基本知识，主要包括网页的基本概念、分类、设计流程、设计要素以及进行网页设计应遵循的基本原则。通过本章的学习，读者应掌握什么是静态网页和动态网页、网页设计流程中各个环节及功能、网页中各设计要素的表现特点、制作网页的相关软件工具等知识点。尤其要深刻理解：一个优秀的网页设计，并非只是软件的简单实现，更重要的是对网页进行美感和功能方面的整体设计与策划，它是艺术和技术的整合体。
　　1.1　认识网页
　　Internet越来越影响到现实生活，网站是一个企业对外的窗口，是一个人对外的名片。随着网络与人们日常工作、生活关系的紧密，更多的企业和个人选择通过Internet展示自己。企业通过Internet迅速提高了自己的知名度，缩短了产品与用户见面的时间，个人通过Internet有效地宣传了自己，网络越来越深刻地改变着人们的生活。
　　1.1.1　网站和网页
　　网站是由许多网页组成的一个集合，网页是单一的页面。如果将Internet上的资源视为—个大型图书馆，那么“网站”就像图书馆中的一本本书，而“网页”则是书中的某一页，多个网页合在一起便组成了一个网站。每一个网页都拥有一个被称为“统一资源定位符”（URL）的唯一地址，就像书本中的页数一样，是唯一的。通常URL地址的表现形式为：http：／／www.jdsos.corn／index.htrnl。一个网站至少有一个网页，网页包含于网站中。网站中网页的数量多少是没有上限的，只要用户的硬盘空间允许，则可以在一个网站中放人任意多的网页。
　　网站中的网页是互相连接的。单击某一网页中被称为超级链接的文本或图形就可以链接到其他页面。