Web技术的发展

article/2025/9/30 0:45:38

定义:
本意是蜘蛛网和网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式,即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。

  • 超文本是一种用户接口方式,用以显示文本及与文本相关的内容(日常浏览的网页都属于超文本)

  • 超媒体是超文本(hypertext)和多媒体在信息浏览环境下的结合。超级媒体的简称,用户不仅能从一个文本跳到另一个文本,而且可以激活一段声音,显示一个图形,甚至可以播放一段动画。

  • 超文本传输协议(HTTP)HyperText Transfer Protocol超文本在互联网上的传输协议。

一、Web的发展历史
1、Web的起源 
Web是World Wide Web的简称,中文称之为万维网,是用于发布、浏览、查询信息的网络信息服务系统,由许多遍布在不同地域内的Web服务器有机地组
成。
Web的不断完善都是基于各种Web技术的不断发展,Web的应用架构是由英国人Tim Berners-Lee在1989年提出的,而它的前(nian2 ti2 chu1 de0 _er2 ta1 de0 qian2)身是1980年Tim Berners-Lee负责的Enquire(Enquire Within Upon Everything的简称)项目。1990年11月第一个Web服务器nxoc01.cern.ch开始运行,由Tim Berners-Lee编写的图形化Web浏览器第一次出现在人们面前。1991年,CERN(European Particle Physics Laboratory)正式发布了Web技术标准。目前,与Web相关的各种技术标准都由著名的W3C组织(World Wide Web Consortium)管理和维护。

  • 前端:网页上位用户呈现的部分
  • 开发:编写代码
  • 后端:与数据库 进行交互,完成数据存取

在这里插入图片描述
web开发种类:
在这里插入图片描述
网页开发:
在这里插入图片描述
网页效果图:
在这里插入图片描述
网页代码实现:
在这里插入图片描述
二、Web前端开发历程
1、World Wide Web 万维网(常指网页和网站),从1989年 - 2019年发展至今仅30年。

现在生活中与我们息息相关的App手机软件:
在这里插入图片描述
2、Sir Tim Berners-Lee蒂姆:伯纳斯-李爵士:万维网的发明者,是英国计算机科学家,南安普顿大学与麻省理工学院教授。1990年12月25日,罗伯特·卡里奥在CERN和他一起成功通过Internet实现了HTTP代理与服务器的第一次通讯。
在这里插入图片描述
3、发展历程:
起初的通信方式:
在这里插入图片描述
在这里插入图片描述

(1)1989年,Tim Berners-Lee 提出了World Wide Web的设计方案

在这里插入图片描述
(2)1990年 Tim Berners-Lee 完成了web所需的所有工具,并于1991年对外发布
在这里插入图片描述
(3)1991年 欧洲核子研究组织(CERN)对外发布的首页站点
在这里插入图片描述
(4)1993年4月,CERN宣布任何人都可以使用Web协议和代码免版税
(5)1994年10月,Tim Berners-Lee在MIT成立W3C
在这里插入图片描述
(6)
在这里插入图片描述
(7)1993年,Marc Andreessen 和 Eric Bina@UIUC 研发世界第一款流行浏览器 Mosaic
在这里插入图片描述
在这里插入图片描述
(8)1998年,IE市场占有率超过Netscape,并在2002年达到96%,第一次浏览器大战结束。

在这里插入图片描述
(9)2000年左右,雅虎等公司开始设立前端工程师职位。
(10)2005年,Ajax应用于 Gmail、Goole Maps。
(11)2009年,百度、阿里、腾讯 设立前端工程师职位。
3. (1)Web 1.0, 只读的互联网时代*
19世纪中期(1996年),HTML的出现推动了家用计算机的普及以技术创新为主导,注重点击浏览,通过门户整合,用户以流量为主,以网页制作为主,大多是静态页面,也有动态页面。
静态内容的网站:HTML技术,主要是文本和图片(包括gif动态图片)。
特点:简单,只能做信息的展示,无法同用户进行交互。

最早的动态网站:主要采用CGI/Perl脚本技术,能够实现内容动态,具备了交互性,服务器能够访问文件系统或数据库。
缺点:伸缩性差(为每个请求分配一个新的进程)、安全性差(直接使用系统环境变量和文件系统)、脚本组织混乱并且缺少一种结构化的构造动态应用程序的方式。

(2)Web 2.0 交互的互联网时代
大约在2004年左右,诞生了WEB2.0的概念,更注重用户的交互作用,用户既是浏览者,也是内容的制造者,在模式上有单纯的“读”向“写”以及共同建设发展。

(3)Web 3.0 聚合的互联网时代
WEB3.0是一个正在尝试概念,用户拥有自己的数据,并能在不同平台交互共享,强化虚拟货币及网络安全和网络财富的共识,以及语义化的实现。

在这里插入图片描述


http://chatgpt.dhexx.cn/article/6XCPg0B0.shtml

相关文章

WEB简介

WEB 一、Web简介 1、 简介 早期的web应用主要是静态页面的浏览,这些静态页面使用HTML语言编写,放在服务器上,用户使用浏览器通过HTTP协议请求服务器上的web页面,服务器上的web服务器软件接受到用户发送的请求后,读取…

Web开发

一、什么是Web开发? Web开发其实就是Web应用开发 在 PC(Personal Computer,个人计算机)刚兴起的年代,软件主要使用 C/S 架构(Client/Server,客户端/服务器)即应用运行在桌面上,而…

常见Web技术之间的关系,你了解多少?

引 ------------------------------------------------------------------------------------------------------------ 如果你是一个Web开发初学者,那么你难免会在网上搜索HTML,CSS,XML,JS(Javascript)&…

Web技术发展史

Web技术发展史 Web开发指的是网页系统开发,每次在浏览器中输入网址时,总会先输入www,这里其实是World Wide Web的简称,现在也简称Web,中文译为万维网。 Web设计初衷是一个静态信息资源发布媒介,通过超文本…

web前端主要技术概述

web前端主要技术概述 参考资料: 2018 Web 开发者路线图 2017年前端框架、类库、工具大比拼 本文主要是介绍部分主流和新兴的web前端技术,希望能帮助想学web前端的小白,理清其技术学习路线。 首先有些技能是web前端需要掌握的&#xff1a…

Web技术基础

前言 当我们还没有接触Web时,可能处理的都是静态网页如Html,这个网页的数据都是直接写在标签里写死的,那么如果我们要做类似淘宝的一个网站,数据每天都会更新,那么静态网页就不支持了,就需要从数据库里去拿数据,来用动…

web端基本技术点整理

1 WEB端概述 1.1 前端框架演变 https://blog.csdn.net/bjweimengshu/article/details/79563440 1.2 技术概览 https://blog.csdn.net/fighting_no1/article/details/79599806 1.3 学习路线 https://blog.csdn.net/zwjweb/article/details/78704342 https://blog.csdn.net/zwjwe…

数据可视化网页内容自动抓取工具

网页内容提取支持我们对公开的网页信息数据进行提取,如果通过人工对网页数据采集,是一个繁琐的工作,网页内容提取工具通过可视化的操作页面,模拟人工进行网页内容提取,能快速获取整个网站的对应元素。 网页内容提取工具…

抓取网站的5种方法

来自维基百科 Web爬虫(有时也称为蜘蛛)是一种Internet机器人,通常系统地浏览Web索引,以进行Web索引。 Web搜寻器以要访问的URL列表(称为种子)开始。搜寻器访问这些URL时,它会识别页面中的所有超…

如何抓取网页数据

如何抓取网页数据,每当我们在网上找到自己想到的数据,都需要复制粘贴或下载然后一步一步地整理。今天教大家如何快速地免费获取网页数据信息,只需要输入域名点选你需要的数据,软件全自动抓取。支持导出各种格式并且已整理归类。详…

爬取动态网页数据的软件-抓取动态网页数据的工具

爬取动态网页数据,随着时代的进步,互联网的发展,不管是企业还是个人都知道了数据的重要性。今天给大家分享一款免费爬取动态网页数据的软件。只要点点鼠标就能轻松爬取到你想要的数据,不管是导出还是自动发布都支持!详…

工具说明书 - 网页内容抓取工具Web Scraper(一)

Web Scraper,官网自称为排名第一的网页抓取/提取插件,可以安装在Chrome和Firefox上。 安装路径: https://chrome.google.com/webstore/detail/web-scraper-free-web-scra/jnhgnonknehpejjnehehllkliplmbmhn?hlenhttps://chrome.google.com/…

如何进行网页抓取数据??

最近老是做导数据,有时候没有旧库了,我们可以从老网页抓取数据 主要思路:通过把网页转换成doc式的html,然后进行获取元素的值 我来写个案例: 这是目标网页: http://zxjg.yn.gov.cn/zxjg/gongshi?rowIndex1&re…

网页抓取及信息提取(三)

R星校长 第3关:网页数据分析 任务描述 下图是2016年国防科技大学分数线的网页,在浏览器中我们可以看到,各省的最高分、最低分、平均分都整齐地排列自在表格中。一个网页的源代码时常有成百上千行,其中很多代码都是为了布局页面样…

爬虫入门(五)抓取网页数据

前面已经实现了获取整个网页HTML的功能,并且在获取HTML的基础上,加上一些诸如:下载出错自动重试、用户代理、服务器代理、爬取深度、避免重爬、id遍历、链接遍历等进阶功能。而且在处理过程中也初步使用了正则表达式。 但是前面我们获取的HT…

网页抓取数据-网页抓取数据的软件免费

在互联网络的时代,信息如同大海般没有边际。甚至我们获取信息的方法已经发生改变:从传统的翻书查字典,继而变成通过搜索引擎进行检索。我们从信息匮乏的时代一下子走到了信息极大丰富今天。 随着互联网的发展及普及,互联网用户迅速…

使用爬虫抓取网页内容

对于爬虫我们首先想到的是 python,但是对于前端来说我们通常是 node 来写爬虫,去抓取网站的数据而已。 爬虫的基本流程 1、发起请求 使用http库向目标站点发起请求,即发送一个Request,第三方请求库如 request,axios 等…

网页数据抓取-网页实时数据抓取软件

网页数据抓取,随着社会的发展,互联网的普及,不管是企业还是个人都意识到数据的重要性。今天给大家分享一款免费的网页数据抓取软件。只要点点鼠标就能轻松采集你想要的内容不管是导出还是自动发布都支持!详细参考图片!…

网页抓取软件-免费网页自动采集抓取任意内容软件

网页抓取工具,网页抓取工具主要是用来收集数据。这也是网页抓取工具最直接和最常见的用途。由于网页抓取是一个工具是一个软件,程序运行速度极快,而且不会因为做重复的事情而感到疲劳,所以使用数据提取来获取大量的数据就变得非常…

Python网页抓取教程

​— Python网页抓取教程:循序渐进 — 抓取网页入门其实挺简单的。在之前的文章中我们介绍了怎么用C#和JAVA两种方法来抓取网页,这一期给大家介绍一种更容易,也是使用最广泛的一种抓取方法,那就是Python。 说起Python,大家应该并…