web前端开发 知识点1:添加字幕 电子教案.doc

web前端开发 知识点1:添加字幕 电子教案.doc

  1. 1、本文档共6页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
山东理工职业学院单元教学过程设计首页 课程所属院(部):软件工程学院 2016--- 2017学年 第 二 学期 课程名称 《Web前端开发》 任课教师 单元标题 添加字幕 上课地点 8208微机室 学时 4 授课班级 授课时间 第 周 第 周 第 周 第 周 第 周 第 周 星期 星期 星期 星期 星期 星期 第 节 第 节 第 节 第 节 第 节 第 节 月 日 月 日 月 日 月 日 月 日 月 日 教学目标 能力目标 知识目标 1. 能利用标签marquee、track构建多媒体页面,在页面中添加字幕效果。 1. 理解并掌握标签marquee、track元的使用方法; 教学任务 1. 理解并掌握标签marquee、track的使用方法; 2. 能利用标签marquee、track构建多媒体页面,在页面中添加字幕效果。 教学重、难点 重点:标签marquee、track的使用方法 难点:利用标签marquee、track在页面中添加字幕效果 教学材料或用具 教材、教案、课程标准、案例素材、DreamWeaver CS6软件及微机室 课后任务 任务完善 山东理工职业学院单元教学过程设计 步骤及时间 教学内容 教师活动 学生活动 5分钟 5分钟 20分钟 30分钟 25分钟 5分钟 【组织教学】 1、检查学生出勤,作好学生考勤记录。 2、课堂提问,了解学生掌握所学知识情况。 3、强调课堂纪律,加强互动,活跃课堂气氛。 【课题导入】 HTML页面不仅可以编辑文本和图片,同时还可以编辑音频和视频文件,下面利用标签<marquee>在页面中添加字幕效果下。 【讲授新课】 滚动文字标签—<marquee> 语法格式 <marquee>滚动文字</marquee> 滚动方向属性—direction 语法格式 <marquee direction="滚动方向">滚动文字</marquee> 该语法中的滚动方向可以包含4个值,分别为up、down、left和right。 滚动方式属性—behavior 语法格式 <marquee behavior="滚动方式">滚动文字</marquee> 滚动速度属性—scrollamount 语法格式 <marquee scrollamount="滚动速度">滚动文字</marquee> 在该语法中,滚动文字的速度实际上是设置滚动文字每次移动的长度,以像素为单位。 滚动延迟属性—scrolldelay 语法格式 <marquee scrolldelay="时间间隔">滚动文字</marquee> 滚动循环属性—loop 语法格式如下: <marquee loop="循环次数">滚动文字</marquee> 滚动循环属性—loop 语法格式如下: <marquee width="" height="">滚动文字</marquee> 此处设置宽度和高度的单位均为像素。 滚动空间属性—hspace、vspace 语法格式如下: <marquee hspace="水平范围" vspace="垂直范围">滚动文字</marquee> 2.使用track标记插入字幕文件 track元素是video元素的子元素, <track>标记必须被书写在 video元素的开始标记与结束标记之间。 属性 说明 src属性 src属性指定字幕文件的存放路径,该属性是必选项。属性值可以是一个绝对URL路径,也可以是一个相对URL路径。 srclang属性 srclang属性用于指定字幕文件的语言。例如,srclang="en" 和srclang="zh-cn"分别表示字幕文件为英语和汉语。 default属性 default属性用于通知浏览器在用户没有选择使用其他字幕文件的时候可以使用当前 track文件 kind属性 kind属性用于指定字幕文件(即用于存放字幕、章节标题、说明文字或元数据的文件) 的种类。属性值为subtitles、captions、descriptions、chapters与metadata 3.建立WebVTT文件 track元素引用的文件是内部包含了一系列时间标记的文本文件,WebVTT文件是可以添加到轨道中的视频播放器可以显示的文本文件。在 HTML5中通过<track>标记引用WebVTT文件,这表示可以为音频或视频等媒体资源提供诸如字幕、标题或描述等信息,并将这些信息同步显示在媒体资源中。 (1)WebVTT文件格式 WebVTT (Web Video Text Tracks)是一种文件格式,本质上是是一种文本文件,使用UTF-8编码,文件扩展名为.vt

您可能关注的文档

文档评论(0)

WanDocx + 关注
实名认证
内容提供者

大部分文档都有全套资料,如需打包优惠下载,请留言联系。 所有资料均来源于互联网公开下载资源,如有侵权,请联系管理员及时删除。

1亿VIP精品文档

相关文档