《网页图像动画设计》上.doc

网页图像动画设计 上 第1章 网页设计与制作基础 1.1 Dreamweaver MX、Fireworks MX和Flash MX的主要功能和特点 1.1.1 Dreamweaver MX的主要功能和特点 1.1.2 Fireworks MX的主要功能和特点 1.1.3 Flash MX的主要功能和特点 1.2 计算机网络基础知识 1.2.1 HTML文件 1.2.2 Web空间 1.2.3 虚拟主机 1.2.4 IP地址和域名 1.2.5 统一资源定位器 1.2.6 服务器与客户机 图1-1 客户机和服务器 1.2.7 TCP/IP协议 1.2.8 文件传输协议 1.3 图形图像基础知识 1.3.1 矢量图形和位图图像 （a）原图 （b）局部放大 图局部放大效果a）原图 （b）局部放大 图1-3 将 图1-4 自由点 图1-5 点的连续产生节奏和方向 图1-6 点的移动轨迹构成了线条 图1-7 竖线产生的升降感和水平线条产生的静止感 图1-8 线的移动轨迹构成了面 1.4.2 网页布局构图 1.5 网页设计色彩基础 1.5.1 色彩属性* 图1-9 色彩明度值由高到低的明度变化过程 1.5.2 色彩性格* 1.5.3 色彩心理* 图1-10 暖色调图案 图1-11 冷色调图案 1.5.4 Web安全色 图1-12 颜色拾取框 1.5.5 网页色彩调和 1.6 小 结 第2章 Fireworks MX的基础知识 2.1 Fireworks MX的工作环境 * 图2-1 Fireworks MX的工作环境① 2.1.1 菜单栏 2.1.2 工具箱 图2-2 Fireworks MX的【工具】面板 2.1.3 编辑窗口 2.1.4 属性面板 图2-3 【文本】属性面板 图2-4 【矩形】属性面板 2.1.5 浮动面板及其功能 图2-5 展开和折叠的浮动面板组 2.1.6 快速启动栏 2.1.7 状态栏 图2-8 状态栏 2.1.8 标尺、引导线与网格 2.2 Fireworks MX的基本操作 2.2.1 创建新文档 图2-9 【【【【 图2-19 【历史记录】面板 2.3 应 用 实 例* 图2-20 以动画打开方式选择文件 图2-21 以动画方式打开文件后的【帧】面板 图2-22 在【导出预览】对话框中选择导出格式为“GIF动画” 图2-23 在【导出】对话框中设置保存路径和名称 图2-24 【导入】对话框 图2-25 导入图像到编辑窗口 图2-26 调整图像大小 2.4 小 结 第3章 矢量绘图与文字 3.1 绘制矢量图形 3.1.1 绘制直线、矩形和椭圆 图3-1 【线条工具】默认属性面板 图3-2 【线条工具】扩展属性面板 图3-3 【矩形工具】的属性面板 3.1.2 绘制多边形和星形 图3-5 【多边形工具】的属性面板之一 图3-6 【多边形工具】的属性面板之二 图3-7 【星形工具】的属性面板 3.1.3 绘制圆角矩形 图3-8 【圆角矩形工具】的属性面板 3.1.4 绘制路径 3.2 编 辑 路 径 3.2.1 路径的自由变形 3.2.2 切割路径 图3-11 用【刀子工具】单击路径切割 图3-12 用【刀子工具】切割闭合路径 3.2.3 重绘路径 图3-13 重绘路径 3.2.4 组合路径 图3-14 应用【【【 图3-24 字体颜色选择框 图3-25 图案填充后的文本 图3-26 设置透明后的效果 图3-27 【投影】菜单 图3-28 投影设置对话框 图3-29 字体设置投影特效后的效果 3.4.3 文本沿路径排列 图3-30 制作文字和路径 图3-31 执行【附加到路径】命令后的效果 图3-32 文本沿路径的几种状态 3.4.4 变形文本 图3-33 文本进行几种变形后的效果 3.4.5 将文本转换为路径 图3-34 文本原样 图3-35 选中路径中的单个文本 图3-36 对文本变形后的效果 3.5 应 用 实 例 图3-37 立体图片效果 图3-38 【层】面板 图3-39 将下层的矩形变形 图3-40 设置矩形填充类型 图3-41 设置填充颜色及不透明度 图3-42 调节渐变工具的调节手柄 图3-43 导入图像后的编辑窗口 图3-44 月夜星空效果 图3-45 两个圆部分