移动端页面布局基础详解篇视频课程

首发

下载课程

下载学院APP

缓存视频离线看

收藏(32)

移动端页面布局基础详解篇视频课程

适用人群: HTML5开发工程师,前端开发工程师,WebAPP研发工程师,想要彻底了解移动端布局原理的小伙伴

共17课时 共2小时26分钟 更新时间:2016-11-08

价  格

¥99

优惠活动

会员95折

2424小时内答疑

课时永久观看

退15分钟内无条件退款

  1. 仅限付费视频课程适用
  2. 购买后15分钟内可以找到客服进行沟通退款
  3. 退款将返还至51CTO学院账户,不支持提现
  4. 下载资料后不再享有退款特权
  5. 客服(Tel&QQ:400-851-9651)
  6. 最终解释权归51CTO学院所有

APP缓存听课

PC倍速播放

  •  

    专题1 | 打造专业级HTML5前端开发工程师系列学习专题

1/1

课程介绍

课程大纲

学习资料

学员评价

课程目标
通过学习本课程,全面了解移动布局的基础知识,为布局各类移动端页面做好铺垫。
适用人群
HTML5开发工程师,前端开发工程师,WebAPP研发工程师,想要彻底了解移动端布局原理的小伙伴
课程简介
  • 移动端页面布局介绍

    从移动端Web问题的思考,引出移动端布局。

  • 移动端屏幕尺寸与各种单位

    ① 什么是绝对长度单位?什么是相对长度单位?② 什么是屏幕尺寸、屏幕分辨率、屏幕像素密度?③ 什么是ppi、dpi、dp、dip、sp、px?他们之间的关系是什么?④ 什么是mdpi、hdpi、xdpi、xxdpi?如何计算和区分?

  • viewport

    viewport 基础、设置和解析

  • meta 知识

    meta标签定义和常见的属性,viewport模板

  • 移动端字体

    移动端字体类型,字体大小和单位设置详解

  • 高清图像

    1、高清显示屏显示原理2、如何区分普通显示屏和高清显示器3、如何设计高清背景图

  • iconfont

    1、什么是iconfont2、使用iconfont的好处3、如何使用iconfont4、应用iconfont案例

  • 1像素边框

    1、问题的提出2、1像素边框的实现方案

  • vw与vh

    讲解rem + vw/vh

  • flexbox布局基础

    1、Flex布局是什么2、基本概念3、容器的属性4、项目的属性5、Flexbox兼容

  • 骰子布局

    flexbox布局应用-骰子布局

  • 网格布局

    flexbox布局应用-网格布局

  • 圣杯布局

    flexbox应用案例-圣杯布局

  • 输入框布局

    flexbox应用案例-输入框布局

  • 悬挂式布局

    flexbox应用案例-悬挂式布局

  • 固定底栏布局

    flexbox应用案例-固定底栏布局

  • 流式布局

    flexbox应用案例-流式布局

加载中
所属章节 资料名称 文件大小 下载
相关资料推荐

暂时还没有学习资料~

综合评分

0人评价

好于0%的课程

暂无

课程与描述相符 5 非常满意

老师的讲解表达 5 非常满意

老师的答疑服务 5 非常满意

全部

好评 0

中评 0

差评 0

加载中
没有了哦~
你可能还感兴趣的课程

    讲师介绍

    陆荣涛

    陆荣涛

    好评率:88%

    Web前端资深培训讲师,大型电子商务软件产品经理、交互设计师、用户体验师

    官方交流群

    51CTO学院微信H5交流群(526549386)

    立即加入

    1333人学习过

    推荐图书

    7日学霸榜 有1333人与你一起学习

    课程介绍

    课程大纲

    学习资料

    学员评价

    ¥99

    课程评价

    综合评价在4颗星及以上最高可获得35分奖励

    移动端页面布局基础详解篇视频课程

    该课程已有 人评价

    课程与描述相符

    老师的讲解表达

    老师的答疑服务

    匿名

    可以开发票么?

    可以的,购买课程或者充值余额后都是可以开具发票的,具体详情点击:我要开发票

    购买的课程可以下载么?

    目前PC端暂不支持下载课程视频,请手机或者平板电脑下载“51CTO学院”APP后再下载视频哦!

    老师提供的课件如何下载?

    讲师提供的课件可以在PC网页端课程详情页下方“学习资料”下载哦

    优惠券如何使用?

    非折扣课程(不包含1元课程/套餐)可使用,一个订单(可包含多个课程)只可使用一张;优惠券一经使用,不再返还;若被冻结请在PC端删除订单即可返还。

    更多问题查询点击 帮助中心

    欢迎您提供宝贵意见,对于您的意见我们都会认真、慎重的讨论,每一个意见都是我们更好为您服务的鞭策和激励,感谢您帮助学院成长,我要反馈意见

    注册登录免费享