第二章Web开发技术概述.ppt

《第二章Web开发技术概述.ppt》由会员分享，可在线阅读，更多相关《第二章Web开发技术概述.ppt（61页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第2章章 Web开发技术概述开发技术概述 学习要点 1了解C/S模式与B/S模式的结构。2了解常用的Web开发技术。3掌握IIS Web服务器的配置。4了解Visual Studio 2005开发工具。Web开发技术概述互联网的快速发展对人们的工作、学习和生活带来了重大影响。人们利用互联网的主要方式就是通过浏览器访问网站，以便处理数据、获取信息。当人们通过浏览器打开各式各样的网站进行信息处理、享受互联网带给人们巨大便利的同时，好奇的读者也许非常想知道其背后所隐藏的所有实现技术。涉及到的技术是多方面的，包括网络技术、数据库技术、面向对象技术、图形图像处理技术、多媒体技术、网络和信息安全技术、互

2、联网技术、Web开发技术等等。其中Web开发技术是互联网应用中最为关键技术之一。Web开发技术概述当用户要通过浏览器访问某一个网站，用户必须首先在浏览器的地址栏中输入相应的网址URL地址，接着浏览器将向域名服务器询问该网址对应的IP地址，并根据返回的结果直接定位到目标服务器；服务器与浏览器双方完成通讯握手之后，该网站对应的图文数据便被送到浏览器中。如果收到的是HTML代码和图片，浏览器对其进行解释之后形成页面显示，而如果遇到扩展名为ASP、ASPX、CGI之类的脚本程序，解释工作就必须由服务器来完成，浏览器只能被动接收解释的结果并加以显示；当然，如果在结果中遇到HTML标记，浏览器就会启动解释

3、程序，然后按HTML标记的要求将网页的内容显示在用户面前。2.1 C/S模式与B/S模式 C/S计算模式将应用一分为二：前端是客户机，几乎所有的应用逻辑都在客户端进行和表达，客户机完成与用户的交互任务。后端是服务器，它负责后台数据的查询和管理、大规模的计算等服务。通常客户端的任务比较繁重，称作“肥”客户端，而服务器端的任务较轻，称作“瘦”服务器。C/S模式的结构如图1-3所示：C/S计算模式具有以下几个方面的优点：通过异种平台集成，能够协调现有的各种基础结构：分布式管理；能充分发挥客户端PC的处理能力，安全、稳定、速度快，且在适当情况下可脱机操作。B/S模式是一种基于Web的协同计算模式，是一

4、种三层架构的瘦客户机/肥服务器的计算模式。第一层为客户端表示层，与C/S结构中的“肥”客户端不同，三层架构中的客户层只保留一个Web浏览器，不存放任何应用程序，其运行代码可以从位于第二层Web服务器下载到本地的浏览器中执行，几乎不需要任何管理工作。第二层是应用服务器层，由一台或多台服务器（Web服务器也位于这一层）组成，处理应用中的所有业务逻辑，包括对数据库的访问等工作，该层具有良好的可扩充性，可以随着应用的需要任意增加服务的数目。第三层是数据中心层，主要由数据库系统组成。C/S模式与B/S模式B/S模式的结构如图1-4所示。图1-4 B/S模式结构C/S模式与B/S模式B/S模式与传统的C/

5、S模式相比体现了集中式计算的优越性：具有良好的开放性，利用单一的访问点，用户可以在任何地点使用系统；用户可以跨平台以相同的浏览器界面访问系统；因为在客户端只需要安装浏览器，取消了客户端的维护工作，有效地降低了整个系统的运行和维护成本。2.2 Web基本技术介绍 在信息领域中，Web技术几乎汇集了当前信息处理的所有技术手段，以求最大限度地满足人性化的特点。由于Web正处在日新月异的高速发展之中，它所覆盖的技术领域和层次深度也在不断改变。现阶段Web的基本技术包括HTML、DHTML、Java Applet、JavaScript与 VBScript、CGI、PHP、JSP、ASP/ASP.NET、

6、XML、ADO/ADO.NET和Web Services等。HTML技术 HTML是HyperText Markup Language（超文本标记语言）的缩写，是一种用来制作超文本文档的简单标记语言，它实际上是标准通用标记语言（SGML，Standard Generalized Markup Language）的一个子集。HTML文件是一种纯文本文件，通常它带有.htm或.html的文件扩展名。DHTML技术 DHTML即动态的HTML语言(Dynamic HTML)。除了具有HTML语言的一切性质外，其最大的突破就是可以实现在下载网页后仍然能实时变换页面元素效果、使人们在浏览Web页面时看到

7、五彩缤纷、绚丽夺目的动态效果。DHTML并不是一门新的语言，它是以下技术、标准或规范的一种集成：（1）HTML 4.0（2）CSS（Cascading Style Sheets，层叠样式单）（3）CSSL（Client-Side Scripting Language，客户端脚本语言）（4）HTML DOM（HTML文档对象模型，Document Object Model）什么是XHTML？XHTML是Extensible HyperText Markup Language(可扩展标识语言)的缩写。HTML是一种基本的Web的网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有

8、些相象，只有一些小的但重要的区别，就是所有标记必须配对，标记的属性放在引号中。XHTML就是一个扮演着类似HTML的角色的XML，所以本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。CGI技术 CGI是公共网关接口（Common Gateway Interface）的缩写，是用于连接Web页面和应用程序的接口。本身HTML语言的功能是比较贫乏的，难以完成诸如访问数据库等一类的操作，而实际的情况则是经常需要先对数据库进行操作（比如文件检索系统），然后把访问的结果动态地显示在主页上。此类需求只用HTML是无法做到的，所以CGI便应运而生。CGI是在Web

9、Server端运行的一个可执行程序，由主页的一个超链接激活进行调用，并对该程序的返回结果进行处理后，显示在页面上。PHP PHP(PHP：Hypertext Preprocessor，超文本预处理器，也称Professional Home Page)是利用服务器端脚本创建动态网站的技术，它包括了一个完整的编程语言、支持因特网的各种协议、提供与多种数据库直接互联的能力，包括MYSQL、SQL SERVER、SYBASE、INFORMIX、ORACLE等，还能支持ODBC数据库连接方式。PHP也是一种跨平台的软件，在大多数Unix平台、GUN/Linux和微软Windows平台上均可以运行。JSP

10、 JSP(Java Server Page)是由Sun公司于1999年推出的一项因特网应用开发技术，是基于Java Server以及整个Java体系的Web开发技术，利用这一技术可以建立先进、安全和跨平台的动态网站。JSP技术是以Java语言作为脚本语言的，使用JSP标识或者Java Servlet小脚本来生成页面上的动态内容。JSP页面看起来象普通HTML页面，但它允许嵌入服务器执行代码。服务器端的JSP引擎解释JSP标识和小脚本，生成所请求的内容,并且将结果以HTML页面形式发送回浏览器。在数据库操作上，JSP可通过JDBC技术连接数据库。ASP/ASP.NET ASP为Active Se

11、rver Pages的简写，中文意思为动态服务器页面，它是微软公司1996年11月推出的Web应用程序开发技术，它既不是一种程序语言，也不是一种开发工具，而是一种技术框架，它含有若干内建对象，用于Web服务器端的开发。利用它可以产生和执行动态的、互动的和高性能的Web服务应用程序。ASP使用VBScript、JavaScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序开发。ASP/ASP.NETASP.NET完全基于模块与组件，具有更好的可扩展性与可定制性，数据处理方面更是引入了许多激动人心的新技术，正是这些具有革命性意义的新特性，让ASP.NET远远超越了ASP,

12、同时也提供给Web开发人员更好的灵活性，有效缩短了Web应用程序的开发周期。ASP.NET与Windows Server 家族的完美组合为中小型乃至企业级的Web商业模型提供了一个更为稳定、高效、安全的运行环境。Ajax Ajax（Asynchronous JavaScript and XML，异步JavaScript和XML）最早由Jesse James Garrett提出。区别于传统的Web应用，Ajax应用的主要目的就是提高用户体验：不刷新整个页面，在页面内与服务器通信；使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的的响应能力；应用系统不需要由大量页面组成。大部分交互在页

13、面内完成，不需要切换整个页面。由此可见，Ajax使得Web应用更加动态，带来了更高的智能，并且可以提供表现能力丰富的Ajax UI组件。这样一类新型的Web应用叫做RIA(Rich Internet Application)应用。2.3 Web服务器的配置 Web服务器是指驻留于因特网上某种类型的计算机程序。当Web浏览器（客户端）连到服务器上并请求页面文件时，服务器将处理该请求并将页面文件发送回浏览器上，附带的信息会告诉浏览器如何查看该文件（即文件类型）。服务器使用HTTP进行信息交流，这就是人们常把它们称为HTTP服务器的原因。目前常用的Web服务器包括IIS(Internet Infor

14、mation Server，因特网信息服务)、Apache、Tomcat、Sambar、Jboss、WebLogic、Websphere以及金蝶Apusic等等。它们运行在不同的操作系统平台上。通用的Web服务器如IIS、Tomcat、Apache和Jboss等，通常以免费方式供用户使用，支持的并发用户数有限，适合作中小型网站系统的Web服务器，而WebLogic、Websphere和金蝶Apusic等专业Web服务器，在并发用户大量增加的情况下，仍可保持较高的处理性能，适合作大型网站系统的Web服务器。如何配置IIS Web服务器 IIS（Internet Information Serve

15、r，因特网信息服务）是微软公司在Internet上发布信息的Web服务器。IIS是在网站上构建和部署电子商务解决方案以及关键应用程序的一种安全平台，它通过使用超文本传输协议HTTP传输信息，并将信息加载到网站上。Windows 2000 Professional和Windows XP Professional中的IIS只有一个默认网站，不能创建多个网站，而Windows Server版可以创建多个Web站点，即在一台计算机上可以配置多个网站。不同的IIS版本在安全性和服务性能等方面有所加强，但网站配置操作区别不大。Web站点的配置(1)依次按照开始|程序|管理工具|Internet 信息服务的

16、顺序启动IIS,如果读者的IIS没有添加到“开始”菜单中，则可采用开始|设置|控制面板|管理工具|Internet 信息服务的顺序启动IIS，弹出“Internet信息服务”窗口，如图2-1所示。Web站点的配置 图2-1“IIS”启动界面Web站点的配置 如果找不到“Internet 服务管理器”，说明你的操作系统还没有安装IIS，你可以进入控制面板|添加/删除程序|添加/删除Windows组件后，勾选“Internet 信息服务（IIS）”并进行安装定制后，Windows将自动完成安装过程。(2)右键单击“默认网站”选项，在弹出的快捷菜单中选择“属性”项，弹出“默认网站 属性”对话框，如下

17、图所示。Web站点的配置 Web站点的配置 在该对话框中存在许多选项卡，用户可以在相应的选项卡中对相关属性进行设置，从而实现IIS Web站点的配置。(3)选择如图2-2所示“网站”选项卡，在“IP 地址”下拉列表框中输入本服务器的真实IP地址。若对本Web服务器的配置是作为测试用的，通常情况下可使用默认的设置“全部未分配”或输入“127.0.0.1”，它映射本机的域名localhost（在c:windowssystem32 driversetc hosts中设定），也就是说用户在IE浏览器上输入http:/127.0.0.1和http:/localhost的效果是相同的。如果服务器拥有多个W

18、eb站点但只有一个IP地址，就必须在所有的站点中共享同一个IP地址。通过这个共享的IP地址，在访问两个或两个以上站点时都能够成功地连接到站点所在的服务器。为了实现这一功能，需要让IIS知道每个站点所使用的域名。此时，用户只需单击“IP地址”栏右侧的“高级”按钮，弹出如下图所示的对话框。Web站点的配置 Web站点的配置 单击“添加(A)”按钮，输入IP地址、端口号和主机头名。因为只有一个IP地址，所以IP地址全部被分配了，TCP端口值都是80，区别每个网站的唯一标志就只有“主机头名”（网站的域名）。假设用户在多个网站中有一个网站的名称叫CET,已经注册的域名是“www.CET.com”，则应在

19、主机头名中输入www.CET.com，如图2-4所示。这样分别重复步骤（2），对每个网站指定主机头名，指定其IP地址相同，端口号都是80，这台提供Web服务的计算机就称为“虚拟主机”了。Web站点的配置 在“TCP端口”文本框中输入TCP使用的端口号。Web服务器的TCP端口号默认值是80，也可以设为其他值，假定为8080，用户在访问此网站的时候，需要输入相应的端口号，例如“http:/www.CET.com:8080”。Web站点的配置 用户还可以进行网站连接超时设置，连接时间一旦超过设置的值(以秒为单位)，则就会提示连接失败，打不开Web网站了。各个操作系统的默认值不一样，用户可以根据需要

20、修改此值。其他选项建议保持系统默认值。Web站点的配置“启用日志记录”选项，可以将访问网站的所有用户的相关信息放到日志文件，包括访问用户的IP地址、什么时候访问了网站的什么网页等，以备将来日志分析，例如可查询用户的非法访问信息。日志的内容既可以直接放到数据库中，也可以放在文本文件中。放在文本文件中时，可通过“启用日志记录”中的“属性”按钮确定日志文件名的格式、日志文件存放位置和存放内容格式。当测试网站时，可以不开启这项功能，但网站正式运行时，一般需要开启这项功能，尽管会影响服务器的性能，但为日后的安全检查或其他方面如数据挖掘等打下基础。Web站点的配置 当用户输入“http:/”后，IIS先查

21、找“Default.htm”,找不到时再依次找第二个“Default.asp”，若找到，则对之进行处理发回给浏览器。因此如果你想让用户更快访问你的网站，不需要让他输入冗长的文件名，则可在“文档”中进行设置。注意一般不需要设置很多默认文档，否则每次访问都要判断会影响IIS服务性能。Web站点的配置 主目录和虚拟目录的建立 建好的Web站点会放在某个文件夹下，它由一系列文件夹和文件组成，一个典型的Web站点目录结构如图2-6所示：主目录和虚拟目录的建立图2-6 典型的Web站点目录结构 图2-7“主目录”选项卡主目录和虚拟目录的建立通常我们将如图2-6中的文件夹“D:CET”称为主目录（Home

22、Directory）。主目录下可包含若干子目录，但在Web服务器管理中，允许主目录下的子目录可以不位于主目录下，可以在硬盘任何位置，这样的子目录，我们称之为虚拟目录。例如针对图2-6中的主目录“D:CET”，目录“E:myHTM”中存放着与该网站相关的其他网页，现需要将“E:myHTM”纳入主目录中统一管理，那么我们就需要在该主目录下创建虚拟目录。主目录的建立 每个Web站点都必须有一个主目录。一个站点所包含的所有网页和相关文件都放在主目录下。在“默认网站 属性”对话框中选择“主目录”选项卡，如图2-7所示。在该对话框的顶部提供了三个选项说明网站的位置。第一个选项“此计算机上的目录”表示该网站

23、存放在本计算机上的某个文件夹下，系统默认为c:inetpubwwwroot。第二个选项“另一台计算机上的共享”要求用户对该网站进行设置，输入共享的路径，以便其指向一个共享网络路径。第三个选项“重定向到URL”表示当访问者访问服务器上的某个站点时，用户通过输入重定向的站点将访问者转移到其他站点上。系统默认网站的位置为“此计算机上的目录”，如图2-7所示。如果网站不是在系统默认的本地路径下，用户可以单击“浏览”按钮来更改主目录的路径。主目录的建立在“主目录”选项卡上有六个复选框，其实这就是为网站设置权限的选项，读者可以根据被管理网站的特点来选择配置。“读取”权限就是允许用户可以读取网站中的文件或目

24、录，这个权限一般都是开放的，不然用户将无法浏览网页；“写入”权限则是允许用户将本地文件上传到服务器的主目录中，或者可更改/重写文件的内容。考虑到网站的安全性因素，这里注意不要随意设定目录的写入权限，只对需要存放上载文件的子目录或需要更改/重写内容的文件进行设置。设置方法是点“确定”退出图2-7所示界面，然后在图3-1中用鼠标右键点击需要设置写入权限的子目录或者文件，在弹出的对话框中选择写入权限即可。主目录的建立如果需要让用户访问已经设置了“读取”或“写入”权限的资源代码，则需要选择“脚本资源访问”。出于网站安全性考虑，一般不选择此项，否则用户不仅可以从 ASP 程序的脚本中查看到敏感信息，还可

25、以更改服务器上运行的源代码，这会严重影响服务器的安全性。“目录浏览”的作用就是让用户浏览在某个主目录或虚拟目录下的所有文件或文件夹，此时用户可以了解整个网站的目录结构。一般情况下不建议选择此项，但有时在内部网上，通过设定目录浏览，可以实现文件共享，让用户下载文件。“记录访问”可以设置是否需要在日志文件中记录对目录的访问。可根据网站的安全性要求进行设定。“索引资源”可以设置是否允许Microsoft Indexing Service 将该目录包含在Web站点的全文索引中。主目录的建立图2-7“应用程序设置”部分，应用程序名为“默认应用程序”，不要删除，如果不是则需要创建。“执行许可”选项一般选择

26、“纯脚本”，表示可以让网站运行脚本程序。出于安全考虑，一般不选择“脚本和执行程序”。“应用程序保护”大多选择“中（共用的）”,如果该应用出现故障的话,就不会影响到IIS，但如果该Web应用程序死机的可能性很大的话，该选项就应该选择“高”。单击“配置”按钮进入“应用程序配置”对话框，如图2-8所示。主目录的建立图2-8“应用程序配置”对话框主目录的建立其中“映射”选项卡中列出了IIS在遇到这些类型的文件后采用何种可执行文件对它进行处理。例如当IIS启用服务后，发现系统正对ASP文件请求访问，IIS会启用“C:WINNTSystem32inetsrvasp.dll”对ASP文件进行处理。鉴于安全因

27、素，可考虑将网站中没有用到的扩展名删除，需要的时候再添加进来。另外这里也为开发人员提供了一种扩充Web应用的方式，即自定义一种文件格式，然后用开发的DLL程序对之进行处理。“应用程序配置”选项卡中一般均采用默认值。虚拟目录的建立 一个网站系统有许许多多页面文件和多媒体文件等组成，这些文件我们不一定非要它们全部放在一个目录下，可以将存放上载图片的目录放到磁盘剩余空间比较大的E盘中去，将网站中独立运行的子系统分别放在不同的目录中。例如图2-9中，出于某种需要，CET网站的内容分别放在D:CET和E:img、E:Manager、E:Student中，此时该如何配置网站？我们将D:CET设成主目录，将

28、E:img、E:Manager、E:Student分别设成虚拟目录，图2-10为IIS中实际查看效果，此时E:img、E:Manager、E:Student在IIS的管理下看起来就如同D:CET下的子目录，只是图标不一样。虚拟目录的建立 图2-9 CET网站实际存放目录结构 图2-10 CET网站IIS目录结构 虚拟目录的建立 虚拟目录在物理上可以不属于主目录，也即它是主目录以外的其他目录，但需要纳入到主目录下来进行Web页面发布。要从主目录以外的其他目录中发布网站，就必须创建虚拟目录。虚拟目录不包含在主目录中，它有一个别名供Web浏览器访问。虚拟目录的别名可以随意取定，一般就可按实际文件夹名

29、取定。图2-10中虚拟目录的别名采用了和实际文件夹名相同的名称。使用别名有以下好处：别名可比实际文件夹路径名短，便于用户输入。使用别名较安全，因为虚拟目录的别名和实际路径之间是影射关系，用户很难知道文件所存放的实际位置。虚拟目录所对应的实际路径可以随意搬动，但用户访问虚拟目录的URL不变。虚拟目录的建立 虚拟目录除了可以实现将某个内容分散在各个子目录下的网站通过IIS集中管理外，虚拟目录的另外一种用法就是将构建的多个独立网站系统放到一个主站点（主目录）下运行。例如当前主站点是http:/219.153.14.22/,现在有两个独立网站系统，分别在主站点下建立虚拟目录，别名分别是WebA、Web

30、B，则访问两个独立网站可通过http:/219.153.14.22/WebA、http:/219.153.14.22/WebB进行。Web站点安全性设置可以通过配置IIS来提高Web站点的安全性。在“默认网站 属性”对话框内选择“目录安全性”选项卡，出现如图2-18所示界面。虚拟目录的建立 图2-18“目录安全性”选项卡 虚拟目录的建立如果有某个站点或者页面不希望匿名访问者访问，则可以采用取消匿名访问者查看站点、页面或者文件夹的权利。用户只需在该安全性设置下单击“编辑”按钮，在如图2-19中所示的“身份验证方法”对话框中将“匿名访问”选项框勾去即可。虚拟目录的建立图2-19“身份验证方法”对话

31、框 虚拟目录的建立默认情况下，Web 访问权限使用 IUSR_ComputerName 帐户。“ComputerName”为本计算机的名称。安装 IIS 时，就在服务器上创建了 IUSER_ ComputerName帐户，并将其用作默认的匿名用户帐户。当启用匿名访问时，IIS 会使用 IUSER_ ComputerName帐户来登录访问你的网站。因此你的网站可设置成不让匿名用户访问，仅让具有服务器登录帐号的用户进行访问。利用此功能可实现简单的网站应用系统访问权限管理。IP地址和域名限制地址和域名限制匿名访问所设定的安全性针对普通访问者已经足够了。但当网站或某个页面存放比较重要的资料，希望可以通

32、过IP地址和域名限制的设置来提高网站使用的安全性。在图2-18中的“IP地址和域名限制”选项组中单击“编辑”按钮，弹出如图2-20所示的对话框。在列表框中可以输入允许来访用户的IP地址或域名也可以输入被拒绝访问用户的IP地址或域名。IP地址和域名限制地址和域名限制图2-20“IP地址和域名限制”对话框 安全通信 一旦采用安全通信机制，用户在访问资源时，Web服务器要求安全通信并启用客户证书。证书是允许服务器和客户彼此验证的数字标识文档。它们请求在服务器和客户端浏览器建立SSL(Security Socket Layer，安全套接字层)连接，通过彼此连接可以发送加密信息。2.4 VS 2005开

33、发工具介绍 Visual Studio 2005全名叫“Visual Studio 2005 Team System”，它是微软在应用程序复杂性日益增加的情况下为解决设计、开发和部署软件生命周期问题的一套工具集。微软网站的介绍是“Visual Studio Team System 是一套高生产力的、集成的、可扩展的生命周期开发工具，它扩展了Visual Studio 产品线，增强了软件开发团队中的沟通与协作。利用Visual Studio Team System，开发团队能够在开发过程的早期以及在整个开发过程中确保更高的可预见性和更好的质量”。VS 2005中几个重要概念 HTML窗体：该窗体

34、中只含有HTML控件，HTML窗体所对应的代码中不包含Web服务器运行的代码。新建一个HTML窗体的方法是：右键单击“解决方案资源管理器”中某个“项目”或文件夹，在出现的右键菜单中选择“添加新项”，在出现的对话框中选择“HTML页”，输入对应文件名，单击“添加”按钮后，就生成了一个HTML窗体，单击主窗口区域左下方的“设计”显示HTML窗体，可以在其上放置工具箱中的各种HTML控件。单击主窗口区域左下方的“源”则可以查看HTML窗体对应的源代码，源代码存放在扩展名为“.HTM”的文件中。VS 2005中几个重要概念Web窗体：该窗体中可以放置工具箱中的各种控件，包括Web标准控件和HTML控件

35、，Web窗体所对应的代码中不仅包含了HTML源代码，而且还包含了Web服务器运行的代码，也即是在浏览器中查看此页面时，需要Web服务器利用它的内存、CPU、硬盘等系统资源对Web窗体进行处理后生成新的HTML页面再传送给浏览器。VS 2005中几个重要概念代码分离（Code Behind）：Web窗体所对应的代码中包含了HTML源代码和Web服务器运行的代码。原先的ASP技术是将这两种代码混合在一个扩展名为“.asp”文件中。在Web窗体中你仍然可以采用混合方式将两种代码混合在一个扩展名为“.aspx”文件中。但这样不利于网页界面设计者和后台服务器运行代码编写者之间各司其职地进行代码编写，可能

36、会造成相互干扰现象，不利于开发者之间的分工协作。VS 2005中几个重要概念VS 2005提供了一种“代码分离”技术来解决这个问题，即将HTML源代码和Web服务器运行的代码不放在单个aspx文件中，仅将HTML源代码放在aspx文件中，而将Web服务器运行的代码放在另一个文件中，其代码可用VB、C#、J#等任何一种语言来编写，若用VB来编写，则此文件的扩展名为“.vb”。在Aspx文件中用如下page语句将两个文件相互关联起来：这样一来，采用代码分离技术既解决了分工协作的问题，还可以实现HTML界面可以不停地追随潮流，而后台代码可以稳定地实现业务处理。VS 2005中几个重要概念 流布局和网格布局 默认情况下，HTML 页或 ASP.NET 网页中的元素以它们在标记中的出现顺序呈现，将这种方式称为流布局（FlowLayout）。在流布局状态下，当你将某个控件从工具箱拖放到Web窗体中的时候，你不能用鼠标随意移动它。你也可以采用二维方式对HTML 页或 ASP.NET 网页中的元素进行布局，使用水平和垂直坐标将元素定位到页面中的任何位置，此布局方式称之为网格布局（GridLayout）。在网格布局状态下，当你将某个控件从工具箱拖放到Web窗体中的时候，可用鼠标随意移动它。