已阅读5页，还剩10页未读， 继续免费阅读
版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
Web前端开发主讲人：李娜设计响应式音乐播放界面【任务目标】知识目标能力目标素质目标了解HTML5支持的音频和视频格式；掌握HTML5中视频相关属性的运用。能够制作响应式音频、视频页面。培养学生的创新意识以及举一反三的能力。【任务实现】1.效果示例
【任务实现】2.分析页面效果图
【任务实现】3.制作页面结构
【任务实现】4.设置viewport
<metaname="viewport"content="width=device-width,initial-scale=1.0">【任务实现】5.定义页面CSS样式
★
控制页面整体结构
★
设置header区域样式
★
设置banner区域样式
★
创建媒体查询【任务实现】5.定义页面CSS样式
★
控制页面整体结构
【任务实现】5.定义页面CSS样式
★
设置header区域样式
【任务实现】5.定义页面CSS样式
★
设置banner区域样式
【任务实现】5.定义页面CSS样式
★
创建媒体查询【任务拓展】【任务小结】这节课我们完成了“响应式音乐播放界面”的制作，在任务完成过程中，需要考虑到音频文件的嵌入，以及不同屏幕尺寸下的显示效果。“它山之石,可以攻玉。”在学习过程中，我们要善于开阔眼界、拓展思
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 注册会计师审计中网络安全风险的审计应对
- 德鲁克：什么是真正的老师
- 某麻纺厂质量检验程序细则
- 2026中国科学院广州地球化学研究所科研助理招聘2人备考题库（应用矿物学学科组）附答案详解（完整版）
- 某塑料厂塑料废料处理制度
- 2026四川德阳市高校能源装备区域技术转移转化中心招聘备考题库带答案详解（综合卷）
- 2026青海黄南州泽库县藏医院编外医务科人员招聘1人备考题库附答案详解（b卷）
- 2026山东济南市第二妇幼保健院招聘卫生高级人才（控制总量）2人备考题库带答案详解（综合题）
- 2026广东茂名市职业病防治院（茂名市骨伤科医院）招聘就业见习岗位人员1人备考题库带答案详解（黄金题型）
- 2026云南德宏州梁河县农业农村局下属事业单位引进研究生1人备考题库及参考答案详解（典型题）
- 纯化水管道施工方案及钝化记录
- 售后服务管理师培训课件
- 小学一年级语文学习评价方案设计
- 本工程施工的重点难点及应对措施
- 绿化保洁安全培训课件
- 知道智慧树系统思维与系统决策满分测试答案
- 养老险产品销售话术培训方案
- 2025年中国糖尿病肾脏病基层管理指南(全文)
- 2025年新疆高端会计人才笔试题及答案
- 营养学电子课件
- 《市域（郊）铁路设计规范》条文说明
评论
0/150
提交评论