任务概述

要成为一名合格的Web前端工程师，不仅需要具备熟练的Web前端开发技能，还需要热爱岗位的敬业精神、乐于付出的奉献精神，有团队的合作意识、产品的质量意识及对用户的服务意识，以提升前端开发的实用型和易用性。我们的“新云课堂”的网站核心功能就是提供优质的教学资源，让用户可以随时随地通过观看在线视频的方式进行学习。 

在HTML 5标准出现之前，网页如果想要展示音乐，电影等音视频内容，就需要借助第三方的插件，如Flash插件。但是它的缺点是比较烦琐，实现代码复杂冗长。HTML 5新增了多媒体标签，让网页中插入多媒体元素变得非常简单。

在网页中表现内容的方式不仅仅局限于文本、段落和图片，我们还用到列表、表格及多媒体内容等。列表类似于Word文档中的项目符号与编号，可以为文件添加各种项目符号或者编号，并且还可以与CSS相结合实现出各种常用效果。表格是数据表现形式中非常重要的一种，在网页中也支持这种通过行与列的规律性组合，形成各种满足需求的表格。本学习单元，我们来完成“新云课堂”课程播放页面。课程播放页面需要使用列表元素来展示课程名称列表，使用表格元素来展示课程资料，使用视频元素来提供视频播放的功能。

素质目标

培养学生创新精神。

      培养学生职业素养和服务意识。

知识目标

掌握无序列表、有序列表和定义列表的定义与特点

掌握表格元素与表格基础结构

掌握HTML5媒体元素

技能目标

熟练使用无序列表制作页面内容

熟练使用表格元素制作页面内容

熟练HTML5媒体元素在页面中嵌入音视频内容