4网页高级应用.ppt

行为时间线 复习提问 1、利用层布局表格有什么优点 ？ 灵活性更好 2、利用层布局的网页与利用表格布局的网页能否相互转换？ 能 课程引导 行为时间线是为了让网页更富有动态效果，使页面更加的漂亮而使用的。 知识目标 知识目标： 1、能够使用资源管理器面板进行网页 设计； 2、能够应用层和时间轴制作网页动 画； 3、能够应用层和行为制作带有动态效果的网页； 案例展示 任务分析 本例的页面带有动态效果：飘动的公告栏、交替变换的图像、能够显示/隐藏的文字、弹出的广告窗口，下拉菜单。根据网站要求，设计方案如下： 1、首先设计制作一个基本网页 2、利用层与时间线面板制作飘动的公告栏和交替变换的图像 3、利用层行为制作能够显示/隐藏的文字 4、利用图像行为制作下拉菜单 5、利用行为面板制作弹出广告窗口。 知识讲解（一） 1、行为是由对象、事件和动作构成的。 （1）．对象：是产生行为的主体。网页中的很多元素都可以成为对象，如网页中的一个图片、一段文字等元素，也可以整个网页文档。 （2）．事件：是由用户或浏览器触发的事件。事件经常是针对页面元素的，如鼠标经过、鼠标单击、键盘某个键按下等。 （3）．动作：通常是一段JavaScript代码，用于完成某些特殊的任务。如打开一个窗口时自动播放声音、弹出信息窗口等。 （4）．行为：事件和动作组合起来就构成了行为。事件是产生行为的条件，动作是行为的具体结果。 知识讲解与操作示范（二） 课堂模仿 单击菜单栏中“窗口”|“时间轴”命令或按组合键Alt+F9，可以打开时间轴面板。 介绍时间轴面板 介绍将时间轴应用于层的方法 疑难解析 问题1：如何熟练的掌握时间轴运用 归纳总结 1、层与时间线怎样结合制作动态效果？ 2、行为的应用？ 扩展性任务 结束 javascript特效 复习提问 提问复习： 复习行为时间线内容、提问javascript脚本特点 知识目标 知识目标： 1、能够使用javascript进行网页设 计； 2、能够使用javascript设计网页； 案例展示 任务分析 1、制作模板页面 文件→新建→基本页→HTML 2、在网页中加入javascript脚本 3、预览 知识讲解 一、 JavaScript 概述 二、 JavaScript 编辑和调试工具 三、 JavaScript 如何在 HTML中工作 四、建立 JavaScript 表达式 五、简单 JavaScript 特效网页设计 　　1、源代码 源代码讲解 疑难解析 问题1：如何在网页良好的运用“javascript” 特 效 问题2：javascript特效的优点？ 归纳总结 1、javascript的意义？ 2、javascript的应用？ 扩展性任务 结束 多媒体组件 复习提问 什么是Javascript特效 ？有什么作用？ Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。 Javascript是由 Netscape公司开发的一种脚本语言（scripting language），或者称为描述语言。在HTML基础上，使用Javascript可以开发交互式Web网页。Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。 运行用Javascript编写的程序需要能支持Javascript语言的浏览器。 课程引导 多媒体是网页的魅力所在。它可以把更多的动画与网页联系起来，构成一个有机的整体来充实网页。 Dreamweaver的多媒体功能可以在网页中直接插入动画，不受动画运行环境的限制。大大丰富了网页整体页面效果，使网页更吸引浏览者。 知识目标 （1）多媒体及相关文件的类型。 （2）设置相应多媒体组件的属性。 案例展示 任务分析 1、首先了解要在网页上使用什么样的多 媒体组件来丰富自己的网页？ 任务完成：根据需要选择相应flash动画、flash按钮、flash文本和相应的视频、音频文件。 知识讲解 1．多媒体及其相应组件：多媒体：通常多媒体技术是指把文字、音频、视频、图形、图像、动画等多媒体信息通过计算机进行数字化采集、获取、压缩/解压缩、编辑、存储等加工处理，再以单独或合成形式表现出来的一体化技术。 网页中常用的多媒体对象主要分为Flash类(包括Flash动画、Flash按钮、Flash文本、Flash视频等)、Java applets、ActiveX控件类，以及各种音频、视频文件(如Shockwave影片、QuickTime、RM、W