网易杭州研究院 网易杭州研究院

页面架构

所属微专业:

图片
课程概述

页面架构课程从实际需求出发,深入浅出讲解多种需求的多种解决方案和优缺点,讲解各种页面优化方案以及如何为团队或产品制定规范等,帮助你完成产品的页面架构,进一步提升前端页面技术。

课程内容包括:布局解决方案、响应式、页面优化、规范与模块化等。

学完本课程后你可以:

  1. 掌握多种布局方式并了解其优缺点

  2. 掌握响应式原理和实现,轻松实现网页的多端适配

  3. 对你的产品网页进行页面优化,提升网页速度和开发维护效率

  4. 为你的团队和产品制定规范,提升团队协作效率

证书要求

本课程的成绩由两部分组成:

  1. 单元测验,占20%。

  2. 课程讨论,占80%。

获得综合评分60分的可以获得本课程的合格证书,获得85分的可以获得优秀证书。


章节试看
  • 多列布局

预备知识

掌握HTML基础知识,掌握CSS基础知识

授课大纲
单元(章)课题(节)内容
1.CSS   Reset1.CSS ResetCSS Reset方法和应用
2.布局解决方案1.居中布局各种居中布局的多种解决方案和优缺点
2.多列布局自适应布局、等分布局、等高布局的多种解决方案和优缺点
3.全屏布局全屏布局的多种解决方案和优缺点
3.响应式1.响应式响应式原理和实现
4.页面优化1.页面优化页面优化方法
5.规范与模块化1.规范为什么要制定规范、如何为团队制定页面规范
2.模块化什么是模块、为什么要模块化、如何实现页面模块化