项目三制作网页动态效果 课件 -2022-2023学年高二下学期（中职）《网页设计与制作》（华南理工版）

项目三制作网页动态效果 在网页设计过程中，动态效果的实现是最精彩的部分。动态效果的插入，会使网页更加生动灵活、丰富多彩。在本项目中，通过2个工作任务生动地向读者展示动态标签知识。 目录 任务一 使用<marquee>设置网页图片滚动 任务二 使用<embed>标签插入Flash山林动画 使 用<marquee> 设 置 网 页 图 片 滚 动 准备知识 使用<marquee>设置网页图片滚动 滚动文字标签<marquee> 单文字滚动 文字向上滚动 设置滚动文字背景 图片滚动控制 任务实施 小刚负责某网站的建设与维护，使用HTML语言将插入网页的图片，同时要求实现图片可以自由滚动。 使 用<marquee> 设 置 网 页 图 片 滚 动 任务一：使用<marquee>设置网页图片滚动 任务分析： 理解牢记！ 由于网页中出现的图片滚动可吸引人们的目光，同时，<marquee>标签可以实现元素在网页中移动的效果，以达到动感十足的视觉效果。因此，小刚决定使用<marquee>标签来完成此任务。 任务一：使用<marquee>设置网页图片滚动 任务 实施 使用<marquee>设置网页图片滚动 小刚使用<marquee>设置网页图片滚动，如下图所示。 <html> <head> <title>滚动标签<marquee>实例</title> </head> <body> <marquee><img src="01.jpg">图片也可以滚动</marquee> </body> </html> 使 用<embed> 标 签 插 入Flash山 林 动 画 准备知识 使用<embed>标签插入Flash山林动画 设置网页背景音乐 插入视频文件 插入Flash动画 任务实施 小刚是某网站的建设与维护者，为了使个人网页更加生动，他需要在网页中插入Flash山林动画。 任务二：使用<embed>标签插入Flash山林动画 使 用<embed> 标 签 插 入Flash山 林 动 画 任务分析： 理解牢记！ 使用Dreamweaver创建的网站，可以插入不同的多媒体元素。同时由于多媒体元素的出现，网页才会显得更加美观。因此，小刚决定使用<embed>标签在网页中插入Flash动画。 任务二：使用<embed>标签插入Flash山林动画 任务 实施 使用<embed>标签插入Flash山林动画 代码如下。 <html> <head> <title>插入flash</title> </head> <body> <center> <embed src="01.swf" height=500 width=550> </center> </body> </html> 运行效果如下图所示。 操作技巧 <embed>标签除了插入Flash动画外，还可以设置透明度。 格式：<embed src="路径" height="高度" width="宽度" wmode="transparent">。 重 点 难 点 项目三制作网页动态效果 重点难点 掌握图片滚动控制 重点 难点 掌握插入视频文件 $