联享懂营销的专业网站设计制作公司

Web建站技术的概述

2021-07-14 围观热度 881技术推荐

     互联网是指通过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是原来的升级版,功能很强大,语义化更强。




  • 7x24

    全国售后支持123

  • 14

    14年行业服务经验

  • 26

    全国售后支持

  • 200

    超百人设计、研发团队

  • 2

    服务企业客户2万家

  • 9

    连续9年守合同重信用企业

关于我们
广州联享信息科技有限公司成立于2011年,是成熟的企业互联网解决方案服务商。致力于帮助每个企业实现互联网智能经营。截止目前,联享科技在全国设有26家分公司,拥有员工200余人,总公司现设有客服事业部、运营事业部、网络事业部、行政事业部四大职能部门...
联享科技已覆盖互联网主要城市
目前总部设立于广州,并在深圳、上海、北京、杭州、长沙、武汉、郑州、石家庄等全国26座城市设有分公司及30余家核心城市代理,更多城市正在筹建中,敬请期待

Copyright © 2007-2022 联享信息科技有限公司(a020.cn)版权所有

常年法律顾问:广东梵意律师事务所 周乙飞律师(主任)