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网页增加动态效果,如表单的验证、弹出对话框等功能。