Dreamweaver MX 2004深入与提高.pptVIP

网页设计与制作教程 机械工业出版社同名教材 配套电子教案 2005.8 Onmouseout：当鼠标指针移出指定元素时即可生成该事件。 Onmouseover：当鼠标指针移从指定元素之外移动到指定元素时即可生成该事件。 * * 6.1 图层与行为 6.2 时间线 6.3 表单 6.4 框架 6.5 样式表 6.6 模板和库 6.7 其他网页特效 第6章 Dreamweaver MX 2004深入与提高 设计目标 页面的中间显示一组重叠的图层，显示出仙、境、人、间的意念，页面两端分别显示对联效果的图层，实例效果如图6-1所示。 【例6-1】 6.1 图层与行为 6.1.1 图层的基本操作 图6-1 实例效果 1、插入层：插入-》布局对象-》层 2、改变层的次序：层面版拖动（设计-》层） 3、在层中插入表格。背景应该为层的背景，不是表格的背景 设计目标 制作一个交换图像，当鼠标移动到图像上时，图像变换为清晰的图像，同时在图像右侧显示出说明图像的文字图层；当鼠标移动到图像外时，恢复显示原来模糊的图像，同时说明图像的文字图层消失，实例效果如图6-21所示。 【例6-2】 6.1 图层与行为 6.1.2 图层与行为结合制作网页特效 图6-21 实例效果 1、插入图象-》单击检查器行为面版（显示事件，IE6.0）-》选中原始图象-》单击面版（交换图象）。产生两个事件： Onmouseout:当鼠标指针移出指定元素即可产生该事件。 Onmouseover:当鼠标指针从指定元素之外移动到该元素即可产生该事件 2、加入一个文字图层，单击设计面版（层）的眼睛设置为闭合。 3、选中文字图层，单击面版（显示-隐藏）的隐藏，事件设置为Onmouseout。选中图象，单击面版（显示-隐藏）的显示，事件设置为Onmouseover。 时间续面板显示层与图像随时间变化的属性。执行“窗口”→“时间轴”命令或按快捷键〈Alt〉+〈F9〉，打开时间线面板，如图6-35所示。 6.2 时间线 6.2.1 时间线面板 图6-35 时间线面板 行为通道 帧数 动画通道 动画条 时间线菜单 关键帧 每秒帧数 设计目标 制作一个汽车沿着简单曲线运动的时间线动画，实例效果如图6-36所示。【例6-3】 6.2 时间线 6.2.2 创建时间线动画 图6-36 实例效果 1、在图层中插入图片 2、窗口-》时间线-》时间线第一帧按右键“添加对象” 3、选中第一帧，拖动层到动画的位置，最后一帧一样，可以增加关键帧。 4、选中自动播放和循环。 设计目标 制作一个自由飞翔的天使的时间线动画，实例效果如图6-45所示。 【例6-4】 6.2 时间线 6.2.3 通过拖动路径创建曲线动画 图6-45 实例效果 1、在图层中插入图片 2、选择插入的图片，修改-》时间轴-》录制层路径-》 3、 选中自动播放和循环。 4、改变FPS中的值，可改变动画播放的速度。 设计目标 制作一个幻灯片轮流播放效果的汽车广告动画，实现一组广告画面不断轮换切换的效果，如图6-50所示。 【例6-5】 6.2 时间线 6.2.4 使用时间线改变图像属性 图6-50 实例效果 1、插入第一幅图片-》在时间轴添加对象-》，将15帧拖到30帧 2、在10帧处添加关键帧，源文件处插入第二章图片。 3、在20帧处添加关键帧，源文件插入第三章图片。选中自动播放和循环。 设计目标 制作一幅卷轴式展开的图像，从左向右逐渐推出显示，效果如图6-55所示。 【例6-6】 6.2 时间线 6.2.5 使用时间线改变图层属性 图6-55 实例效果 1、插入层，设置层的宽度为1PX，高度和背景的高一致。 2、插入背景图象 3、把图片拖动到第一帧，和最后一帧。 注意：拉宽时，先往左再往右多 1. 表单的工作原理 表单支持客户端-服务器关系中的客户端。当访问者在Web浏览器中显示的表单中输入信息，然后单击提交按钮时，这些信息将被发送到服务器，服务器端脚本或应用程序在该处对这些信息进行处理。用于处理表单数据的常用服务器端技术包括Macromedia ColdFusion、Microsoft Active Server Pages（ASP）和PHP。 2. 表单对象 在Dreamweaver中，制作表单可以通过表单对象实现，表单对象位于插入面板的“表单”子面板中，如图6-60所示。 6.3 表单 6.3.1 表单的基本概念 图6-60 表单的组成对象