在互联网中，网站类似于是一本书，网页就是这本书的每一页

比如：淘宝、京东、黑马程序员等就是一个网站，类似于是一本书

这些网站中的每一个网页，如：主页、登录页面、商品页面就是每一个单独的页面，类似于每一页纸

多个同主题网页整合在一起，就称之为网站

网页：网站中的每一“页” 。例如：淘宝的主页、淘宝的登录页、淘宝的商品页等

网站：提供特定服务的一组网页集合。例如：百度、淘宝、京东、黑马程序员等；

继续以网页展现为例：

比如有一个用户，它需要访问这个网址。一般来说，当用户输入一个域名时，是在请求一个 HTML 资源。当他完成域名解析之后，他的浏览器会向这个域名所指向的 Web 服务器发出请求。

有时候 Web 服务器直接就可以返回用户的请求了；有时候 Web 服务器还需要向数据库查询一些数据，然后才能把处理结果返回给用户。

一般来说，HTML 页面需要 CSS 资源来描述页面的样式。比如浏览器在解析 HTML 时发现了一个 CSS 外链，它就会去请求这个资源。

HTML 页面往往还需要加载外部的 JS 资源，比如 ，此时浏览器同样会向服务器请求这个资源。

当所需的资源都加载完成之后，这个页面就可以提供完整的外观和功能了。

前端的分层架构：

结构层（HTML）：这一层的作用是表述一个页面中有哪些信息，以及这些信息之间的关系是什么。这一层在技术上是由 HTML 来实现的。

表现层（CSS)：这一层决定了页面中的信息会以什么样的外观呈现出来。这一层由 CSS 来实现。

行为层(JS)：这一层控制了页面如何与用户进行交互。在传统的展示型网页中，可能只需要 “结构层” 和 “表现层” 就足以提供完整的功能；而现代网页承载了越来越多的交互，这就推动 “行为层” 的能力不断增强。这一层由 JS 来实现。

前端到底是什么？

这就不得不说一下前端的发展史了，前端从一开始为了完成网页开发，到后来要同时完成5-10甚至更多页面开发。

前端的工作内容就从简单的网页开发，拆分成模块开发，再拆分到前后端分离。过渡到可视化搭建系统等等。职能范围从网页开发逐渐过渡到后端、全栈。领域范围也从网页开发细分到PC端开发到移动端、游戏开发、Node.js开发以及架构师。工程内容从最开始的时候jQuery代码就能搞定的阶段到现在需要构建、打包、集成、测试，灰度等高度工程体系化的复杂程度。

前后端分离到工程完善。Node.js和NPM生态初步建立的阶段，阿里借助node.js做前后端分离的尝试，在很多质疑当中，PHP最后怎么样你们也知道，基本废弃了Java的web容器。前端在node.js生态之下，也开始有了express、koa、egg、begg这样的web应用框架开源，也开始有了借助node.js完成的工程脚手架套件。

前后端的分离对前端开发的效率上没有什么太多改进，反而是前端工程体系上更加完善和健全。以前叫切图在，从前后端分离之后就不是了！因为前端的工程体系，比如IDE、研发、构建、打包、集成、测试、灰度、生产服务等等。不比后端差多少。

前端后分离阶段结束后移动端就兴起了，移动端浏览器的发展若是，赶不上APP用户体验，所以前端的工作也从PC端转向了移动端。