1、在JavaEE应用最初的阶段，在Java的程序中要生成网页的源码，把这份源码发送到客户端浏览器，由浏览器去解释执行，用户就可以使用网页。此时对程序员的网页设计能力有比较高的要求。

 

　　2、jsp技术出现之后，Java程序不需要生成网页的源码，只需要把数据+jsp页面，然后转发并向客户端发送（html与jsp关系）。此时程序员不需要设计独立的网页，只需要在jsp页面中使用一些标签或表达式，就像填空一样，把数据在填空的位置能够呈现出来。

 

　　3、ajax技术出现，页面就可以直接向服务器程序发送请求，服务器只需要把页面所需要的数据交给页面去处理，在页面中可以使用jsp中的DOM 技术把数据动态的在网页中呈现。

 

　　4、随着Restful的重新出现，服务器可以处理页面发出的restful风格的请求，另外，也随着分布式服务的出现，项目的规模越来越大，很多项目采用前后端分离的方式，此时就在开发岗位上出现了职位的明确的划分，分成前段工程师（设计前段页面的代码），美工师（做页面的原型图），Java工程师。

 

　　html：用它提供的标记构造网页的骨架。

 

　　css：基于html的页面，进行排版及美化。

 

　　Javascript：可以让网页与用户交互，并实现一些前端的动态效果。

 

　　jQuery：

 

　　UI框架：bootstrap，ElementUI

 

　　VUE框架，

 

　　node.js

 

　　webpack

 

　　npm

 

　　1、html称为超文本标记语言，它提供了一些标签供设计网页时使用，不同的标签对应 不同的元素。

 

　　2、一份基础网页由文字及标签组成。

 

　　3、html的基本语法：< 标记 属性=" " > < /标记 > 双标记

 

　　< 标记 属性=" " /> 单标记

 

　　4、标记间的关系

 

　　（1）嵌套关系，一个标记内部有另外的标记。

 

　　（2）并列关系，两个标记不存在包含关系，就是并列关系。

 

　　（3）如果页面上的标记不属于以上两种之一，肯定有问题。

 

　　5、写标记时的基本要求

 

　　1、标记不区分大小写。

 

　　2、在html的网页中，标记不具有严格的语法要求，还是要求语法要正确。

 

　　6、html的版本

 

　　现代网页都基于html5的版本来设计。它与老版本的区别有几个方面

 

　　第一、文档的声明部分得到简化 ，老的版本比较复杂。

 

　　第二、h5新增了一些排版要素，

 

　　第三、新增了画布，可以实现复杂的动态变化的图形和图像效果。

 

　　第四、在多媒体播放方面，统一了标准，播放效果好很多。

 

　　第五、新增了很多具有不同功能的表单控件，来丰富页面的交互效果。