课程试听
正在播放
1-1 响应式开发介绍
  • 01-移动web-网页布局方式
  • 02-移动web-响应式布局的简单说明
  • 03-移动web-什么是响应式开发
1-2 媒体查询介绍和使用
  • 01-移动web-初体验媒体查询的语法
  • 02-移动web-媒体查询的条件判断的顺序说明(上)
  • 03-移动web-媒体查询的条件判断的顺序说明(下)
  • 04-移动web-媒体查询中的媒体功能的说明
  • 05-移动web-媒体查询补充说明
  • 06-移动web-使用媒体查询设置页面布局
1-3 bootstrap 响应式框架介绍
  • 01-移动web-常见的响应式框架简单介绍
  • 02-移动web-bootstrap简单介绍
  • 03-移动web-bootstrap简单介绍(2)
  • 04-移动web-bootstrap的模板文件
  • 05-移动web-bootstrap中的布局容器
  • 06-移动web-bootstrap中的栅格系统
  • 07-移动web-bootstrap栅格系统的其它样式说明(上)
  • 08-移动web-bootstrap栅格系统的其它样式说明(下)
1-4 less介绍
  • 01-移动web-less环境的搭建
  • 02-移动web-less语法说明
1-5 微金所项目初始化
  • 01-移动web-wjs页面的整体结构
  • 02-移动web-微金所页面的字体图标样式准备
1-6 微金所项目头部和导航制作
  • 01-移动web-微金所头部块制作(上)
  • 02-移动web-微金所头部块制作(中)
  • 03-移动web-微金所头部块制作(下)
  • 04-移动web-导航条组件的说明
  • 05-移动web-导航条组件的样式修改(上)
  • 06-移动web-导航条组件的样式修改(下)
1-7 微金所项目轮播图效果实现
  • 01-移动web-轮播图的效果分析
  • 02-移动web-轮播图插件的使用说明
  • 03-移动web-移动端的轮播图效果实现
  • 04-移动web-非移动端的轮播图效果实现
  • 05-移动web-使用响应式工具实现轮播图
  • 06-移动web-使用js实现轮播图
  • 07-移动web-实现轮播图的滑动操作
  • 08-移动web-微金所首页轮播图的完成
1-8 微金所项目标签页导航区域制作
  • 01-移动web-微金所信息块制作
  • 02-移动web-微金所预约块制作
  • 03-移动web-标签页的使用
  • 04-移动web-标签页导航样式修改(上)
  • 05-移动web-标签页导航样式修改(下)
1-9 微金所项目产品块区域制作
  • 01-移动web-详细产品块结构
  • 02-移动web-详细产品块样式(上)
  • 03-移动web-详细产品块样式(中)
  • 04-移动web-详细产品块样式-宝北的添加
  • 05-移动web-产品active块的制作
  • 06-移动web-产品块标签页导航条的宽度计算
  • 07-移动web-产品块标签页导航条的滑动
1-10 微金所项目新闻块区域制作
  • 1-移动web-新闻块结构分析
  • 2-移动web-新闻块结构样式(上)
  • 3-移动web-新闻块结构样式(中)
  • 4-移动web-新闻块结构样式(下)
  • 5-移动web-合作伙伴块制作
  • 6-移动web-bootstrap定制的简单说明
1-11 rem介绍和案例使用
  • 1-移动web-em和rem的介绍
  • 2-移动web-rem实现适配的简单说明
  • 3-移动web-rem案例-优惠活动(上)
  • 4-移动web-rem案例-优惠活动(中)
  • 5-移动web-rem案例-优惠活动(下)