正在加载图片...
(3)改变层的顺序 4)品示和隐意层 层与表格的相互转 3、使用层排版网页的制作过程 本小节讲解【例4.2】利用层技术进行网页布局的制作过程,分辨率设置为1024*768, 此网页共创建了5个层相互重叠 五、时间轴特效及行为 时间轴是一条贯穿时间的线 ,用于表示网页存活时间中发生的各种状态。通过在这条时 间轴上的不同时间放置的不同内容,就可以实现网页元素的动态效果。 Dreamweaver提供了一种简洁而且快捷的方式,无须编写任何代码便可以快速在HTML 代码中嵌入JavaScript脚本语言实现特效,这就是行为。 1、实例导入:网页中的时间轴特效及行为的应用 在【例42】中 ,行为相结合实 现动态交互效果 当浏览网页时,有一幅卡通图像在页面上动态飘动,当单击了该图像后,则出现了“欢 迎光临八珍美食”的提示信息,当用户单击“确定”按钮后,卡通图像继续飘动。该网页特 效实例主要涉及了以下几个知识点: 层与时间轴合制作动画: 为网市 元素定义“行为”特效】 2、利用时间轴制作动态特效 ·创建时间轴 ·什么是关键帧? 。修改关键顿 ·拖动路径创建时间轴 Dreamweaver可以将拖动层的轨迹记录下来,利用层的拖动创建图像随时间轴飘动的动 态效果。 2、应用Dreamweaver内部的行为 ·行为的概念 行为主要有3部分组成:对象、事件和动作。对象是行为的主体,在网页中的对象主要 有文本、图像、窗口等 事件是针对某一对象所执行的特定的操作。如当鼠标指针指向超链接时,会生成一个 OnMouseOver事件:当单击超链接时,会生成一个OnClick事件。不同的对象通常会产生 不同的事件。 动作主要是由JavaScript编写的实现特定功能的代码组成。一旦动作与某一特定事件关 (OnLoad)的过 ·Dreamweaver内部的行为 ()调用JavaScript (3) 改变层的顺序 (4) 显示和隐藏层 (5) 层与表格的相互转换 3、使用层排版网页的制作过程 本小节讲解【例 4.2】利用层技术进行网页布局的制作过程,分辨率设置为 1024*768, 此网页共创建了 5 个层相互重叠 五、时间轴特效及行为 时间轴是一条贯穿时间的线,用于表示网页存活时间中发生的各种状态。通过在这条时 间轴上的不同时间放置的不同内容,就可以实现网页元素的动态效果。 Dreamweaver 提供了一种简洁而且快捷的方式,无须编写任何代码便可以快速在 HTML 代码中嵌入 JavaScript 脚本语言实现特效,这就是行为。 1、实例导入:网页中的时间轴特效及行为的应用 在【例 4.2】中利用层、时间轴、行为相结合实现动态交互效果。 当浏览网页时,有一幅卡通图像在页面上动态飘动,当单击了该图像后,则出现了“欢 迎光临八珍美食”的提示信息,当用户单击“确定”按钮后,卡通图像继续飘动。该网页特 效实例主要涉及了以下几个知识点: ⚫ 层与时间轴配合制作动画; ⚫ 为网页元素定义“行为”特效。 2、利用时间轴制作动态特效 ⚫ 创建时间轴 ⚫ 什么是关键帧? ⚫ 修改关键帧 ⚫ 拖动路径创建时间轴 Dreamweaver 可以将拖动层的轨迹记录下来,利用层的拖动创建图像随时间轴飘动的动 态效果。 2、应用 Dreamweaver 内部的行为 ⚫ 行为的概念 行为主要有 3 部分组成:对象、事件和动作。对象是行为的主体,在网页中的对象主要 有文本、图像、窗口等。 事件是针对某一对象所执行的特定的操作。如当鼠标指针指向超链接时,会生成一个 OnMouseOver 事件;当单击超链接时,会生成一个 OnClick 事件。不同的对象通常会产生 不同的事件。 动作主要是由 JavaScript 编写的实现特定功能的代码组成。一旦动作与某一特定事件关 联,则当产生事件的同时会触发相应的动作,以实现特定的功能。比如要在窗口载入 (OnLoad)的过程中打开新的窗口,则可以将 OnLoad 事件与打开新窗口的动作相关联。 ⚫ Dreamweaver 内部的行为 (1) 调用 JavaScript
<<向上翻页向下翻页>>
©2008-现在 cucdc.com 高等教育资讯网 版权所有