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