Fireworks图像设计

宜宾学院教案 _网页设计与制作_课程

周 次 第 7 周， 第 1 次课 2007年 10 月14日 章 节 Fireworks图像设计 名 称 授 课 课堂讲授（ ）；实验课（√）； 教 学 方 式 其他方式（ ） 时 数 熟悉Fireworks基本操作 掌握利用Fireworks处理图像的方法 180分钟 教

学目的 教 学 重 点 与 难 点 重点难点： 熟悉Fireworks基本操作 掌握利用Fireworks处理图像的方法 参 考 资 料 - 1 –

教案 网页设计与制作

实验名称：Fireworks图像设计 一、实验目的： 熟悉Fireworks基本操作 掌握利用Fireworks处理图像的方法。 二、实验内容： 1、制作一系列连续状态的静态图片，并保存为gif类型； 2、将这一系列的图片制作成一简单的gif动画（至少要包含四个形态）； 3、制作一静态图片并创建多中种类型的热区，并将这些热区分别创建超级链接。 三、实验要求 1、完成上述实验内容。 2、将制作好的FLASH传到FTP服务器上FLASH命名为：Fireworks图像设计--姓名。 四、实验步骤： 1、 制作一系列连续状态的静态图片 制作过程略， 授 课 内 容 及 过 程 按出场先后顺序分别命名为：01gif、02gif、03gif、04gif、05gif、06gif、07gif。 2、 制作一简单的gif动画（至少要包含四个形态） 如右图的GIF 1） 选择菜单File>Open Multiple 弹出一个对话框，找到刚准备gif文件，并将其全部选中， 点击Add按钮，这时您将看到所选的文件已被添加到了左边的文本框中，选中底下的Open as Animation复选框， - 2 –

教案 网页设计与制作

最后按Done按钮，关闭打开对话框。这时所选文件已被打开。 3）点击右下角的播放按钮，您将看到动画效果。 4）选择菜单File>Export Preview， 如上图 弹出输出对话框。在Format下拉菜单中选择Animated GIF项，其他设置如图所示。 5）点击Export按钮，弹出保存对话框，输入要保存的文件名， - 3 –

教案 网页设计与制作

单击保存按钮。 6）一个简单的gif动画即制作完毕。 3、创建热区 1） 创建一静态图片 2） 在工具箱中找到如下图的两个图标分别创建矩形热点（热区）和切片热区 3） 分别创建对应的超级链接 4） 对切片设置交换图像和弹出菜单。 5） 显示和隐藏热区。 6） 将图片加载到一网页中去。 课堂讨论与 练习 课后记录 - 4 –

教案 网页设计与制作

注：教案按授课次数填写，每次授课均应填写一份。重复班授课可不另填写教案。

- 5 –