网站设计与网页制作立体化项目教程（第4版） 课件 2-4-3 课件：英博特网站二三级页面-应用场景详细信息页面制作_第1页
网站设计与网页制作立体化项目教程（第4版） 课件 2-4-3 课件：英博特网站二三级页面-应用场景详细信息页面制作_第2页
网站设计与网页制作立体化项目教程（第4版） 课件 2-4-3 课件：英博特网站二三级页面-应用场景详细信息页面制作_第3页
网站设计与网页制作立体化项目教程（第4版） 课件 2-4-3 课件：英博特网站二三级页面-应用场景详细信息页面制作_第4页
网站设计与网页制作立体化项目教程（第4版） 课件 2-4-3 课件：英博特网站二三级页面-应用场景详细信息页面制作_第5页
已阅读5页，还剩9页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

任务4：“英博特智能科技”企业网站二三级页面布局第二篇：项目实战篇4.3应用场景详细信息页面制作4-3应用场景详细信息页面制作能力要求学习导览（1）能在网页中添加音频、视频等多媒体文件。（2）熟悉video标签的相关属性。（3）熟悉audio标签的相关属性。任务概述本次任务完成音频和视频的插入，该模块经过结构分析，主要包含上下两部分，上面插入视频，下面插入音频。4.3应用场景详细信息页面制作任务思考（1）网页中常见的多媒体元素有哪些？

（2）常见的音频和视频格式有哪些？

（3）HTML5标签中新增的音频、视频标签是什么？该如何使用？

4.3应用场景详细信息页面制作音频声音能极好地烘托网页页面的氛围，网页中常见的声音格式有WAV、MP3、MIDI、AIF、RA或RealAudio格式。HTML5规定了在网页上嵌入音频元素的标准，即使用audio元素。目前audio元素支持三种音频格式文件:MP3、Wav和Ogg。4.3应用场景详细信息页面制作【示例代码】2-4-13.html：插入音频。音频4.3应用场景详细信息页面制作audio元素允许使用多个source元素，source元素可以链接不同的音频文件，浏览器将使用第一个可识别的格式。audio标签提供了许多属性，如下表所示。音频4.3应用场景详细信息页面制作Audio支持的音频格式如下表所示。视频4.3应用场景详细信息页面制作video标签定义视频，比如电影片段或其他视频流。目前，<video>元素支持三种视频格式：MP4、WebM、Ogg。video元素允许使用多个source元素，source元素可以链接不同的音频文件，浏览器将使用第一个可识别的格式。video标签还提供了许多属性，如下表所示。【示例代码】2-4-14.html：插入视频。视频4.3应用场景详细信息页面制作video属性如下表所示。视频格式类型如下表所示。任务实施插入音频02.插入视频03.01.搭建页面结构具体要求见任务书4.3应用场景详细信息页面制作讨论区运用本课学习的技术，根据效果图完成视频和文字的混排。要求有文字、图片，截图上传讨论区。4.3应用场景详细信息页面制作讨论区运用所学知识，根据效果图完成视频和列表的混排。要求有文字、图片，截图上传讨论区。4.3应用场景详细信息页面制作完成在线测试题。运用本课学习的技术，完成视

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论