设为首页收藏本站

自学IT吧论坛

 找回密码
 立即注册
搜索
查看: 12665|回复: 11

妙味课堂HTML5移动端布局视频教程(视频+源码)

  [复制链接]
  • TA的每日心情

    7 天前
  • 签到天数: 1452 天

    [LV.10]以坛为家III

    1241

    主题

    2800

    帖子

    5984

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    5984
    发表于 2017-9-9 02:35:30 | 显示全部楼层 |阅读模式
    课程介绍:2 I. C8 d( H6 Q) B  d, t9 o
    • 本次远程课从移动端环境配置、模拟器、搭建本地虚拟服务器入手,为大家详细分析多机型适配、横竖屏切换、物理像素、移动端1px、图片发虛等一系列移动端细节问题与移动端兼容性问题,并通过各种移动端实战布局案例,带领大家探寻移动端各类布局结构的核心关键点。
    • 在响应式开发章节中,我们为大家详尽介绍媒体查询相关技术、弹性盒模型特征与实战应用场景,并辅以bootstrap为大家演示栅格化系统,彻底掌握响应式工具的使用。
    • 在面对移动端的表单及场景美化需求上,我们为大家准备了多样化的自定义字体图标,再配合css3的绚丽样式美化技巧、多背景图设置、以及滤镜相关的辅助,为移动端网页增添UI展示乐趣的同时、优化移动端性能、提升访问速度。
    • 在轻松制作出移动端各种类型的页面后,还需要灵活开发移动端常见的交互效果,因此必不可少的需要掌握touch系列事件(touchstart、touchmove、touchend、transitionend),以及打造移动端基础交互不可或缺的transform-2D系列知识点(translate、scale、skew、rotate、transform-origin……),配合这些相关知识点,移动端基础交互效果即轻而易举、不在话下。7 [* I# d! u9 D7 M( }9 Y7 z8 r& N0 f; S" S
    8 {- Z$ o! B2 U1 h$ G4 |- z, I9 G/ I* }$ ?$ C+ d/ h6 Z( S- F6 w4 e* e
    针对人群:
    如果你完全不熟悉移动端布局、只做过PC端的页面,JS也没太多基础……这套课程就是为你们量身定做的!
    讲师在课程中会特别细致入微的讲解 移动端布局 要注意的所有 适配问题,框架搭建、样式编写……手把手教会大家如何 从零开始写移动端项目、直至完整做出移动端的页面、适配所有手机屏幕为止!
    第一次课:移动端开发环境搭建、服务器相关、单位选择、多机型横竖屏适配、移动端框架搭建、系统兼容、浏览器兼容……7 y9 P2 @" z+ G' @# d6 Y9 I) a) z7 i1 Q3 A- Y) x* e  s- y
    第二次课现场开发移动端苏宁电器首页静态页面:框架搭建、头部广告、导航模块、菜单模块、商品列表样式组、特惠商品模块……/ J6 t$ u  U2 e. O3 O6 `! r9 I! r; G
    第三次课:响应式开发相关知识点:媒体查询、子元素选择、弹性盒模型、bootstrap、现场用JQ官网整站布局演示响应式开发过程……6 N( ?3 x3 Z* j' C4 \; M  \, K7 X8 {5 b* ?) v1 h: V2 G
    4 m  f% M, f  R; ]. Y% B0 m: n& C/ V6 D/ x; p0 a; B# w: W
    1 p# f/ Q" G9 t! ?, T+ M) X, G
    第四次课:现场开发uehtml官网响应式静态页面:整站布局、头部菜单响应式设置、最新消息模块变化、内容模块四三二响应式变化……  H. h5 J# W9 I
    * G9 |+ \0 B' K4 c第五次课:CSS3美化样式、自定义字体图标、滤镜设置、CSS3选择器、transform 2D转换、新增表单控件、valid表单验证、表单样式美化……. o- a3 d. K6 @4 @/ E4 q7 P/ M9 w+ K2 s8 l
    第六次课:touch事件讲解、移动端弹窗模糊效果、移动端JS效果演示:图片轮播、导航吸附、下拉菜单、总结回顾
    & F7 Z" Y  H9 B7 N  k! m: w0 G- r' I( j" w+ q
    2 z0 R! T1 ~8 ]- v  H
    , S% Z0 i& y$ w! W5 R$ p# x; ]
    链接:$ w& q, F- |. V' o5 v
    游客,如果您要查看本帖隐藏内容请回复
    8 m  G) L4 ]2 X  G7 @( s
  • TA的每日心情

    2020-8-14 10:53
  • 签到天数: 150 天

    [LV.7]常住居民III

    1

    主题

    243

    帖子

    651

    积分

    永久VIP会员

    积分
    651
    发表于 2017-9-9 03:11:56 | 显示全部楼层
    sxwsx
  • TA的每日心情
    奋斗
    2019-9-14 13:09
  • 签到天数: 634 天

    [LV.9]以坛为家II

    1

    主题

    858

    帖子

    2378

    积分

    永久VIP会员

    积分
    2378
    发表于 2017-9-9 08:54:41 | 显示全部楼层
    妙味课堂HTML5移动端布局视频教程(视频+源码) [修改]
  • TA的每日心情
    奋斗
    2020-11-24 15:22
  • 签到天数: 103 天

    [LV.6]常住居民II

    0

    主题

    572

    帖子

    1202

    积分

    永久VIP会员

    积分
    1202
    发表于 2017-9-9 09:00:45 | 显示全部楼层
    妙味课堂HTML5移动端布局视频教程(视频+源码)
  • TA的每日心情
    奋斗
    昨天 22:01
  • 签到天数: 823 天

    [LV.10]以坛为家III

    0

    主题

    823

    帖子

    2477

    积分

    Lv5顶级架构师

    Rank: 6Rank: 6

    积分
    2477
    发表于 2017-9-9 09:34:50 | 显示全部楼层
    RE: 妙味课堂HTML5移动端布局视频教程(视频+源码) [修改]
  • TA的每日心情

    2018-8-6 12:03
  • 签到天数: 205 天

    [LV.7]常住居民III

    0

    主题

    529

    帖子

    1320

    积分

    Lv4高级攻城狮

    Rank: 4

    积分
    1320
    发表于 2017-9-9 09:36:37 | 显示全部楼层
  • TA的每日心情
    奋斗
    2018-2-25 21:30
  • 签到天数: 74 天

    [LV.6]常住居民II

    1

    主题

    217

    帖子

    2684

    积分

    Lv5顶级架构师

    Rank: 6Rank: 6

    积分
    2684
    发表于 2017-9-9 09:51:15 | 显示全部楼层
    妙味课堂HTML5移动端布局视频教程(视频+源码)
    & y. U: z+ v1 J7 \& N' l+ D- V# Qhttp://www.zxit8.com/forum.php?m ... 31&fromuid=2969; G' r2 d$ N5 p! s$ m8 [! T  C5 m
    (出处: 自学IT吧论坛). k3 W* c% V" [  O: f9 ^
  • TA的每日心情
    开心
    2020-3-18 19:36
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    0

    主题

    27

    帖子

    58

    积分

    Lv1码农

    Rank: 1

    积分
    58
    发表于 2017-9-9 10:11:53 | 显示全部楼层
    感谢分享!!!
  • TA的每日心情
    擦汗
    2021-6-9 01:13
  • 签到天数: 50 天

    [LV.5]常住居民I

    0

    主题

    125

    帖子

    454

    积分

    永久VIP会员

    积分
    454
    发表于 2017-9-9 10:57:11 | 显示全部楼层
    看看
  • TA的每日心情
    擦汗
    2021-7-14 11:44
  • 签到天数: 46 天

    [LV.5]常住居民I

    1

    主题

    98

    帖子

    401

    积分

    永久VIP会员

    积分
    401
    发表于 2017-9-9 13:05:38 | 显示全部楼层
    感谢分享啦~
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    来自学IT吧,高薪等你拿! 立即登录 立即注册
    在线咨询
    在线咨询
    zxit_8@qq.com

    QQ|Archiver|小黑屋|自学IT吧    

    GMT+8, 2021-10-22 02:41 , Processed in 0.167440 second(s), 30 queries , Gzip On.

    © 2014-2017 自学IT吧论坛

    快速回复 返回顶部 返回列表