fireworks基本操作.ppt

作业总结及复习,作业无问题复习CSSfirworks工具箱,9.5 fireworks基本操作,矢量工具文字工具属性窗口制作导航条按钮(8040),9.5 fireworks基本操作,矢量工具文字工具将文本附加到路径绘制出路径用“文本”工具输入文本同时选中文本和路径-“文本”-“附加到路径”,第九章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图层认识,