老马前端系列-03-CSS在线教育项目实战
  1. 项目开发流程及项目角色

    1. 录播
      项目开发流程及项目角色
      15分钟
  2. 前端CSS整站-PS基础(上)

    1. 录播
      前端CSS整站-PS基础(上)
      29分钟
  3. PS基础(中)ai转换成psd多倍图还原

    1. 录播
      PS基础(中)ai转换成psd多倍图还原
      11分钟
  4. PS基础(下)工具栏设置与切图.

    1. 录播
      PS基础(下)工具栏设置与切图.
      15分钟
  5. 设计图标注markman操作

    1. 录播
      设计图标注markman操作
      11分钟
  6. 搭建项目结构

    1. 录播
      搭建项目结构
      7分钟
  7. CSSReset.

    1. 录播
      CSSReset.
      23分钟
  8. 顶部布局实现

    1. 录播
      顶部布局实现
      19分钟
  9. 顶部模块内的logo布局

    1. 录播
      顶部模块内的logo布局
      16分钟
  10. 顶部的搜索框

    1. 录播
      顶部的搜索框
      13分钟
  11. 搜索放大镜按钮

    1. 录播
      搜索放大镜按钮
      9分钟
  12. 搜索框倒三角

    1. 录播
      搜索框倒三角
      6分钟
  13. 纯CSS弹出课程选择层.

    1. 录播
      纯CSS弹出课程选择层.
      14分钟
  14. PS制作精灵图

    1. 录播
      PS制作精灵图
      8分钟
  15. 用户导航分析及结构搭建

    1. 录播
      用户导航分析及结构搭建
      12分钟
  16. 用户导航布局(上)

    1. 录播
      用户导航布局(上)
      25分钟
  17. 用户导航布局(下)

    1. 录播
      用户导航布局(下)
      31分钟
  18. 网站导航栏左侧主导航

    1. 录播
      网站导航栏左侧主导航
      23分钟
  19. 网站导航栏右侧附属导航(上)

    1. 录播
      网站导航栏右侧附属导航(上)
      5分钟
  20. 网站导航栏右侧附属导航(下)

    1. 录播
      网站导航栏右侧附属导航(下)
      13分钟
  21. banner区域(上)

    1. 录播
      banner区域(上)
      27分钟
  22. banner区域(下).

    1. 录播
      banner区域(下).
      8分钟
  23. 课程列表头部标题

    1. 录播
      课程列表头部标题
      20分钟
  24. 课程列表分析

    1. 录播
      课程列表分析
      10分钟
  25. 课程列表实现

    1. 录播
      课程列表实现
      17分钟
  26. 网站底部实现

    1. 录播
      网站底部实现
      8分钟

对课程感兴趣?

点击报名,听课时长可兑换余额哦~

老马前端系列-03-CSS在线教育项目实战免费

最近在学 18 累计报名 729 好评度 83%
咨询老师
用手机看

扫一扫继续用手机看

  • 微信扫码

  • QQ扫码

下载手机APP

课程概述

目录

评论

老师介绍

  • 飞龙天惊

    飞龙天惊

    资深全栈开发工程师,中国HTML5产业联盟特邀嘉宾,曾任职金和软件等知名公司。对Web前端全栈开发技术、HTML5、数据库集群等有深入研究。曾参与大型分布式高并发互联网项目设计开发等工作,对于分布式应用架构设计、系统优化等经验丰富
简  介 此课程是老马前端系列整体课程中的CSS项目实战部分,详细讲解了在线教育系统的实现过程,项目开发过程中的细节处理,代码规范,开发常见的兼容处理等。
课程知识点:

课程目录

第1章 项目准备

  • 1  开发流程及开发的角色
  • 2 PS基础使用及快捷键和图层处理
  • 3 AI设计图转PSD及多倍图处理
  • 4 切图及工具栏设置
  • 5 设计图标注及MarkMan
     

第2章项目编写

  • 1 搭建项目结构
  • 2 整站样式重置及CSSReset
  • 3 网站顶部和导航栏的整体布局
  • 4 顶部Logo布局
  • 5 搜索框 和 课程按钮布局
  • 6 搜索框放大镜按钮处理
  • 7 搜索框倒三角形下拉按钮
  • 8 PS制作精灵图
  • 9 用户导航模块结构分析及HTML结构搭建
  • 10 用户导航CSS(上)
  • 11 用户导航CSS(下)
  • 12 网站主导航菜单CSS全解密
  • 13 网站主导航右侧链接和背景处理(上)
  • 14 网站导航栏右侧附属导航(下)
  • 15 网站banner区域(上)
  • 16 网站banner区域(下)
  • 17 课程列表的头部区域(上)
  • 18 课程列表的头部区域(下)
  • 19 底部实现

课程实战的PSD设计图:


 

资料下载报名后支持下载

* 课程提供者:谦太祥和

老师还为你推荐了以下几门课程