web基础知识汇总(1)

Web万维网:

  • 定义:
    • web的本意是蜘蛛网和网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。
  • 表现形式:
    • 一、超文本(hypertext)
      超文本是一种用户接口方式,用以显示文本及与文本相关的内容。现时超文本普遍以电子文档的方式存在,其中的文字包含有可以链接到其他字段或者文档的超文本链接,允许从当前阅读位置直接切换到超文本链接所指向的文字。
      超文本的格式有很多,最常使用的是超文本标记语言HTML(标准通用标记语言下的一个应用)及富文本格式(RTF)。我们日常浏览的网页都属于超文本。
      超文本链接一种全局性的信息结构,它将文档中的不同部分通过关键字建立链接,使信息得以用交互方式搜索
    • 二、超媒体(hypermedia)
      超媒体是超文本(hypertext)和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本,而且可以激活一段声音,显示一个图形,甚至可以播放一段动画。
      Internet采用超文本和超媒体的信息组织方式,将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统,Web的一个主要的概念就是超文本链接。它使得文本不再像一本书一样是固定的线性的,而是可以从一个位置跳到另外的位置并从中获取更多的信息,还可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下,就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。
    • 三、超文本传输协议(HTTPHyperText Transfer Protocol超文本在互联网上的传输协议。
  • 原理流程(重点):
    1. 当你想进入万维网上一个网页,或者其他网络资源的时候,通常你要首先在你的浏览器上键入你想访问网页的统一资源定位符(Uniform Resource Locator),即URL,或者通过超链接方式链接到那个网页或网络资源。
    2. 这之后的工作首先是URL的服务器名部分,被名为域名系统的分布于全球的因特网数据库解析,并根据解析结果决定进入哪一个IP地址(IPaddress)
    3. 接下来的步骤是为所要访问的网页,向在那个IP地址工作的服务器发送一个HTTP请求。在通常情况下,HTML文本、图片和构成该网页的一切其他文件很快会被逐一请求并发送回用户。
    4. 网络浏览器接下来的工作是把HTML、CSS和其他接受到的文件所描述的内容,加上图像、链接和其他必须的资源,显示给用户。这些就构成了你所看到的“网页”。
    • 流程:

      总体来说,WWW采用客户机/服务器的工作模式,工作流程具体如下:
      • 用户使用浏览器或其他程序建立客户机与服务器连接,并发送浏览请求;
      • Web服务器接收到请求后,返回信息到客户机;
      • 通信完成,关闭连接。
  • 硬件组成:
    • 客户机:
      • 客户机是一个需要某些东西的程序,而服务器则是提供某些东西的程序。一个客户机可以向许多不同的服务器请求。一个服务器也可以向多个不同的客户机提供服务。通常情况下,一个客户机启动与某个服务器的对话。服务器通常是等待客户机请求的一个自动程序。客户机通常是作为某个用户请求或类似于用户的每个程序提出的请求而运行的。协议是客户机请求服务器和服务器如何应答请求的各种方法的定义。WWW客户机又可称为浏览器。
      • 通常的环球信息网上的客户机主要包括:IE,Firefox,Safari,Opera,Chrome等。
      • 在Web中,客户机的任务是:
        1. 帮助你制作一个请求(通常在单击某个链接点时启动);
        2. 将你的请求发送给某个服务器;
        3. 通过对直接图象适当解码,呈交HTML文档和传递各种文件给相应的"观察器"(Viewer),把请求所得的结果报告给你。
        4. 一个观察器是一个可被WWW客户机调用而呈现特定类型文件的程序。当一个声音文件被你的WWW客户机查阅并下载时,它只能用某些程序(例如Windows下的"媒体播放器")来"观察"。
          通常WWW客户机不仅限于向Web服务器发出请求,还可以向其他服务器(例如Gopher、FTP、news、mail)发出请求
    • 服务器:

      • 服务器具有以下功能:
        接受请求;
        1. 请求的合法性检查,包括安全性屏蔽;
        2. 针对请求获取并制作数据,包括Java脚本和程序、CGI脚本和程序、为文件设置适当的MIME类型来对数据进行前期处理和后期处理;
        3. 审核信息的有效性;
        4. 把信息发送给提出请求的客户机。
        5. 如果服务器不在80号端口,而在其它端口 (例如8080) 等待用户连接,此时WWW将失败,客户端需要更改连接的端口。
        6. 另外,有些机构的网关具有网址过滤功能以禁止访问某些网站,会导致失败。此时可以试用代理服务器去访问被禁止的网站。
  • 特点:
    • 图形化

      Web 非常流行的一个很重要的原因就在于它可以在一页上同时显示色彩丰富的图形和文本的性能。在Web之前Internet上的信息只有文本形式。Web可以提供将图形、音频、视频信息集合于一体的特性。同时,Web是非常易于导航的,只需要从一个连接跳到另一个连接,就可以在各页各站点之间进行浏览了。
    • 与平台无关

      无论你的系统平台是什么,你都可以通过Internet访问WWW。浏览WWW对你的系统平台没有什么限制。无论从Windows平台、UNIX平台、Macintosh还是别的什么平台我们都可以访问WWW。对WWW的访问是通过一种叫做浏览器(browser)的软件实现的。如Netscape 的Navigator、NCSA的Mosaic、Microsoft的Internet Explorer等。
    • 分布式的

      大量的图形、音频和视频信息会占用相当大的磁盘空间,我们甚至无法预知信息的多少。对于Web没有必要把所有信息都放在一起,信息可以放在不同的站点上,只需要在浏览器中指明这个站点就可以了。在物理上并不一定在一个站点的信息在逻辑上一体化,从用户来看这些信息是一体的。
    • 分布式的

      大量的图形、音频和视频信息会占用相当大的磁盘空间,我们甚至无法预知信息的多少。对于Web没有必要把所有信息都放在一起,信息可以放在不同的站点上,只需要在浏览器中指明这个站点就可以了。在物理上并不一定在一个站点的信息在逻辑上一体化,从用户来看这些信息是一体的。
    • 交互的

      Web的交互性首先表现在它的超链接上,用户的浏览顺序和所到站点完全由他自己决定。另外通过FORM的形式可以从服务器方获得动态的信息。用户通过填写FORM可以向服务器提交请求,服务器可以根据用户的请求返回相应信息。
  • 性能测试:
    • Web性能测试涉及的范围太广,但一般web开发者在程序上线以后很多都曾遇到过性能的问题。普遍表现为页面速度开始急剧变慢,正常访问时间变的很长,或则干脆给你抛出异常错误页面。这里会涉及到很多可能发生的情况,举例几个最主要发生的情况:
      数据库连接超过最大限制,一般表现为程序的连接池满,拒绝了与数据库的连接。
      数据库死锁
      Web Server 超过最大连接数(一般在虚拟主机上才会限制)
      内存泄漏
      Http连接数太多,即访问量超过了机器和软件设计正常所能提供的服务
  • 网页:
    1. 网页,是网站中的一个页面,通常是HTML(标准通用标记语言下的一个应用)格式(文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等)。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。
    2. 网页是构成网站的基本元素,是承载各种网站应用的平台。通俗的说,您的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。
    3. 所谓网站(Website),就是指在网际网路(因特网)上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合
      • 简单地说,网站是一种通讯工具,就像布告栏一样,人们可以通过网站来发布自己想要公开的资讯(信息),或者利用网站来提供相关的网路服务(网络服务),又或收集想要的信息。人们可以通过网页浏览器来访问网站,获取自己需要的资讯(信息)或者享受网路服务。
    4. 什么是网页?
      • 在你眼前,出现在显示器上的这个 “ 东西 ” ,就是一个网页。网页实际是一个文件,它存放在世界某个角落的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址( URL )来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。
      • 构成元素:
        • 文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为:文字,就是网页的内容,图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。
        • 在网页上点击鼠标右键,选择菜单中的 “ 查看源文件” ,就可以通过记事本看到网页的实际内容。可以看到,网页实际上只是一个纯文本文件,它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片?网页文件中存放的只是图片的链接位置,而图片文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。
      • 网页的类型:
        • 通常我们看到的网页,都是以 htm 或html后缀结尾的文件,俗称 HTML文件。不同的后缀,分别代表不同类型的网页文件,例如以 CGI 、 ASP 、 PHP 、 JSP 甚至其他更多。
      • 网页的分类:
        • 网页有多种分类,我们笼统意义上的分类是动态和静态的页面,原则上讲静态页面多通过网站设计软件来进行重新设计和更改,相对的比较滞后,当然有网站管理系统,也可以生成静态页面~我们称这种静态页面为伪静态。动态页面通过网页脚本与语言自动处理自动更新的页面,比方说贴吧,他就是通过网站服务器运行程序,自动处理信息,按照流程更新网页。
      • 关于网页:
        • 当你每次上网时,都会在历史纪录里留下纪录(Cookie),保存在C盘主要文件的一个文档里,删除时只要右键点击IE属性,在浏览历史记录删除就可以了,也可以修改记录保存的目录或退出浏览器时删除记录。
  • Web技术:
    • web客户端技术:
      • Web客户端的主要任务是展现信息内容。Web客户端设计技术主要包括:HTML语言、Java Applets、脚本程序、CSS、DHTML、插件技术以及VRML技术。
      • 1)HTML语言。HTML是Hypertext Markup Language(超文本标记语言)的缩写,它是构成Web页面的主要工具。
      • 2)Java Applets,即Java小应用程序。使用Java语言创建小应用程序,浏览器可以将Java Applets从服务器下载到浏览器,在浏览器所在的机器上运行。Java Applets可提供动画、音频和音乐等多媒体服务。1996年,著名的Netscape浏览器在其2.0版本中率先提供了对Java Applets的支持,随后,Microsoft的IE3.0也在这一年开始支持Java技术。Java Applets使得Web页面从只能展现静态的文本或图像信息,发展到可以动态展现丰富多样的信息。动态Web页面,不仅仅表现在网页的视觉展示方式上,更重要的是他可以对网页中的内容进行控制与修改。
      • 3)脚本程序。他是嵌入在HTML文档中的程序。使用脚本程序可以创建动态页面,大大提高交互性。用于编写脚本程序的语言主要有JavaScript和VBScript。JavaScript由Netscape公司开发,具有易于使用、变量类型灵活和无须编译等特点。VBScript由Microsoft公司开发,与JavaScript一样,可用于设计交互的Web页面。要说明的是,虽然JavaScript和VBScript语言最初都是为创建客户端动态页面而设计的,但他们都可以用于服务端脚本程序的编写。客户端脚本与服务端脚本程序的区别在于执行的位置不同,前者在客户端机器执行,而后者是在Web服务端机器执行。
      • 4)CSS(Cascading Style Sheets),即级联样式表。通过在HTML文档中设立样式表,可以统一控制HTML中各标志显示属性。1996年底,W3C提出了CSS的建议标准,同年,IE3.0引入了对CSS的支持。CSS大大提高了开发者对信息展现格式的控制能力,1997年的Netscape4.0不但支持CSS,而且增加了许多Netscape公司自定义的动态HTML标记,这些标记在CSS的基础上,让HTML页面中的各种要素“活动”了起来。
      • 5)DHTML(Dynamic HTML),即动态HTML。1997年,Microsoft发布了IE4.0,并将动态HTML标记、CSS和动态对象(Dynamic Object Model)发展成为一套完整、实用、高效的客户端开发技术体系,Microsoft称其为DHTML。同样是实现HTML页面的动态效果,DHTML技术无须启动Java虚拟机或其他脚本环境,可以在浏览器的支持下,获得更好的展现效果和更高的执行效率。
      • 6)插件技术。这一技术大大丰富了浏览器的多媒体信息展示功能,常见的插件包括QuickTime、Realplayer、Media Player和Flash等。为了在HTML页面中实现音频、视频等更为复杂的多媒体应用,1996年的Netscape2.0成功地引入了对QuickTime插件的支持,插件这种开发方式也迅速风靡了浏览器的世界。同年,在Windows平台上,Microsoft将COM和ActiveX技术应用于IE浏览器中,其推出的IE3.0正式支持在HTML页面中插入ActiveX控件,这为其他厂商扩展Web客户端的信息展现方式提供了方便的途径。1999年,Realplayer插件先后在Netscape和IE浏览器中取得了成功,与此同时,Microsoft自己的媒体播放插件Media Player也被预装到了各种Windows版本之中。同样具有重要意义的还有Flash插件的问世:20世纪90年代初期,Jonathan Gay在FutureWave公司开发了一种名为Future Splash Animator 的二维矢量动画展示工具,1996年,Macromedia公司收购了FutureWave,并将Jonathan Gayde 的发明改名为我们熟悉的Flash。从此,Flash动画成了Web开发者表现自我、展示个性的最佳方式。
      • 7)VRML技术。Web已经由静态步入动态,并正在逐渐由二维走向三维,将用户带入五彩缤纷的虚拟现实世界。VRML是目前创建三维对象最重要的工具,它是一种基于文本的语言,并可运行于任何平台。
    • web服务端技术:
      • 与Web客户端技术从静态向动态的演进过程类似,Web服务端的开发技术也是由静态向动态逐渐发展、完善起来的。Web服务器技术主要包括服务器、CGI、PHP、ASP、ASP.NET、Servlet和JSP技术
      • 1)服务器技术。主要指有关Web服务器构建的基本技术,包括服务器策略与结构设计、服务器软硬件的选择及其他有关服务器构建的问题。
      • 2)CGI(Common Gateway Interface)技术,即公共网关接口技术。最早的Web服务器简单地响应浏览器发来的HTTP请求,并将存储在服务器上的HTML文件返回给浏览器。CGI是第一种使服务器能根据运行时的具体情况,动态生成HTML页面的技术。1993年,NCSA(National Center佛日Supercomputing Applications)提出CGI1.0 的标准草案,之后分别在1995 年和1997年,制定了CGI1.1和1.2标准。CGI技术允许服务端的应用程序根据客户端的请求,动态生成HTML页面,这使客户端和服务端的动态信息交换成为了可能。随着CGI技术的普及,聊天室、论坛、电子商务、信息查询、全文检索等各式各样的Web应用蓬勃兴起,人们可以享受到信息检索、信息交换、信息处理等各更为便捷的信息服务了。
      • 3)PHP(Personal Home Page Tools)技术。1994年,Rasmus Lerdorf发明了专用于Web服务端编程的PHP语言。与以往的CGI程序不同,PHP语言将HTML代码和PHP指令合成为完整的服务端动态页面,Web应用的开发者可以用一种更加简便、快捷的方式实现动态Web功能。
      • 4)ASP(Active Server Pages)技术,即活动服务器页面技术。1996年,Microsoft借鉴Php的思想,在其Web服务器IIS 3.0中引入了ASP技术。ASP使用的脚本语言是我们熟悉的VBScript和Javascript。借助Microsoft Visual Studio等开发工具在市场上的成功,ASP迅速成为Windows系统下Web服务端的主流开发技术。
      • 5)ASP.NET技术。由于它使用C#语言代替ASP技术的JavaScripe脚本语言,用编译代替了逐句解释,提高了运行效率,ASP.NET是建立.NET Framework的公共语言运行库上的编程框架,可用于在服务器上生成功能强大的Web应用程序,代替以前在WEB网页中加入ASP脚本代码,使界面设计与程序设计以不同的文件分离,复用性和维护性得到提高,已经成为面向下一代企业级网络计算的Web平台,是对传统ASP技术的重大升级和更新。
      • 6)Servlet、JSP技术。以Sun公司为首的Java阵营于1997和1998年分别推出了Servlet和JSP技术。JSP的组合让Java开发者同时拥有了类似CGI程序的集中处理功能和类似PHP的HTML嵌入功能,此外,Java的运行时编译技术也大大提高了Servlet和JSP的执行效率。Servlet和JSP被后来的JavaEE平台吸纳为核心技术。

 

你可能感兴趣的:(web基础知识汇总(1))