Web前端开发基础

1、什么是Web

Web也叫万维网，简称WWW。它是基于“超文本”的信息查询和发布系统，将Internet上众多的服务器提供的资源连接起来，组成一个海量的信息网，网络中有文本信息、声音、图形、图像、动画等多媒体信息，并将这些信息在图形化的界面中进行展示。

2、Web开发的分类

Web开发分为前端和后端。Web前端是为浏览器、手机App、应用程序等设备提供直观的界面，可用HTML、CSS、JavaScript等技术开发。后端开发提供数据库支持，响应用户在页面的操作。

3、Web基本概念

（1）网站

网站是Internet上有内在联系的若干页面通过超链接构成的网页集合。常把进入网站首先看到的网页称为首页。在服务器上设置默认首页之后，之间通过网址可以进入网站首页。

（2）网页

网页是浏览器窗口中显示的页面，是由文字、声音、动画等多媒体组成的页面，在页面上通过超链接实现与其他网页之间的跳转。

（3）URL

URL（统一资源定位），是Internet上标准资源地址，用来描述网页及其他网络资源地址的一种标识方法。一般书写格式为：访问协议：//主机域名或IP地址[：端口号]/路径/文件名，如：https://www.baidu.com。

（4）HTTP协议

HTTP是指超文本传输协议，是所有Web页面都必须遵守的协议。HTTP协议主要用于服务器和浏览器之间的请求和响应服务，客户端通过建立一个默认端口是80的链接，初始化请求服务，服务器端监听这个80端口响应请求。

（5）Web服务器

Web服务器主要功能是提供信息服务。其工作流是：接受用户请求->动态响应请求->处理请求->反馈结果。Web服务是一种基于B/S架构的服务，由客户端浏览器发起请求，服务器响应请求。

（6）Web浏览器

Web浏览器解析并显示HTML文件。浏览器提供超文本传输协议与Web服务器之间进行交互，将服务器传回的HTML标记进行解析。常见的浏览器有IE、Google、Firefox等。

4、Web页面浏览过程

（1）用户启动浏览器

在地址栏中输入要访问的网页的URL，通过HTTP协议向URL所在的服务器发起服务请求。

（2）发起请求

服务器根据浏览器发起的请求，把URL地址转换成网页所在服务器上的实际路径，找到相应的网页文件。

（3）网页中包括HTML标记

服务器直接通过HTTP协议将文档发送到客户端。

（4）显示结果

浏览器解释HTML文档，将结果显示在客户端浏览器中。

5、Web前端开发的主要技术

（1）HTML技术

网页文件是使用超文本标记语言HTML表示的。HTML可以使用各种标记对文件进行处理，这些标记决定了文件内容的外观、结构以及交互性等方面，使用尖括号<>表示，如超链接标记为<a>等。浏览器按照先后顺序解释HTML标记，最后显示网页的内容。

（2）CSS技术

CSS是指层叠样式表，是一种用来定义网页格式的语言。使用CSS可以将网页的格式和内容相分离，编辑格式时不需要考虑内容，便于网页维护。

（3）JavaScript技术

JavaScript是一种解释型、基于对象的脚本语言，用来向HTML页面添加交互行为，是一种跨平台特性的一种语言。它的解释器是JavaScript引擎，是浏览器的一部分。JavaScript是广泛用于客户端的脚本语言，最早在HTML网页上使用，用来给HTML网页增加动态效果，如表单的验证、弹出对话框等功能。