[前端笔记——WEB基础] 1.WEB基本概念

Posted 2023-01-15 弓早早o_O

[前端笔记——WEB基础] 1.WEB基本概念

• 基本概念
• • 1.资源 resourse
  • 2.链接
  • 3.HTTP 协议
  • 4.网页的真实样子：HTML
• 静态网页与动态网页
• • 1.静态网页
  • 2.动态网页
• 现代网站架构
• • 1.网站架构

当我们访问一个网站时，后台都会发生什么事情捏?

www——万维网

www：World Wide Web
创始人：蒂姆·伯纳斯·李

基本概念

1.资源 resourse

每一个网页都由不同的资源组成，这些资源可能是图片，可能是视频，等等。资源组成了我们在浏览器中所看到的页面。网页的基本组成单位是资源。

访问一个网页的过程：输入一个网址——连接到网页的服务器，并且请求服务器传回一些资源，最终看到的是一个页面。

那么问题来了：

怎么知道我要拿的是哪个资源呢？
如何获取资源呢？

2.链接

统一资源标示符：
URI（Uniform Resourse Identifier），唯一定位Web服务器上的资源。通常有两种格式：
（1）URL：统一资源定位符，用的最多的一种。

https://www.csdn.net/

（2）URN：统一资源名称，用的最多的地方在图书网站等。

实际中，一个URL包含了几部分内容：

互联网全部使用URL作为资源定位方式，也就是我们俗称的链接。

3.HTTP 协议

客户端和服务端之间通信要有一套标准的协议。Web服务端与客户端之间的通信依靠HTTP协议：
Hyper Text Transfer Protocool超文本传输协议，规定浏览器如何从Web服务器上获取资源。也有其他的协议，比如https（加密的http协议）

4.网页的真实样子：html

真实的网页是由HTML代码组成的。浏览器的功能就是把这些代码转换成我们看到的样子。

HTML语言：超文本标记语言
HyperText Markup Language
HTML语言是当今99%的网页使用的编写语言；它的作用是格式化网页的内容，如标题、内容、表各、图片、视频等；它拥有很多版本，现在最新的是HTML5。

HTTP协议是由W3C联盟（World Wide Web Consortium）制定。

静态网页与动态网页

1.静态网页

一个网页分为标记和内容两部分，HTML用来标识网页内容（标识语言）及网页架构。对于一个网页而言，标记与架构一般不变；静态网页的内容固定不变，任何人在任何条件下看到的内容相同。

2.动态网页

动态网页的内容是随时变化的，不同用户在不同条件下访问网页的内容是不同的。
动态语言
动态网页的内容由动态语言生成，动态语言通常嵌入HTML网页中，由计算机执行，根据不同的条件、信息，动态的生成网页内容。常见的动态语言有：php，JSP（java），C#（.NET），ruby，python.
动态语言通过一定的条件信息生成内容，实际应用中，生成的内容通常来自于数据库。

现代网站架构

1.现代网站几乎均为动态网站，内容均为动态生成，数据信息保存在数据库中；
2.动态语言编写的代码、程序负责处理、生成动态内容；
3.动态代码由计算机执行之后返回信息；
4.动态代码的执行是很消耗资源的，相对静态网页要慢得多。

1.网站架构

动态网站需要三个组成部分：Web服务、应用服务、数据库服务。