fireworks基本操作.pptVIP

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