前端整体学习路线

PC端网站布局，最终实现“品优购”静态网站

目标

精通网页布局，为后续学习JavaScript打下基础

目的

主要学习最常见的没有兼容性的HTML标签

网页是构成网站的基本元素，其实就是一个html文件（后缀名为html）

能够说出网页的基本组成

超文本标记语言，用来描述网页的一种语言，由标签组成（图片、文字、超链接、音频、视频、动画等元素）

能够说出什么是HTML

浏览器是网页显示、运行的平台

谷歌、火狐、IE、Edge、、Opera、Safari、360、UC

浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面

Trident、Gecko、Webkit、Blink

能够说出常用的浏览器

由W3C组织和其他标准化组织制定的一系列的集合

用于对网页元素进行整理和分类，现阶段主要学习的是HTML

结构

用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS

表现

指网页模型的定义及交互的编写，现阶段主要学习的是JavaScript

行为

最佳体验方案：结构、样式、行为相分离（分别写到对应的文件中）

能够说出Web标准的三大组成部分

HTML5基础（20%）

主要学习最常见没有兼容性的CSS样式

利用前面学习的标签完成传统PC端网页布局

CSS3基础（50%）

有一定兼容性，可以与未来更好的接轨

H5C3提高（10%）

综合学习知识点，贴近于实际开发，制作品优购电商网站，完成首页、列表页、注册页制作

目的：学习网页制作实际开发制作流程规范

项目-品优购电商网站（20%）

学习路线

前端整体学习路线