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

1~8折 6.16-6.20

首发

下载课程

下载学院APP

缓存视频离线看

收藏(34)

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

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

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

价  格

¥79

¥99

优惠活动

课程8折(6.16-6.20)

预热优惠

周年庆预热
优惠提前享

2424小时内答疑

课时永久观看

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)

立即加入

1511人学习过

订阅专栏更多

推荐图书

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

课程介绍

课程大纲

学习资料

学员评价

¥99

¥79

课程评价

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

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

该课程已有 人评价

课程与描述相符

老师的讲解表达

老师的答疑服务

匿名