2021-06-01

一、前言基础班学习路线

（1）、基础班主要学习PC端网站布局

 

一、前言基础班学习路线

（1）、基础班主要学习PC端网站布局

 

（2）、最终网站：品优购静态网站

（3）、目的：精通网页布局，也是我们前端人员的必备技能，为JavaScript打下基础。

20% HTML5基础

学习HTML5基础，主要学习最常见的没有兼容性的HTML标签。

50% CSS基础

学习CSS3基础，主要学习最常用没有兼容性的CSS样式，利用前面学习的标签完成传统PC端网页布局。 综合案例：传统企业网页制作

10% H5C3提高

学习HTML5新增的标签，CSS3样式有一定兼容性，可以与未来更好的接轨。

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

综合以前学习知识点，贴近于实际开发，制作品优购电商网站，完成首页，列表页，注册页制作。 目的：学习网页制作实际开发制作流程规范。

二、目标TARGET

(1)能够说出网页的基本组成

（2）能够说出什么是HTML

(3)能够说出常用的浏览器

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

目录

（1）网页

（一）、网页是构成网站的基本元素，它通常由图片--链接--文字--声音--视频等元素组成。

（二）、HTML是什么：指的是超文本标记语言（Hyper Text MarkupLanguage）,它是用来描述网页的一种语言。

（2）常用浏览器

（一）网页通常通过浏览器来展示的，关于浏览器我们要介绍以下两点：

（1）、常用的浏览器 浏览器是网页显示，运行的平台，常用的浏览器有IE，火狐（）Firefox，谷歌（Chrome），Sagar和Opera等。平时称为五大浏览器

（2）、浏览器内核 国内一般浏览器都会采用Webkit/Blink内核，如360，UC,QQ,瘦狗等。

（3）Web标准

（一）Web标准是由W3c组织和其他标准化组织制定的一系列的集合，W3c(万维网联盟)是国际最著名的标准化组织。

（二）主要包括结构（Structure），表现（Presentation）和行为（Behavior）三方面。

（1）、结构（结构用于对网页元素进行整理和分类，现阶段主要学的是HTML）.

 

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

 

(3)、行为是指网页模型的定义及交互的编写，现阶段主要学的是Javascript

 

Web标准提出的最佳体验方案：结构、样式、行为相分离。 简单理解：结构写到HTML文件中，表现写到CSS文件中，行为写到JavaScript文件中。 

三个里面最重要的是结构体，没有了身体，有其他也没有用。

结构一个要先搭建好，再写CSS，再写Javascript

（2）、最终网站：品优购静态网站

（3）、目的：精通网页布局，也是我们前端人员的必备技能，为JavaScript打下基础。

20% HTML5基础

学习HTML5基础，主要学习最常见的没有兼容性的HTML标签。

50% CSS基础

学习CSS3基础，主要学习最常用没有兼容性的CSS样式，利用前面学习的标签完成传统PC端网页布局。 综合案例：传统企业网页制作

10% H5C3提高

学习HTML5新增的标签，CSS3样式有一定兼容性，可以与未来更好的接轨。

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

综合以前学习知识点，贴近于实际开发，制作品优购电商网站，完成首页，列表页，注册页制作。 目的：学习网页制作实际开发制作流程规范。

二、目标TARGET

(1)能够说出网页的基本组成

（2）能够说出什么是HTML

(3)能够说出常用的浏览器

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

目录

（1）网页

（一）、网页是构成网站的基本元素，它通常由图片--链接--文字--声音--视频等元素组成。

（二）、HTML是什么：指的是超文本标记语言（Hyper Text MarkupLanguage）,它是用来描述网页的一种语言。

（2）常用浏览器

（一）网页通常通过浏览器来展示的，关于浏览器我们要介绍以下两点：

（1）、常用的浏览器 浏览器是网页显示，运行的平台，常用的浏览器有IE，火狐（）Firefox，谷歌（Chrome），Sagar和Opera等。平时称为五大浏览器

（2）、浏览器内核 国内一般浏览器都会采用Webkit/Blink内核，如360，UC,QQ,瘦狗等。

（3）Web标准

（一）Web标准是由W3c组织和其他标准化组织制定的一系列的集合，W3c(万维网联盟)是国际最著名的标准化组织。

（二）主要包括结构（Structure），表现（Presentation）和行为（Behavior）三方面。

（1）、结构（结构用于对网页元素进行整理和分类，现阶段主要学的是HTML）.

 

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

 

(3)、行为是指网页模型的定义及交互的编写，现阶段主要学的是Javascript

 

Web标准提出的最佳体验方案：结构、样式、行为相分离。 简单理解：结构写到HTML文件中，表现写到CSS文件中，行为写到JavaScript文件中。  

三个里面最重要的是结构体，没有了身体，有其他也没有用。

结构一个要先搭建好，再写CSS，再写Javascript