《dreamwearer程序设计教程.ppt

淘花/百度专用 网页设计与制作教程 机械工业出版社同名教材 配套电子教案 2005.8 * * 淘花/百度专用 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 淘花/百度专用 6.1 图层与行为 6.2 时间线 6.3 表单 6.4 框架 6.5 样式表 6.6 模板和库 6.7 其他网页特效 第6章 Dreamweaver MX 2004深入与提高 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 淘花/百度专用 设计目标 页面的中间显示一组重叠的图层，显示出仙、境、人、间的意念，页面两端分别显示对联效果的图层，实例效果如图6-1所示。 【例6-1】 6.1 图层与行为 6.1.1 图层的基本操作 图6-1 实例效果 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 淘花/百度专用 设计目标 制作一个交换图像，当鼠标移动到图像上时，图像变换为清晰的图像，同时在图像右侧显示出说明图像的文字图层；当鼠标移动到图像外时，恢复显示原来模糊的图像，同时说明图像的文字图层消失，实例效果如图6-21所示。 【例6-2】 6.1 图层与行为 6.1.2 图层与行为结合制作网页特效 图6-21 实例效果 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 淘花/百度专用 时间续面板显示层与图像随时间变化的属性。执行“窗口”→“时间轴”命令或按快捷键〈Alt〉+〈F9〉，打开时间线面板，如图6-35所示。 6.2 时间线 6.2.1 时间线面板 图6-35 时间线面板 行为通道 帧数 动画通道 动画条 时间线菜单 关键帧 每秒帧数 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 淘花/百度专用 设计目标 制作一个汽车沿着简单曲线运动的时间线动画，实例效果如图6-36所示。 【例6-3】 6.2 时间线 6.2.2 创建时间线动画 图6-36 实例效果 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 淘花/百度专用 设计目标 制作一个自由飞翔的天使的时间线动画，实例效果如图6-45所示。 【例6-4】 6.2 时间线 6.2.3 通过拖动路径创建曲线动画 图6-45 实例效果 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 淘花/百度专用 设计目标 制作一个幻灯片轮流播放效果的汽车广告动画，实现一组广告画面不断轮换切换的效果，如图6-50所示。 【例6-5】 6.2 时间线 6.2.4 使用时间线改变图像属性 图6-50 实例效果 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 淘花/百度专用 设计目标 制作一幅卷轴式展开的图像，从左向右逐渐推出显示，效果如图6-55所示。 【例6-6】 6.2 时间线 6.2.5 使用时间线改变图层