互联网是指通过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建站技术的概述
文章路径:https://www.cdcxhl.com/news/192107.html
成都网站建设公司_创新互联,为您提供App开发、网页设计公司、电子商务、营销型网站建设、企业网站制作、自适应网站
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联