ImageVerifierCode 换一换
格式:DOCX , 页数:10 ,大小:286.19KB ,
资源ID:11713820      下载积分:3 金币
快捷下载
登录下载
邮箱/手机:
温馨提示:
快捷下载时,用户名和密码都是您填写的邮箱或者手机号,方便查询和重复下载(系统自动生成)。 如填写123,账号就是123,密码也是123。
特别说明:
请自助下载,系统不会自动发送文件的哦; 如果您已付费,想二次下载,请登录后访问:我的下载记录
支付方式: 支付宝    微信支付   
验证码:   换一换

加入VIP,免费下载
 

温馨提示:由于个人手机设置不同,如果发现不能下载,请复制以下地址【https://www.bdocx.com/down/11713820.html】到电脑端继续下载(重复下载不扣费)。

已注册用户请登录:
账号:
密码:
验证码:   换一换
  忘记密码?
三方登录: 微信登录   QQ登录  

下载须知

1: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。
2: 试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓。
3: 文件的所有权益归上传用户所有。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 本站仅提供交流平台,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

版权提示 | 免责声明

本文(使用元件Fireworks教案.docx)为本站会员(b****4)主动上传,冰豆网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知冰豆网(发送邮件至service@bdocx.com或直接QQ联系客服),我们立即给予删除!

使用元件Fireworks教案.docx

1、使用元件Fireworks教案教学内容使用元件课时2课型理论+实践教学目标熟悉一些基本操作,设置工作参数。 Fireworks的工作界面 设置Fireworks的工作参数Fireworks的菜单栏、工具栏的使用,这是基础,也是难点。 教学方法实践教学法案例教学法作业布置P153第一题至第五题分析总结学会使用元件教学过程首先讲一下什么是动态元件,在Fireworks中,我们可以创建“图形”、“按钮”、和“动画”三种元件,但往往我们只是直接从文档库里面直接把元件拖出来用,我们把这种元件成为静态元件。 举个例子:我绘画了一颗“OK“按钮并转换为按钮类的元件,当我要再做一个“Cancel”按钮时,我就

2、要把刚才那个“OK”按钮从文档库拖进画布,打散,然后把文本“OK”改为“Cancel”,再转成元件。像这样子的操作也许我们压根就没必要将它们转成元件,因为如果我们要做很多按钮,那文档库就会有很多这样子的元件。 而动态元件是什么概念呢?就是我只需要从库里面把这按钮拖出来,然后就可以在“元件定义”面板里面改变这个按钮上的文字、长和宽、以及鼠标移入、按下等属性,但这个元件在库里面只存在一个,这就是我所说的动态元件。如果你对此还不太理解,那你可以点击“Window”菜单下的“Common Library”开启公用库,里面就放着一些这种类型的元件。 了解动态元件用来做什么以后,我们就可以开始制作了。 一

3、、创建一个基本的动态元件1.首先我们绘制一颗按钮的四种状态:“正常状态”、“鼠标移入状态”、“鼠标按下状态” 和 “禁用状态”2.然后我们把这些按钮背景图的坐标设为统一,让它们重叠在一起,再将它们全部选中,按F8键转为一个图形类元件,进入这个元件的编辑状态,加入按钮文本,并给每张状态图进行命名(如下图)3.第2步操作要注意几点: - 开启“九宫智能缩放”,将拉伸区域设定在文本框外部;- 文本框的宽度要等于按钮背景图宽度减去缩放区域宽度,并设置文本居中显示; - 按钮背景图最好平面化为位图,避免在缩放时出现路径开拆(但不平面化也可以保持图形缩放时的质量不会损失); - 将不需要显示的状态图进行隐

4、藏(去掉图层前面的眼睛图标);4.在文档库中选中刚才创建的元件,点击右上角的菜单按钮,选择“保存到公用库”,在弹出的对话框中选择保存,默认的路径是:X:Documents and SettingsUserNameApplication DataAdobeFireworks CS3Common LibraryCustom Symbols二、动态元件的高级运用前面讲解了怎么创建一个基本的 Fireworks 动态元件,那么这一次就讲解一下怎么制作一个“高级”一点的动态元件。事先声明一下,本教程涉及JSF代码,如果对此没有兴趣的童鞋可以华丽的飘过,对 Fireworks 极度狂热且有信心能读懂简单代

5、码的朋友请继续。1.我们上次做了一个动态组件,并保存到了X:Documents and SettingsUserNameApplication DataAdobeFireworks CS3Common LibraryCustom Symbols2.现在我们用浏览器打开这个目录,可以看到两个文件:3.现在我们用记事本打开“myBtn.jsf”,就可以看到里面的JSF代码(代码略,大家自己打开文件看); 4.作为参考,我们打开Fireworks内置动态元件的JSF脚本文件,打开公用库面板中的Mac目录,随便找一个名字独特一点的按钮(本例选择“ButtonBarLeft”),把它的名字记下来,然后搜

6、索这个名字就可以获得这个路径:X:.Adobe Fireworks CS3ConfigurationCommon LibraryMac5.找到了内置动态元件的路径,我们就可以打开这些内置动态元件的脚本来观察了,我们打开“Button.jsf”(这个脚本对应的文件是“Button.graphic.png”),即可看到里面的JSF代码;6.那么我们就可以将内置动态元件的脚本“移植”到我们自己的按钮上去,在进行这一步前要注意,这些移植的代码将被“命令”菜单下的“创建元件脚本”程序识别为“不被兼容的脚本”,因此只能自己用记事本编辑了. 7.现在打开我们在之前生成的按钮脚本“myBtn.jsf”,清空旧

7、代码,输入如下代码,我加了注释,应该还是比较容易理解的:/Widget.opCode会返回两个值:1 和 2 , /当动态元件被拖进画布时会返回 1(初始化), /每当检测到用户改变了动态元件的属性就会返回 2(侦听变化); switch (Widget.opCode) case 1: setDefaultValues(); break; case 2: applyCurrentValues(); break; /初始化函数 function setDefaultValues() var values = new Array(); /建立 Label 和 State 属性,并定义初始值; va

8、lues.push( name:Label, type:text, value:My Button ); values.push( name:State, type:ComboBox, value:normal,normal,mouseOver,mouseDown,unavailable); /用内置方法给当前属性赋予初始值; Widget.elem.customDatacurrentValues = values; function applyCurrentValues() /取得当前值 var vals = Widget.elem.customDatacurrentValues; /获得

9、State 状态列表当前项的名称 var state = vals1.value.split(,)0.toString(); /遇到错误时可以用 alert(); 来Debug; /alert(state); /根据用户输入改变 label 标签的值 Widget.GetObjectByName(label).textChars = vals0.value; /根据用户在下拉列表选择项来显示或隐藏对应的按钮背景图; Widget.GetObjectByName(normal).visible = (state=normal); Widget.GetObjectByName(mouseOver)

10、.visible = (state=mouseOver); Widget.GetObjectByName(mouseDown).visible = (state=mouseDown); Widget.GetObjectByName(unavailable).visible = (state=unavailable); 8.输入完代码后保存(注意要存为 ANSI 编码),然后进入 Fireworks 新建文件、Reload一下公用库、再重新把自定义动态元件拖进画布即可见到效果:5.在“命令”菜单中点击“创建元件脚本”;6.在“创建元件脚本”对话框中选择打开刚才保存的PNG文件,并按照下图设置动态元件的属性,最后点击保存:7.现在随便新建一个文档,在公用库的自定义目录中将自制的动态元件拖进画布,再在“Window”菜单下点击“Symbol Properties” (元件属性)简单设置一下就可以在场景上创建多个不同状态、不同标签文字的按钮了。

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1