Web前端开发主讲人：李娜

设计响应式音乐播放界面

【任务目标】知识目标能力目标素质目标了解HTML5支持的音频和视频格式；掌握HTML5中视频相关属性的运用。能够制作响应式音频、视频页面。培养学生的创新意识以及举一反三的能力。

【任务实现】1.效果示例

【任务实现】2.分析页面效果图

【任务实现】3.制作页面结构

【任务实现】4.设置viewportmetaname=viewportcontent=width=device-width,initial-scale=1.0

【任务实现】5.定义页面CSS样式