Fireworks软件应用
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第15章 Fireworks软件应用
导入新课：
软件应用：
一、看网页需要材料：
1.背景
2.商标（教材）
3.条形码
二、简单介绍FW的界面（通过实例来学习工具箱，菜单栏。。。的用法）
三、画图
Fireworks
实例1：圆环商标的制作
（分析→演示→抄步骤→总结）
步骤：
1.新建文档，宽度350象素，高度200象素，分辩率72象素/
2.单击工具箱中的“文本”按钮，输入“新世纪高职高专实用教材”20号字，华文行楷，加
粗，颜色自选
3. 单击工具箱中的“椭圆”按钮，配合Shift键，画一个高、宽都为72的正圆，无线条色，
无边框色，
4. 单击工具箱中的“指针”按钮，选中圆和文字，选择文本→附加到路径
加上背景图片做成完整的商标：
5.文件—导入，导入图片1.GIF，单击后出现图片，并调整图片的位置在后，（右击，选择排
列→移到最后）
6.选中二者，右击组合
7.
若直接文件→保存，保存成.PNG格式（网页虽然支持这个格式的图片，但背景不是透明的,虽然设置透明的）默认的名称是：未命名-1.PNG
.PNG（方便修改使用）+.GIF（适合画布，和透明使用）两种格式同时
若写成3角形的文字？（改第3步）（画三角形，不过文字的数量和三角形的大小要根据情况）
实例2：背景的制作
（学生总结步骤→分析→演示→抄步骤）
步骤：
1.新建文档，宽度350象素，高度200象素，分辩率72象素/
2.画面比例：300%，单击工具箱中的“矩形”按钮，在画布中画一个高25，宽25的矩形，
填充色调成粉红色
3.单击工具箱中的“椭圆形”按钮配合Shift键在刚才矩形中画两个白色的小圆形。
4.选中3个对象，单击鼠标右键，选择组合,并调整成适合的画布大小
5.选择文件→导出，进行保存
实例3：条形码的制作
（分析→演示→抄步骤→总结）
步骤：
1.新建文档，宽度350象素，高度200象素，分辩率72象素/
2.单击工具箱中的“矩形”按钮，在画布中画一个高50，宽120的矩形
3.单击工具箱中的“指针”按钮选中该矩形，在属性面板中，将填充类别：实心改为渐变→
折叠，填充色选择预置→白，黑
4.垂直向下拉动直线的左端点至矩形边缘，再向上拉动直线的右端点到和左端点的同一水平
位置
5.单击工具箱中的“文本”按钮，在条形码的上方写下“ISBN 987-203-4-45586”并调整为
宋体，12号，黑色
6.单击工具箱中的“文本”按钮，在条形码的下方写下“89224512305235554”并调整为宋
体，12号，黑色
7.单击工具箱中的“文本”按钮，在条形码数字的下方写下“定价 30.00元”并调整为宋体，
16号，黑色
8.选中四个对象，单击鼠标右键，选择组合,并调整成合适的画布大小
9.选择文件→导出和保存，进行保存
实例4：背景制作（淡黄）
步骤：
1.新建文档，宽度350象素，高度200象素，分辩率72象素/
2.
3.
4.
(学生总结步骤，此实例主要应用在我们想要的前景颜色用英文单词表示不出来或是用RGB 调的不刚好时用，这样想要什么颜色的背景
都可以，从BGCOLOR变成BACKGROUND，且还可以调成渐变的效果)
画出来看效果（步骤省略）
表格的背景图片（淡黄+白色图案）（看效果，分析，写步骤）
1.新建文档，宽度350象素，高度900象素，分辩率72象素/
2.单击工具箱中的“矩形”按钮，画一个矩形，宽180*高800
线性，调整成上淡黄（占比例多），下白的线性效果
3.在矩形上画大小不一的多个“星形”（黄色的角点向里拉动成形）和“小圆形”，填充都为
4.
5.
实例5：按钮的制作
步骤：
1.新建文档，宽度350象素，高度400象素，分辩率72象素/
2.使用“矩形”按钮，画一个高40*宽100，矩形圆度：100的矩形，
左右边为白色，中间为浅黄色
3.选中矩形，调整效果为阴影和光晕→投影，投影色为橙色（下方出现橙色阴影）
4.选中矩形，调整效果为斜角与浮雕→凸起浮雕
5.单击工具箱中的“文本”按钮，在按钮的中间写下“首页”并调整为华文彩云，20号，橙
色，加粗
6.调整合适画布，文件→导出，进行保存
7.同第5步，改首页按钮上的文字分别为“实例演示”、“高手翻阅”、“课本推荐”、“相关知识”、“联系我们”
并分别导出保存
教学过程与内容：
1.复习Fireworks工具的工作界面
2.复习使用Fireworks工具画图像的方法
3.分析已设计好的主题网页中html及firework的用法（简单讲解）
4.使用网页工具设计给定主题的网页:实例应用网页1
代码：
\完整的圆环商标.GIF) | 新世纪高职高专实用教材 | ||||||||||||||||||||||||||||
网页设计与制作教程| WANGYE SHEJI YU ZHIZUO JIAOCHENG | 计算机系列教材书目 | 《网页设计与制作教程》 | 《微机原理与接口技术教程》 | 《多媒体技术与应用教程》 | 《数据结构（C语言）教程》 | 《汇编语言程序设计教程》 | 《局域网组建与管理教程》 | 《计算机网技术教程与实训》 | 《微机原理与接口技术教程》 | 《微机原理与接口技术教程》 | 《微机原理与接口技术教程》 | 《微机原理与接口技术教程》 | 相关文档
最新文档
| ||||||||||||||||