点播 响应式开发一招致胜

课程时长 27小时20分钟

学习期限 36 个月 退款期限 30 天

市场价格 ¥128.00 会员价格 免费

难度级别 初级 学习人次 283 综合评分 4.1

内容实用 4.0 分

简洁易懂 4.1 分

逻辑清晰 4.2 分

  • 详情
  • 目录
  • 咨询4
  • 评价22

第1章 前期准备

  • 1-1 课程安排 试听
    17分钟36秒
  • 1-2 课程简介 试听
    18分钟45秒
  • 1-3 响应式网站设计的概念 试听
    15分钟06秒
  • 1-4 响应式网站的优点
    23分钟48秒
  • 1-5 浏览器一览
    26分钟14秒
  • 1-6 媒体查询-1
    17分钟04秒
  • 1-7 媒体查询-2
    14分钟25秒
  • 1-8 媒体查询-3
    28分钟19秒
  • 1-9 怎样分析设计图
    14分钟58秒
  • 1-10 响应式网站设计实践原则
    17分钟45秒

第2章 如何组织项目目录结构

  • 2-1 简述
    19分钟43秒
  • 2-2 文件夹的组织
    13分钟03秒
  • 2-3 有用的文件1(robots.txt、favicon.ico、humans.txt)
    12分钟25秒
  • 2-4 有用的文件2(.editorconfig、gitignore)
    27分钟17秒
  • 2-5 有用的文件3(LICENSE.txt、README.md、CHANGELOG.md)
    23分钟58秒
  • 2-6 有用的文件4(markdown)
    28分钟06秒

第3章 开始编写HTML代码

  • 3-1 开始
    20分钟40秒
  • 3-2 header部分及HTML5新增标签简介
    27分钟21秒
  • 3-3 footer部分
    19分钟23秒
  • 3-4 主要内容1
    12分钟32秒
  • 3-5 主要内容2
    27分钟51秒
  • 3-6 主要内容3
    12分钟03秒
  • 3-7 课程作业01
    28分钟11秒

第4章 如何实现PC端的样式

  • 4-1 CSS Resets
    11分钟40秒
  • 4-2 px,em,rem
    10分钟17秒
  • 4-3 清除浮动1
    13分钟27秒
  • 4-4 清除浮动2
    19分钟42秒
  • 4-5 页眉页脚样式
    26分钟
  • 4-6 主要内容样式1
    16分钟38秒
  • 4-7 主要内容样式2
    10分钟18秒

第5章 如何实现移动端的样式

  • 5-1 响应式布局调试工具
    16分钟31秒
  • 5-2 如何选择媒体查询单位1
    15分钟01秒
  • 5-3 如何实现移动端的样式-如何选择媒体查询单位2
    28分钟14秒
  • 5-4 CSS3选择器1
    27分钟05秒
  • 5-5 CSS3选择器2
    20分钟38秒
  • 5-6 样式书写1
    25分钟01秒
  • 5-7 样式书写2(平台特点、最新公告、产品版块)
    12分钟21秒
  • 5-8 样式书写3(底部导航及简述表格处理方式)
    19分钟38秒
  • 5-9 打印样式
    16分钟24秒
  • 5-10 课程作业02
    17分钟26秒

第6章 如何实现响应式广告及响应式图片

  • 6-1 如何实现响应式广告-1
    20分钟41秒
  • 6-2 如何实现响应式广告-2
    27分钟44秒
  • 6-3 如何实现响应式广告-3
    20分钟41秒
  • 6-4 如何实现响应式图片-概述1(JS或服务端实现)
    26分钟10秒
  • 6-5 如何实现响应式图片-概述2(srcset 方法)
    22分钟37秒
  • 6-6 如何实现响应式图片-sizes(sizes 解决 srcset坑)
    24分钟44秒
  • 6-7 如何实现响应式图片-picture标签
    12分钟48秒
  • 6-8 如何实现响应式图片-svg
    23分钟33秒
  • 6-9 如何实现响应式图片-响应式广告具体实现
    16分钟55秒
  • 6-10 作业03
    24分钟59秒

第7章 Node.js简介

  • 7-1 Node.js简介-1(Nodejs)
    18分钟09秒
  • 7-2 Node.js简介-2(npm 使用上)
    15分钟14秒
  • 7-3 Node.js简介-3(npm 使用下)
    23分钟08秒
  • 7-4 Node.js简介-4 (nodejs 启动 server 服务)
    23分钟31秒

第8章 如何处理兼容性及在多个设备上进行调试

  • 8-1 如何处理兼容性-桌面端如何调试-1
    20分钟01秒
  • 8-2 如何处理兼容性-桌面端如何调试-2
    24分钟04秒
  • 8-3 如何处理兼容性-移动端如何调试
    24分钟09秒
  • 8-4 如何处理兼容性-处理兼容性的方法
    27分钟48秒
  • 8-5 如何在多个设备上进行调试
    21分钟01秒
  • 8-6 作业04
    19分钟46秒

第9章 如何打包发布

  • 9-1 如何打包发布-1
    13分钟31秒
  • 9-2 如何打包发布-2
    29分钟01秒
  • 9-3 如何打包发布-3
    27分钟38秒
  • 9-4 总结
    13分钟38秒

第10章 课程扩展1 -- 选择一个趁手的IDE

  • 10-1 Webstorm的基本操作
    22分钟42秒
  • 10-2 Emmet-1
    27分钟33秒
  • 10-3 Emmet-2
    22分钟51秒
  • 10-4 Emmet-3
    10分钟49秒
  • 10-5 Emmet-4
    22分钟14秒
  • 10-6 WebStorm进阶操作-体贴易用小功能-1
    22分钟14秒
  • 10-7 WebStorm进阶操作-体贴易用小功能-2
    19分钟10秒
  • 10-8 WebStorm进阶操作-体贴易用小功能-3
    17分钟40秒
  • 10-9 WebStorm进阶操作-重构
    16分钟12秒
  • 10-10 WebStorm进阶操作-代码错误提示
    16分钟14秒
  • 10-11 流行的响应式框架简介
    14分钟35秒
  • 10-12 总结
    24分钟21秒

第11章 课程扩展2 -- 聊聊原型设计和切图

  • 11-1 Axure
    26分钟41秒
  • 11-2 Sketch
    25分钟10秒
  • 11-3 切图
    27分钟47秒
  • 11-4 交互设计
    19分钟18秒

第12章 课程大作业

  • 12-1 大作业
    10分钟19秒
283
22
4
3