如果您无法下载资料,请参考说明:
1、部分资料下载需要金币,请确保您的账户上有足够的金币
2、已购买过的文档,再次下载不重复扣费
3、资料包下载后请先用软件解压,在使用对应软件打开
网页制作第三次教学辅导内容及作业要求学习要求重点掌握Dreamweaver插件的安装操作学会Dreamweaver制作下拉菜单的方法掌握利用时间线制作网页动画的方法了解JavaScript的基本语法会使用Dreamweaver内制的行为动作学习内容用Dreamweaver的“行为”美化网页为Dreamweaver安装插件(具体操作见书)认识“行为”及行为面板(见书128页)练习实例1的操作(鼠标移到图像是2显示/隐藏图层)(具体操作见书130页)练习实例2的操作(下拉菜单的实现)(具体操作见131页)5、练习实例3的操作(时间轴的基本应用)(见书134页—138页)重难点辅导1、如何安装Dreamweaver8插件?具体可以这样操作:点击主菜单“命令”->“扩展管理”或者从开始->程序->Macromedia->MacromediaExtensionManager程序实现加载,进入界面后点文件->安装扩展。2、认识行为和事件“行为”能够创建网页动态效果,实现用户和页面的交互。行为是由事件和动作组成的,例如:将鼠标移到一幅图像上产生了一个事件,假如图像发生变化,就导致发生了一个动作。和行为相关的有三个重要的部分——对象、事件和动作。对象(Object)对象是产生行为的主体,很多网页元素都能够成为对象,如图片、文字、多媒体文档等,甚至是整个页面。事件(Event)事件是触发动态效果的原因,他能够被附加到各种页面元素上,也能够被附加到HTML标记中。一个事件总是针对页面元素或标记而言的,例如:将鼠标移到图片上、把鼠标放在图片之外、单击鼠标,是和鼠标有关的三个最常见的事件(onMouseOver、onMouseOut、onClick)。不同的浏览器支持的事件种类和多少是不相同的,通常高版本的浏览器支持更多的事件。动作(Action)行为通过动作来完成动态效果,如:图片翻转、打开浏览器、播放声音都是动作。动作通常是一段JaveScript代码,在Dreamweaver中使用Dreamweaver内置的行为往页面中添加JaveScript代码,就不必自己编写。事件和动作将事件和动作组合起来就构成了行为,例如,将onClick行为事件和一段JaveScript代码相关联,单击鼠标时就能够执行相应的JaveScript代码(动作)。一个事件能够同多个动作相关联(1:n),即发生事件时能够执行多个动作。为了实现需要的效果,我们还能够指定和修改变作发生的顺序。.3、应用行为①行为面板在Dreamwaever中,对行为的添加和控制主要通过“行为”面板来实现。选择窗口>行为命令,打开行为面板。在行为面板上能够进行如下操作:单击“+”按钮,打开动作菜单,添加行为;单击“-”按钮,删除行为。添加行为时,从动作菜单中选择一个行为项。单击事件列右方的三角,打开事件菜单,能够选择事件。单击"向上"箭头或向下箭头,可将动作项向前移或向后移,改变动作执行的顺序。②创建行为一般创建行为有三个步骤:选择对象、添加动作、调整事件。我们通过一个“打开浏览器窗口”实例说明如何创建行为。我们需要的效果是,在网页上单击一幅小图像,打开一个新窗口显示放大的图像。打开01.html,选中图片。单击行为面板上的"+"按钮,打开动作菜单。从动作菜单中选择“打开浏览器”命令,在弹出的对话框中配置参数。在“要显示的URL”文本框中,单击“浏览按钮”选择在新窗口中载入的目标的URL地址(能够是网页也能够是图像)。窗口宽度设为400px,窗口高度设为300px。窗口名称为“放大图片”。当我们添加行为时,系统自动为我们选择了事件onClick(单击鼠标),现在,我们单击行为面板上的事件菜单按钮,打开事件菜单,重新选择一个触发行为的事件。把onClick(单击鼠标)的事件改为onMouseOver(鼠标滑过),4、在网页制作软件Deamweawer8如何使用层、时间轴和行为?①在网页中画一个层,选中层,修改/时间轴/添加对象到时间轴。,在第一帧处,放到动画的开始位置,在最后一帧处,将层移动到结束位置,勾选自动播放和循环。这是直线运动。②在网页中画一个层,选中层,修改/时间轴/录制层路径。拖动层,划出路线。勾选自动播放和循环。③选中要添加行为的对象,在设计面板的行为标签下,添加行为。把事件设置为合理的。四、作业教材158页1.填空题(5)—(10),159页2.选择题和3.问答题(2)、(3)上机操作题:教材160页第(2)用层和时间轴制作页面动画五、教师联系方式联系电话:13383515525电子邮箱:guangg09@163.com