dreamwearer_程序设计教程.pptVIP

淘花/百度专用 网页设计与制作教程 机械工业出版社同名教材 配套电子教案 2005.8 * * 淘花/百度专用 淘花/百度专用 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 实例效果 淘花/百度专用 设计目标 制作一个交换图像，当鼠标移动到图像上时，图像变换为清晰的图像，同时在图像右侧显示出说明图像的文字图层；当鼠标移动到图像外时，恢复显示原来模糊的图像，同时说明图像的文字图层消失，实例效果如图6-21所示。 【例6-2】 6.1 图层与行为 6.1.2 图层与行为结合制作网页特效 图6-21 实例效果 淘花/百度专用 时间续面板显示层与图像随时间变化的属性。执行“窗口”→“时间轴”命令或按快捷键〈Alt〉+〈F9〉，打开时间线面板，如图6-35所示。 6.2 时间线 6.2.1 时间线面板 图6-35 时间线面板 行为通道 帧数 动画通道 动画条 时间线菜单 关键帧 每秒帧数 淘花/百度专用 设计目标 制作一个汽车沿着简单曲线运动的时间线动画，实例效果如图6-36所示。 【例6-3】 6.2 时间线 6.2.2 创建时间线动画 图6-36 实例效果 淘花/百度专用 设计目标 制作一个自由飞翔的天使的时间线动画，实例效果如图6-45所示。 【例6-4】 6.2 时间线 6.2.3 通过拖动路径创建曲线动画 图6-45 实例效果 淘花/百度专用 设计目标 制作一个幻灯片轮流播放效果的汽车广告动画，实现一组广告画面不断轮换切换的效果，如图6-50所示。 【例6-5】 6.2 时间线 6.2.4 使用时间线改变图像属性 图6-50 实例效果 淘花/百度专用 设计目标 制作一幅卷轴式展开的图像，从左向右逐渐推出显示，效果如图6-55所示。 【例6-6】 6.2 时间线 6.2.5 使用时间线改变图层属性 图6-55 实例效果 淘花/百度专用 1. 表单的工作原理 表单支持客户端-服务器关系中的客户端。当访问者在Web浏览器中显示的表单中输入信息，然后单击提交按钮时，这些信息将被发送到服务器，服务器端脚本或应用程序在该处对这些信息进行处理。用于处理表单数据的常用服务器端技术包括Macromedia ColdFusion、Microsoft Active Server Pages（ASP）和PHP。 2. 表单对象 在Dreamweaver中，制作表单可以通过表单对象实现，表单对象位于插入面板的“表单”子面板中，如图6-60所示。 6.3 表单 6.3.1 表单的基本概念 图6-60 表单的组成对象 淘花/百度专用 设计目标 制作一个个人简历调查表，收集个人的资料。该调查表是表单应用的典型实例，如图6-61所示。 【例6-7】 图6-61 实例效果 6.3 表单 6.3.2 表单对象的使用 淘花/百度专用 设计目标 以前面制作的“个人简历调查表”表单为基础，在表单中使用“检查表单”行为。检查规则设置为“姓名”和“密码”文本框必须输入内容，如果没有输入内容，表单提交后弹出警告信息；电子邮件地址必须合乎邮件地址的格式，否则表单提交后弹出警告信息，实例效果如图6-89所示。 【例6-8】 6.3 表单 6.3.3 检查表单 图6-89 实例效果 淘花/百度专用 1. 框架类型 Dreamweaver预定义了多种类型的框架结构，在插入面板的布局子面板中单击框架图标。在弹出的菜单中，用户可以选择系统预定义的框架结构。 2. 框架面板 在操作框架的过程中，框架面板是非常有用的。使用框架面板可以进行选取、观察、修改框架等基本操作。因此在对框架操作时，框架面板最好一直打开。 若要打开框架面板，可以执行“窗口”→“框架”命令或按〈Shift〉+〈F2〉快捷键。在框架面板中，框架集边框是粗三维边框，而框架边框则是细灰线边框，每个框架是用框架名来识别的。 6.4 框架 6