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

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

最近在学 44人 累计报名 273 好评度 100% 收藏
  • css项目一期
更多班级

css项目一期

支持随到随学,23年02月过期

免费

本班因教学质量问题暂时不能报名。 查看详情

课程因违反平台规定暂时不能报名。

立即报名

课程概述

课程目录

学员评论

老师介绍

  • 飞龙天惊

    飞龙天惊

    资深全栈开发工程师,中国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设计图:


 

资料下载报名后支持下载

* 课程提供者:谦太祥和

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