fireworks基本操作.ppt

作业总结及复习 作业无问题复习CSSfirworks工具箱 9 5fireworks基本操作 矢量工具文字工具属性窗口制作导航条按钮 80 40 9 5fireworks基本操作 矢量工具文字工具将文本附加到路径绘制出路径用 文本 工具输入文本同时选中文本和路径 文本 附加到路径 第九章Fireworks的进阶使用 按钮和导航条弹出菜单切片 9 5制作导航条 导航条实际上是一组互斥的按钮 所以快速制作导航条的方法 就是先创建一个按钮元件 然后在文档中多次应用 并对实例进行简单编辑 实例 9 5制作导航条 制作步骤新建文档新建元件 编辑 插入 新建元件 9 5制作导航条 制作步骤进入按钮元件编辑页面编辑不同状态的按钮形式 释放 弹起 状态 滑过 状态 按下 状态 按下时滑过 状态 有效区域 设置 9 5制作导航条 制作步骤涉及的操作对象的对齐 修改 对齐 颜色的填充 9 5制作导航条 制作步骤按钮的复制切换到文件视图选中按钮并移动到合适位置复制按钮粘贴按钮四次 修改 对齐 均分宽度 9 5制作导航条 制作步骤按钮属性的设置对于每个按钮修改其属性选中按钮 属性面板 预览效果切换到 预览 视图使用快捷键 F12 9 5制作导航条 制作步骤导航条的导出 文件 导出 9 5制作导航条 制作步骤导航条的插入启动Dreamweaver确定插入导航条的位置 常用插入栏 图像 FireworksHTML 完成 9 5制作导航条 制作步骤步骤总结按钮的制作按钮的复制按钮的个性设置导航条的导出Dreamweaver中导航条的插入 9 6制作弹出菜单 实例 制作步骤添加热区给需要制作弹出菜单的区域添加热区如给按钮添加弹出菜单则直接选中按钮即可添加弹出菜单 修改 弹出菜单 添加弹出菜单 打开弹出菜单编辑器 9 6制作弹出菜单 制作步骤设置菜单外观等属性 内容 选项卡设置菜单项内容 级联菜单点击菜单的链接 链接目标 9 6制作弹出菜单 制作步骤设置菜单外观等属性 外观 选项卡设置菜单项字体菜单项变化时状态水平 垂直菜单显示 9 6制作弹出菜单 制作步骤设置菜单外观等属性 高级 选项卡设置菜单项单元格的外观单元格的宽度 高度单元格边框菜单延迟时间 9 6制作弹出菜单 制作步骤设置菜单外观等属性 位置 选项卡设置弹出菜单出现的位置菜单位置的X Y取值是相对于按钮的左上角 9 6制作弹出菜单 制作步骤弹出菜单的导出 文件 导出 9 6制作弹出菜单 制作步骤Dreamweaver中插入弹出菜单 常用插入栏 图像 FireworksHTML 9 6制作弹出菜单 制作步骤步骤总结设置热区添加弹出菜单设置菜单属性导出弹出菜单在Dreamweaver中插入弹出菜单 9 7切片 为了避免页面中的大图像在下载时耗费较长的时间 可以将大图像分割成多幅较小的图像 然后分别下载以获取较高的下载速度 这种从大图像上被分割的图像称为切片 9 7切片 创建切片切割网页模板利用Fireworks绘制页面效果利用切片工具对图片进行切片处理设置切片的属性实例演示 9 7切片 创建切片切割网页模板 9 8GIF动画 新建一500宽300高前景色为黑色的文档创建一动画元件 并设置动画输入文字 飞向明天 粘贴为蒙板 课堂小结 Fireworks的进阶使用利用Fireworks创建导航条利用Fireworks创建弹出式菜单利用Fireworks进行网页切片 下次上课内容提示 Flash的基础使用Flash界面及工具箱使用Flash图层认识