页面架构课程从实际需求出发,深入浅出讲解多种需求的多种解决方案和优缺点,讲解各种页面优化方案以及如何为团队或产品制定规范等,帮助你完成产品的页面架构,进一步提升前端页面技术。
课程内容包括:布局解决方案、响应式、页面优化、规范与模块化等。
学完本课程后你可以:
掌握多种布局方式并了解其优缺点
掌握响应式原理和实现,轻松实现网页的多端适配
对你的产品网页进行页面优化,提升网页速度和开发维护效率
为你的团队和产品制定规范,提升团队协作效率
本课程的成绩由两部分组成:
单元测验,占20%。
课程讨论,占80%。
获得综合评分60分的可以获得本课程的合格证书,获得85分的可以获得优秀证书。
多列布局
掌握HTML基础知识,掌握CSS基础知识
单元(章) | 课题(节) | 内容 |
1.CSS Reset | 1.CSS Reset | CSS Reset方法和应用 |
2.布局解决方案 | 1.居中布局 | 各种居中布局的多种解决方案和优缺点 |
2.多列布局 | 自适应布局、等分布局、等高布局的多种解决方案和优缺点 | |
3.全屏布局 | 全屏布局的多种解决方案和优缺点 | |
3.响应式 | 1.响应式 | 响应式原理和实现 |
4.页面优化 | 1.页面优化 | 页面优化方法 |
5.规范与模块化 | 1.规范 | 为什么要制定规范、如何为团队制定页面规范 |
2.模块化 | 什么是模块、为什么要模块化、如何实现页面模块化 |