《网页制作实用教程 教学课件 ppt 作者 张淑清2 第六章》由会员分享，可在线阅读，更多相关《网页制作实用教程 教学课件 ppt 作者 张淑清2 第六章（20页珍藏版）》请在金锄头文库上搜索。
1、网页设计实用教程,第 六 章,第6章 网页特效与交互的实现 -行为、时间轴和交互式表单,本章学习的是关于网站的交互性与控制功能的实现，着重讲述了行为及其应用,初步掌握分别在服务器端和客户端建立网页的动态变化或交互内容。,目标要求,第6章 网页特效与交互的实现 -行为、时间轴和交互式表单,l 行为的应用 l 动态菜单的制作 l 行为和时间轴的结合应用 l 表单的应用,讲课提纲,行为的概念,行为是事件和由该事件触发的动作的组合。使用Dreamweaver内置的行为，可不需要编写任何代码，利用简单直观的语句设置手段，为网页对象添加一些动态效果和简单的交互功能。 行为的基本元素是事件和动作。事件是浏览
2、器产生的有效信息，即用户对网页所做的事情。动作是浏览器会检查当事件产生时，是否有一些JavaScript代码需要调用，如果有，就执行这段代码。,Dreamweaver内置行为简介,调用JavaScript 改变属性 设置文本 拖动层 显示隐藏层 显示弹出式菜单 交换图片 播放声音,时间轴,我们浏览一些网页时经常会看到一些运动的网页元素，它的实现是通过时间轴来控制的。 动画的基本原理：使层中的内容在一定的时间内，按照设计好的路线显示在页面中。在页面上显示的每一个层称为一帧，整个时间轴就是由许多的帧构成，这些帧在页面中的连续播放构成时间轴动画。,认识时间轴面板,在时间轴中建立动画,时间轴是通过改变
3、层的位置、大小、可见性和叠放顺序等属性来创建动画。 在时间轴中创建动画的原理步骤如下： 在文档窗口中新建一个层，将动画对象插入，然后将层移动一定的距离后释放，始末位置的连线即运动轨迹。拖动前后关键帧位置和整体长度可更改动画播放时间,行为、时间轴和层的综合应用实例,动态菜单实例（具体过程见课本） 1、下拉菜单 2、展开菜单 会变换图片的漂动广告实例,交互式表单,表单对象包括文本域、列表框、复选框和单选按钮等,表单的作用就是能使访问者与网站或网站管理人交互。表单从用户收集信息，然后将这些信息提交给服务器进行处理。服务器通过将请求发送回用户，或基于该表单内容执行一些操作来进行响应。,创建表单,获得表
4、单提交内容,表单提交的结果,使用行为验证表单,用户在填写表单的时候，由于不慎可能会漏填、误填一些信息。我们可以使用行为对表单数据进行有效性验证，使得发送的表单都能符合我们的要求。 “窗口|行为”，打开行为面板。在行为面板中选择“检查表单”项，弹出检查表单对话框。,小结,这一章的内容主要是让大家对网页的动态设计有一个大概了解。通过本章地学习，读者应当了解动画的设计原理，设计的过程。明确在网页设计中的有关要求，熟悉相关软件的属性，掌握一些动态网页设计的概念和相关技术，以便在具体地设计中能有据可寻，为设计出成功的动态作品奠定一个基础。,选择题,填空题,判断题,简答题,什么是表单？简述表单的基本工作原理。 表单中包括哪些常用元素？ 如果想实现当鼠标移动到某对象上时（使用onMouseOver事件），状态栏中显示特定文字，应如何指定？,上机实训,
