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

9.26-9.28 7折

首发

下载课程

下载学院APP

缓存视频离线看

收藏(31)

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

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

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

价  格

¥69

¥99

优惠活动

9月学习季-视频课程7折

2424小时内答疑

课时永久观看

相关专题

微职位学习

    课程介绍

    课程大纲

    学习资料

    学员评价

    课程目标
    通过学习本课程,全面了解移动布局的基础知识,为布局各类移动端页面做好铺垫。
    适用人群
    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)

      立即加入

      811人学习过

      推荐图书

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

      课程介绍

      课程大纲

      学习资料

      学员评价

      ¥99

      ¥69

      课程评价

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

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

      该课程已有 人评价

      课程与描述相符

      老师的讲解表达

      老师的答疑服务

      匿名

      可以开发票么?

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

      购买的课程可以下载么?

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

      优惠券如何使用?

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

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

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