Web前端工程师 > 迅雷产品中心自适应优化实战
迅雷产品中心自适应优化实战
  • 迅雷产品中心自适应优化实战

  • 主讲 : ASMITA
  • 本课程介绍了盒子模型布局、页面整体布局、使用Javascript适配浏览器,以及媒体的查询和使用。并通过应用这些知识,带领大家美化迅雷产品页面,实现自适应各种分辨率。
  • ¥199.00 ¥299.00 ¥195.00
  • 免费试学 立即报名

    28人学习时长 : 3 小时有效期 : 90 天 有效期自支付成功后开始计算,到期后仍可观看课程视频和图文,但不再享受问答和作业批改等服务。

前端自适应优化 前端自适应优化 前端自适应优化 前端自适应优化

迅雷产品中心自适应优化实战

主讲:ASMITA

本课程介绍了盒子模型布局、如何使用盒子模型构建页面整体布局、使用Javascript适配浏览器,以及媒体的查询和使用。并通过应用这些知识,带领大家一步步美化迅雷产品页面,并实现了让迅雷页面能够完美自适应各种分辨率。

第 1 部分 迅雷产品中心自适应优化实战课程概要 10 分钟

第 1 节 迅雷产品中心自适应优化实战课程概要 10 分钟
迅雷产品中心自适应优化实战课程概要 试学

第 2 部分 使用伸缩(弹性)盒及新增文本边框属性构建并美化整体布局 90 分钟

第 1 节 伸缩盒子布局 60 分钟
伸缩盒子(旧版box)和column分栏
伸缩盒子(新版flex)
使用伸缩盒模型构建迅雷产品中心页面
第 2 节 CSS3新增文本、边框属性 30 分钟
CSS3新增文本、边框属性介绍
美化迅雷页面
作业:设计盒子模型介绍页面
设计盒子模型介绍页面
作业:添加百度随心听换台页面
添加百度随心听换台页面

第 3 部分 网页在不同分辨率下的自适配 80 分钟

第 1 节 使用Javascript适配浏览器 40 分钟
使用Javascript适配浏览器技能点介绍
使用Javascript制作迅雷页面部分内容适配
第 2 节 媒体查询(Media Queries) 40 分钟
媒体查询使用和介绍
让迅雷页面能够完美自适应各种分辨率
作业:制作完成百度随心听页面的自适应
制作完成百度随心听页面的自适应

学员服务

  • 作业批改
  • 有问必答

主讲老师

  • ASMITA

    极客学院布道师

    曾任某国企信息部技术leader,曾负责过两个千万级项目经验、十余个百万级项目经验,独立开发能力强。现任南京都享教育创始人。