HTML5+CSS3移动Web开发实战 单元6 音乐视频播放网页设计.pptxVIP

单元?6 音乐视频播放网页设计;实例探析 任务6-1 探析基于HTML5的网页音乐播放器之一 【效果展示】 网页音乐播放器0601.html的浏览效果如图6-1所示。 网页音乐播放器0601.html的主体结构为顶部、中部、底部结构，顶部分布了多个播放按钮，中部为音乐列表，底部为播放模式切换按钮。;图6-1　网页音乐播放器0601.html的浏览效果;【网页探析】 1．网页音乐播放器0601.html的HTML代码探析 网页音乐播放器0601.html的HTML代码如表6-1所示。;续表;2．网页音乐播放器0601.html的CSS代码探析 网页音乐播放器0601.html的CSS代码如表6-2所示。;续表;续表;3．网页音乐播放器0601.html的JavaScript代码探析 网页音乐播放器0601.html的JavaScript代码如表6-3所示。;续表;续表;续表;续表;任务6-2 探析基于HTML5的网页视频播放器之一 【效果展示】 网页视频播放器0602.html的浏览效果如图6-2所示。;【网页探析】 1．网页视频播放器0602.html的HTML代码探析 网页视频播放器0602.html的HTML代码如表6-4所示。;2．网页视频播放器0602.html的CSS代码探