《Web基础知识》PPT课件.ppt

第1章Web基础知识,1.1Internet基础,1.2Web简介,1.3软件编程体系结构,1.4利用ASP.NET2.0开发简单的小程序,1.1Internet基础,1.1.1Internet概况为了全面了解Internet，可以从网络互连、网络通信、网络提供信息资源以及网络管理等不同角度来考察它所提供的功能。1从网络互连的角度来看Internet利用成千上万个具有特殊功能的计算机（称为路由器或网关），通过各种通信线路，把分散在各地的网络在物理上连接起来。在广大用户看来，它是一个覆盖全球的单一网络，而它实际的内部结构是十分复杂的，且对用户不可见。2从网络通信的角度来看Internet是依靠TCP/IP协议把各个国家、各个部门、各个机构的内部网络连接起来的超级数据通信网。3从网络提供信息资源的角度来看Internet是一个集各个部门、各个领域内信息资源为一体的超级资源网。凡是加入Internet的用户，都可以通过工具访问所有的信息资源，查询各种数据库、信息库，获取自己所需的各种信息资料。4从网络管理的角度来看Internet是一个不受政府或某个组织管理和控制的，包括成千上万个相互协作的组织和网络的集合体。连入Internet的每一个网络成员都自愿地承担对网络的管理并支付费用，友好地与相邻网络协作进行Internet数据传输，共享网络资源，并共同遵守TCP/IP协议的一切规定。,1.1.2Internet基本服务功能,1电子邮件（E-mailElectronicMail）服务电子邮件是Internet提供的一项最基本的服务，也是Internet用户使用最频繁的一种服务功能。它是网上的邮政系统，是一种以计算机网络为载体的信息传输方式。E-Mail的功能是用于发送和接收信件，采用简单邮件传输协议（SMTP）。发信人调用用户代理编辑要发送的邮件，用户代理用SMTP协议将邮件传送到发送方邮件服务器，发送方邮件服务器用SMTP协议向接收方邮件服务器传送邮件，接收方邮件服务器收到邮件后放入收信人用户邮箱中，收信人通过用户代理用POP3协议从邮箱取回邮件，如图1.1所示。,图1.1电子邮件服务,1.1.2Internet基本服务功能,2WWW（WorldWideWeb）服务WWW简称Web，它的出现加速了Internet向大众普及的速度，是Internet最方便、最受用户欢迎的信息服务类型。WWW集中了全球的信息资源，是存储和发布信息的地方，也是人们查询信息的场所。Internet包含成千上万的WWW服务器。Web浏览器和服务器用超文本传输协议HTTP来传输Web文档，通过统一资源定位符URL标识文档在网络上服务器的位置及服务器中的路径，Web文档用HTML语言进行描述，如图1.2所示。,图1.2传输Web文档,1.1.2Internet基本服务功能,3文件传输服务FTP（FileTransferProtocol）FTP协议是Internet文件传送的基础，它既是一种文件传输协议，也是一种服务。提供这种服务的设施称做FTP服务器。有了FTP的帮助就能使Internet上两台主机间互传（复制）文件。FTP有一套独立通用的命令（子命令），其命令风格与DOS命令相似，如DIR为显示目录/文件。用户要享受FTP服务器提供的服务，必须有用户标识和相应的口令才能登录FTP服务器。而实际上互连网中更多的是匿名（Anonymous）FTP服务器。用户无须拥有标识和口令就能与匿名FTP服务器实现连接和复制文件。这类服务器的目的是向公众提供文件复制服务。4新闻和公告类服务Internet的新闻和公告类服务主要有电子公告栏（BBS）和网络新闻组（Usenet或NewsGroup）。BBS是Internet上的一种电子信息服务系统，每个用户可以在BBS上发布信息并提出自己的观点。电子公告栏可以按不同的主题、分主题形成多个布告栏。BBS允许用户上传和下载文件，讨论和发布通告。,1.1.3TCP/IP协议,网络协议是网络中各台计算机进行通信的一种语言基础和规范准则，它定义了计算机进行信息交换所必须遵循的规则。TCP/IP（传输控制协议/网际协议）规范了网络上的所有通信设备，尤其是一个主机与另一个主机之间的数据传输格式以及传输方式。TCP/IP是Internet的基础协议，它是一个协议集，其中最重要的是TCP协议和IP协议。凡是连入Internet的计算机都必须遵循TCP/IP协议。,1.1.4IP地址、域名和URL,1IP地址IP地址是识别Internet中的主机及网络设备的唯一标识。每个IP地址通常分为网络地址和主机地址两部分，长度为32位（bit）（4B），书写时每个字节用4个十进制数（0255）表示，十进制数之间用“.”分隔，即X.X.X.X。例如202.119.106.253。IP地址可分成5类，其中常用的有3类。IP地址组成如图1.3所示。A类地址用于规模很大、主机数目非常多的网络。A类地址1B为网络地址，网络地址范围为1126，后面X.Y.Z为主机地址。B类地址用于中型到大型的网络。B类地址前面2B为网络地址，网络地址范围为128.X191.X，后面Y.Z为主机地址。C类地址用于小型本地网络。C类地址前面3B为网络地址，网络地址范围为192.X.Y223.X.Y，后面Z为主机地址。主机地址的末字节不能取0和255两个数。,1.1.4IP地址、域名和URL,图1.3IP地址组成,1.1.4IP地址、域名和URL,2域名IP地址是连网计算机的地址标识，但对大多数人来说记住很多计算机的IP地址并不容易。为此TCP/IP协议中提供了域名服务系统（DNS），允许为主机分配字符名称，即域名。在网络通信时由DNS自动实现域名与IP地址的转换。例如，南京师范大学Web服务器的域名为。Internet的域名采用分级命名机制，其基本结构如下：计算机名.三级域名.二级域名.顶级域名域名的结构在于：DNS将整个Internet划分成多个域，称之为顶级域，并为每个顶级域规定了国际通用的域名。顶级域名划分采用了两种划分模式，即组织模式和地理模式。有7个域对应于组织模式，其余的域对应于地理模式，如cn代表中国，us代表美国，jp代表日本等。顶级域名分配如下：com商业组织edu教育机构gov政府部门mil军事部门net网络中心org上述以外的组织int国际组织,1.1.4IP地址、域名和URL,3统一资源定位器URLWWW的信息分布在全球，要找到所需信息就必须有一种说明该信息存放在哪台计算机的哪个路径下的定位信息。统一资源定位器URL（UniformResourceLocator）就是用来确定某信息位置的方法。其格式如下：:/是指Internet的协议名，例如ftp（文件传输服务）、http（超文本传输服务）、mailto（邮子邮件地址）、telnet（远程登录服务）、news（提供网络新闻服务）等。指定一个网络主机的域名或IP地址。在有些情况下，主机域名后还要加上端口号，域名与端口号之间用冒号（：）隔开。这里的端口是操作系统用来辨认特定信息服务的软件端口。一般情况下，服务器程序采用标准的保留端口号。此端口号在URL中可以省略。以下是一些URL的例子：ftp:/,1.1.4IP地址、域名和URL,图1.4树状域名结构,1.2Web简介,1.2.1Web技术早期的Web页面是静态的，用户只能被动浏览。静态网页就是网页本身没有程序代码，在客户端向服务器端发出请求时，服务器器端不必执行任何程序，只需将请求的网页传送到客户端的浏览器上就可以了。网页的动态表现技术是指在浏览器端的动态网页，也就是DHTML（DynamicHTML）。DHTML作为浏览器自带的功能，是在HTML基础上扩展出来的几种新功能的总称。这些新功能主要有动态功能、定位功能和应用CSS的功能。DHTML可以跟踪页面上的每一个元素，每个标记成为浏览器建立的数据库中的一个记录。其次DHTML可通过在浏览器端的脚本语言来控制文档中所有需要控制的元素。页面下载后，DHTML也能处理页面元素，改变页面版面、内容和位置，并把结果不断提供给用户。动态内容交互是指网页内含有在服务器端执行的程序代码，当客户端向服务器端提出请求时，程序的代码会先在服务器端执行，然后再将Web服务器端执行的结果传送给浏览器。由于每次执行的结果因客户端请求而异，故称为动态网页。,1.2.2Web工作原理,从本质上讲，Web是基于客户机-服务器的一种体系结构，如图1.5所示。一般用户的计算机称为客户机，用于提供服务的机器称为服务器。客户机向服务器发送请求，要求执行某项任务，而服务器执行此项任务，并向客户机返回响应。Web应用的特点之一是客户端数量多且比较分散。客户机程序是标准化的第三方软件浏览器（Browser）。Web上的客户机应该是轻量级客户端。基于这一点来说，Web体系结构实际上多为浏览器-服务器结构。,图1.5客户机-服务器模型,1.2.2Web工作原理,在Web系统中，Web服务器向浏览器提供服务的过程大致可以归纳为以下几个步骤。（1）用户打开计算机（客户机），启动浏览器程序（NetscapeNavigator，MicrosoftInternetExplorer，Maxthon等），并在浏览器中指定一个URL（UniformResourceLocator，统一资源定位器），浏览器便向该URL所指向的Web服务器发出请求。（2）Web服务器（也称为HTTP服务器）接到浏览器的请求后，把URL转换成页面所在服务器上的文件路径名。（3）如果URL指向的是普通的HTML文档，Web服务器直接将它送给浏览器。HTML文档中可能包含有JavaScript、ActiveX、VBScript等编写的小应用程序（applet），服务器也将其随HTML一道传送到浏览器，在浏览器所在的客户机上执行。（4）如果HTML文档中嵌有CGI（CommonGatewayInterface，公共网关接口）或ASP程序，Web服务器就运行CGI或ASP程序，并将结果传送至浏览器。Web服务器运行CGI或ASP程序时还可能需要调用数据库服务器和其他服务器。,1.2.2Web工作原理,（5）URL也可以指向VRML（VirtualRealityModelingLanguage）文档。只要浏览器中配置有VRML插件，或者客户机上已安装VRML浏览器，就可以接收Web服务器发送的VRML文档。基于Web的数据库应用采用3层客户机-服务器结构，也称Browse/Server/DatabaseServer结构。第一层为浏览器，第二层为Web服务器，第三层为数据库服务器。浏览器是用户输入数据和显示结果的交互界面。用户在浏览器表单中输入数据，然后将表单中的数据提交并发送到Web服务器。Web服务器应用程序接受并处理用户的数据，并从数据库中查询用户数据或把用户数据录入数据库。最后Web服务器把返回的结果插入HTML页面，传送到客户端，在浏览器中显示出来。,1.3软件编程体系结构,两大编程体系：一种是传统的C/S（Client/Server，客户机-服务器）结构，主要用来开发基于特定操作系统运行的GUI应用系统；另一种是当前比较流行的B/S（Browser/Server，浏览器-服务器）结构，主要用来开发基于浏览器运行的Web应用程序。应用程序开发体系如图1.6所示。,图1.6应用程序开发体系,1.3.1C/S架构编程体系,C/S架构的主要优点是：（1）在本地操作系统上直接运行，响应速度快；（2）操作界面美观、形式多样，可以充分满足客户自身的个性化要求；（3）适合于开发与操作系统相关的性能要求比较高的底层软件。任何事情都有它的两面性，C/S架构也有它本身的缺点：（1）需要专门的客户端安装程序，分布功能弱，不方便实现快速部署安装和配置；（2）兼容性差，对于不同的开发语言，具有较大的局限性；（3）开发成本较高，需要具有一定专业水准的技术人员才能完成。,1.3.2B/S架构编程体系,B/S（Browser/Server）结构即浏览器-服务器结构。B/S架构的主要优点是：（1）任何时间、任何地点、任何系统，只要可以使用浏览器上网，就可以访问B/S系统；（2）开发简单，共享性强。很少涉及与操作系统相关的编程：消息队列，多线程等复杂功能；（3）简化了客户端，所有的工作都集中在服务器端，方便系统的开发、维护与升级；（4）业务扩展简单、方便，通过增加网页即可增加应用系统的功能模块。B/S架构也有其尚待改进的问题：（1）个性化特点明显降低，难以实现具有个性化的功能要求；（2）以鼠标为最基本的操作方式，无法满足快速操作的要求；（3）页面动态刷新，响应速度明显降低，不适合对速度要求高的系统；（4）功能弱化，难以实现传统模式下的特殊功能要求。,1.3.3B/S架构相关技术介绍,1ASPASP（ActiveServerPage）是一种微软开发的服务器端脚本环境，ASP内含于IIS3.0以上版本之中。通过ASP可结合HTML网页、ASP指令和ActiveX组件建立动态、交互且高效的Web服务器应用程序。有了ASP就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。ASP应用程序可以手工编码制作，也可以通过DreamweaverMX等可视化工具创作生成。,1.3.3B/S架构相关技术介绍,2PHPPHP（HypertextPreprocessor，超文本预处理器）是一种易于学习和使用的服务器端脚本语言。PHP自从诞生以来，以其简单的语法、强大的功能迅速得到了广泛应用。PHP除了能够操作页面，还能发送HTTP的标题，它不需要特殊的开发环境和IDE；不仅支持多种数据库，还支持多种通信协议；具有极强的兼容性，在大多数UNIX平台，GUN/Linux和微软Windows平台上均可以运行。3JSPJSP与Microsoft的ASP技术非常相似。两者都提供在HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的功能。与ASP一样，JSP中的Java代码均在服务器端执行。JSP与ASP虽然有很多相似之处，但两者也有重要区别：第一，ASP的编程语言是VBScript之类的脚本语言，而JSP使用的是Java；第二，两种语言引擎用完全不同的方式处理页面中嵌入的程序代码。在ASP下，VBScript代码被ASP引擎解释执行；在JSP下，代码被编译成Servlet并由Java虚拟机执行处理代码。,1.3.3B/S架构相关技术介绍,4ASP.NETASP.NET沿袭了ASP的名称，不过在实质上已经完全超越了ASP，不再局限于脚本语言，可以使用VB.NET、C#等编译语言，支持Web窗体、.NET服务器控件和ADO.NET等高级特性。ASP.NET是一个统一的Web开发模型，它包括开发企业级Web应用程序所必需的各种服务，能够让开发人员使用尽可能少的代码完成任务。作为.NETFrameWork的一部分，ASP.NET不失为Windows平台上Web开发技术的集大成者。C#是微软公司专门为.NET量身定做的编程语言，它与.NET有着密不可分的关系。C#是最适合开发.NET应用的编程语言。网页开发中除了语言方面外，还包括其他的相关技术：图像处理和动画制作。此两门技术在网页美工方面占据重要的地位。图像处理主要采用Photoshop等软件，动画制动主要采用Flash等软件。,1.4利用ASP.NET2.0开发简单的小程序,【例1-1】创建一个ASP.NETWeb应用程序，程序运行时能够获取文本框内用户所输入的内容。（1）运行VisualStudio2005，进入VisualStudio开发环境，选择“文件”“新建网站”，如图1.7所示，在模板框内选择“ASP.NET网站”，在位置栏选择“文件系统”，在存放位置处输入要存放的位置，在“语言”下拉列表中选择“VisualC#”语言，单击“确定”按钮，创建网站并创建一个Default.aspx文件，VisualStudio会自动打开本文件，并进入其“源”视图编辑界面，如图1.8所示。注意：ASP.NET2.0为每个页面提供了两种编辑视图，一种是“设计”视图，提供了可视化的所见即所得的开发环境；另一种是“源”视图，它是ASP.NET2.0的源代码视图，通常结合“设计”视图一起进行页面的调节。大多数情况下使用“设计”视图进行页面开发。,1.4利用ASP.NET2.0开发简单的小程序,图1.7新建网站,1.4利用ASP.NET2.0开发简单的小程序,图1.8“源”视图编辑界面,1.4利用ASP.NET2.0开发简单的小程序,（2）单击窗体下的“设计”选项卡，切换到Default.aspx的“设计”视图。从“工具箱”拖放TextBox、Button、Label控件各1个，效果如图1.9所示。,图1.9设计效果,1.4利用ASP.NET2.0开发简单的小程序,（3）双击“Button”按钮，进入到Default.aspx的CodeFile页Default.aspx.cs，如图1.10所示，在“Button”按钮的Click事件中加入如下的代码：Label1.Text=你输入的内容为：+TextBox1.Text;,图1.10Default.aspx的CodeFile页面Default.aspx.cs,1.4利用ASP.NET2.0开发简单的小程序,（4）按F5键，调试运行Web应用程序，在TextBox内输入内容，并单击“Button”按钮，运行结果如图1.11所示。,图1.11运行结果,