Web建站技术的概述

2022-08-22    分类: 网站建设

互联网是指通过TCP/IP协议族互相连接在一起的计算机网络。万维网和互联网是两个联系极其紧密但却不尽相同的概念。
Web是运行在互联网上的一个超大规模的分布式系统:
(1)通过超文本标记语言(HTML)描述信息资源
(2)通过统一资源标识符(URI)定位信息资源
(3)通过超文本转移协议(HTTP)请求信息资源。
HTML、URL(统一资源定位符)和HTTP三个规范构成了Web的核心体系结构。通俗地说,客户端(一般为浏览器)通过URL找到网站,发出HTTP请求,服务器收到请求后返回HTML页面。
Web是基于TCP/IP协议的,TCP/IP协议把计算机连接在一起,而Web在这个协议族之上,进一步将计算机的信息资源连接在一起,形成万维网。Web应用本质上就是可以提供信息或功能的Web资源,成为Web这个全球超大规模分布式系统中的一部分。

一个普通网站访问的过程及其涉及到的技术:
(1)用户操作浏览器,浏览器向服务器发出一个HTTP请求;
(2)服务器接收到HTTP请求,Web Server进行相应的初步处理,使用服务器脚本生成页面:服务器脚本利用Web Framework调用本地和浏览器传来的数据,生成页面;
(3)Web Server将生成的页面作为HTTP响应的body,根据不同的处理结果生成HTTP header,发回给浏览器;
(4)浏览器接收到HTTP响应,通常第一个请求得到的HTTP响应的body里是HTML代码,对HTML代码开始解析;
(5)解析过程中,若需要引用服务器上的资源(如额外的CSS、JS代码,图片、音视频,附件等),再向Web Server发送请求,Web Server找到相应的文件,发送回来;
(6)浏览器解析HTML包含的内容,用得到的CSS代码进行外观上的进一步渲染,JS代码也可能会对外观进行一定的处理;
(7)用户与页面交互(如点击,悬停等)时,JS代码对此作出一定的反应,添加特效与动画;
(8)交互的过程中可能需要向服务器索取或提交额外的数据(如局部的刷新等),要么通过跳转,要么通过JS代码(响应某个动作或者定时)向Web Server发送请求,Web Server 再用服务器脚本进行处理(如生成资源or写入数据等),把资源返回给浏览器,浏览器用得到的资源来实现动态效果或其他特效。
HTML、CSS和JavaScript:
HTML:负责构建一个静态的网页。多元素编辑语言,以网站页面为编辑区域,任意指定页面具有哪些元素,包括文字、图片、链接、多媒体等。并任意指定不同元素在页面的基本格式,如文字字体、大小、位置,图片大小、位置,链接颜色、状态变化等。利用标签标记,将多种不同类别的元素甚至不同位置的文件关联在一起,因此叫超文本标记语言。HTML5就是HTML语言的最新标准,强调语义化,新增语义化标签(如header, figure, canvas, video等),新增标签属性(如input的datetime, tel, email等)。这种标准制定使页面可以表现的内容更加强大。
CSS:负责完成页面的美观度(颜色、布局)。目前的CSS3标准的出现,在原有基础上做了增强(如多背景,nth-child 选择器等)增加了很多高级特性,比如对渐变色的处理(gradient, linear),对形状的处理(border-radius, transform),甚至对简单动画的处理(key-frames, transition),对设备类型及状态的判断(media-query),使CSS强大到可以实现很多元素动态变化效果。当然,更复杂的动态变化还是需要另一种专门的语言来实现,就是JavaScript。
JavaScript:负责完成页面的操作需求。一般来说,JavaScript可以分成两种,一种是DOM操作,用来和页面交互。一方面是后台操作,用Ajax的方式获取数据。JavaScript语言可以实现对页面元素的复杂功能编程,除了可以看到的动态效果之外,JavaScript还可以实现用户看不到页面数据处理工作。例如数据加解密、文字过滤分析等。JavaScript单独使用可以分析数据;在浏览器中跟DOM 结合,可以修改页面的HTML 和CSS,以达到修改动态修改页面结构、内容和样式的目的;跟事件结合可以处理响应,比如页面中用户的点击行为,前后端交互中数据的流动。
总结一下,HTML:网页的基本组成,网页的结构层;CSS:网页的样式属性,网页的样式层;JavaScript:将静态的标签变成动态的,并从后端获取动态的数据,网页的逻辑层。Html5和CSS3是新版的特性,增加了很多如LocalStorage,Manifest,Canvars,WebSocket等一系列的内容,简单来说,Html5和CSS3是原来的升级版,功能很强大,语义化更强。

当前题目:Web建站技术的概述
文章链接:/news7/192107.html

成都网站建设公司_创新互联,为您提供软件开发面包屑导航品牌网站制作做网站企业网站制作网站设计公司

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

小程序开发