教学材料《Web应用开发》-第一章

1.1Web基础知识1.1.1Internet

Internet,中文正式译名为因特网，又叫做国际互联网。它是由那些使用公用语言互相通信的计算机连接而成的全球网络。一旦计算机连接到它的任何一个节点上，就意味着已经连入Internet网上了。Internet目前的用户已经遍及全球，有超过几亿人在使用Internet，并目它的用户数还在以等比级数上升。互联网的主要技术特点有:TCP/IP协议（Internet的核心和基础);路由器加专线技术;下一页返回1.1Web基础知识分层的分布式结构;无连接的分组交换技术;层次结构的域名、网络竹理技术。通过TCP/IP协议可以为加入Internet的每台计算机或其他设备提供至少一个唯一的标识（IP地址)，从而屏蔽了网络的物理连接细节，使得用户可在浩如烟海的主机(Host)集合中定位并访问特定的主机。目前Internet提供的服务主要有WWW浏览、电子邮件E-mai1、远程升录Telnet、文件传输FTP等。上一页下一页返回1.1Web基础知识

1.1.2www

WWW(WorldWideWeb)又称万维网，是一种建立Internet上的全球性的交互的、动态、多平台、分布式、图形信息系统。同TELNET,GOPHER,FTP,WAIS,BBS等相似。它也是建立在Internet上的一种网络服务，遵循HTTP协议，默认端口是80。它的开发最初是为了在科学家之间共享成果，科学家们可以将科研成果以图文形式在网上进行共享。它的最基本的概念就是Hypertext。现在WWW的应用已远远超出原设想，成为了Internet上最受欢迎的应用之一，它的出现极大地推动了Internet的发展。上一页下一页返回1.1Web基础知识WWW采用的是客户/服务器结构，其作用是整理和储存各种WWW资源，并响应客户端软件的请求，把客户所需的资源传送到Windows95(或Windows98),WindowsNT,UNIX或Linux等平台上。WWW浏览器(如:MicrosoftInternetExplorer,NETSCAPE,HOTJAVA)可以把在互联网上找到的文本文档(和其他类型的文件)翻译成网页。网页可以包含图形、音频、视频和文本。HTML是网络所基于的格式化语言。HTML文档看起来与网页在浏览器上显示的很不相同。上一页下一页返回1.1Web基础知识平时在屏幕上看到的网页就是浏览器对HTML文档的翻译。看到的图像是被HTML文档调用的，浏览器从HTML代码中读取图像的位置，然后把它们放在网页上。与此相似，音频或视频文件也被HTML文件调用，然后被浏览器组装起来。浏览器的缓存（Cache）是另一个重要的因素:因为网上的文档需要时间下载，浏览器可以在硬盘上临时存储图像，以避免下载相同的文件。上一页下一页返回1.1Web基础知识1.1.3HTTP协议HTTP（HyperTextTransferProtocol）是超文本传输I办议的缩写，它是在Internet中进行信息传送的陇议，浏览器默认使用这个陇议，用于传送WWW方式的数据。HTTP协议采用了清求/响应模型。HTTP清求是从浏览器向Web服务器发出的搜索某个Web网页的清求。当Web服务器收到这个清求之后，就会按照清求的要求，找到相应的网页。如果可以找到这个网页，那么就把网页的HTML代码通过网络传回到浏览器;如果没有找到这个网页，就发送一个错误信息给浏览器。后面的这些操作称为HTTP响应。上一页下一页返回1.1Web基础知识1.1.4Web服务器Web服务器是一台在Internet上具有独立IP地址的计算机，它可以向Internet上的客户机提供WWW,E-mail和FTP等各种Internet服务。事实上，也可以把Web服务器看作是一个软件，它用于竹理Web页面，并可以使这些页面通过本地网络或Internet提供给客户浏览器使用。Web服务器和浏览器在Internet中通常位于两台不同的机器上，它们可以相隔很遥远，但是，有时它们也可以位于同一台机器上，在这台机器上即可以运行Web服务软件，同时可以通过浏览器浏览它的Web页面。上一页下一页返回1.1Web基础知识当Web服务器和浏览器应用程序位于不同的机器上时，可以称为远程服务器;当Web服务器和浏览器应用程序位于同一台机器上时，可以称为本地服务器。访问远程服务器和本地服务器的原理和实现的功能是一样的。比较常见的Web服务器有Apache,IIS和Enterprise。由于ASP.NET运行在IIS上，所以本书介绍的是IIS。上一页下一页返回1.1Web基础知识1.1.5静态网页和动态网页静态网页是指纯HTML格式编写的网页。静态网页通常以.htm，.html,.shtml,.xml等为后缀。在HTML格式的网页上，也可以出现各种动态的效果，如gif动画、flash,滚动字母等，但这些“动态效果”只是视觉上的，用户在任何时候、任何方式访问时都不会有其他变化。静态网页的特点如下:上一页下一页返回1.1Web基础知识①静态网页每个网页都有一个固定的URL>A网页URL以.htm,.html,.shtml等常见形式为后缀，而不含有“?”;②网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件;③静态网页的内容相对稳定，因此容易被搜索引擎检索;④静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难;上一页下一页返回1.1Web基础知识⑤静态网页的交互性较差，在功能方面有较大的限制。动态网页是指网页内含有程序代码(脚本)，采用ASP,CGI,ASP.NET等技术动态生成页面，这种网页通常在服务器端以扩展名.jsp、.php、.asp或是.aspx储存。在接到用户的访问请求后，必须由服务器端先执行程序后，再将执行完的结果动态生成页面并传输到用户的浏览器中，在浏览器上显示出来。这种网页要在服务器端执行一些程序，由于执行程序时的条件不同，并目执行的结果也可能会有所不同，所以称为动态网页。动态网页由计算机实时生成，具有日常维护简单、更改结构方便等优点，同时动态网页需要大量的系统资源来合成网页。上一页下一页返回1.1Web基础知识动态网页的特点如下:①动态网页以数据库技术为基础，可以大大降低网站维护的工作量;②采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户竹理、订单竹理等;③动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页;上一页下一页返回1.1Web基础知识④动态网页中的“?”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不会去抓取网址中“?”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。静态网页与动态网页最重要的标志是看程序是否在服务器端运行。静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般应采用动态网页技术来实现。上一页下一页返回1.1Web基础知识静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。动态网站也可以采用静动结合的原则，适合采用动态网页的地方即用动态网页，如果有使用静态网页的必要，也可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。上一页下一页返回1.1Web基础知识1.1.6Web网页制作工具1.FrontPageFrontPage是一款优秀的网页制作与开发工具之一，它本身也是Office中的一个贡要组件，采用了与Office其他组件一致的界面和操作方式，只要使用过Office软件，就可以轻松掌握FrontPage的用法。如果用户对Word很熟悉，那么相信用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，能真i1体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的上一页下一页返回1.1Web基础知识编辑页、HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导泪!模板都能使初学者在编辑网页时感到更加方便。FrontPage2000最强大之处是其站点竹理功能。在更新服务器上的站点时，不需要创建更改文件的日录。FrontPage会自动跟踪文件并复制那些新版本文件。FrontPage是现有网页制作软件中唯一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。上一页下一页返回1.1Web基础知识2.MacromediaStudio8MacromediaStudio8提供了Web开发各个方面所击要的专业功能。包括DreamWeaver8,Fireworks8,Flash8和FreeHand8。所有工具无缝集成并拥有通用的用户界面，使Web不II应用程序开发流程更加顺畅，提高了使用效率。开发人员可以使用DreamWeaver建立Web站点不II应用程序，使用Fireworks牛成Web图形，使用Flash制作动画，使用FreeHand添加矢量图形。上一页下一页返回1.1Web基础知识1.1.7Web网页编程技术Web网页编程工具主要有:CGI,ASP,PHP,JSP,ASP.NET。这些技术基本上都是把脚本语言嵌入到HTML文档中。概括起来，CGI学习难度大、开发成本高;ASP学习简单、使用方便;PHP软件免费、运行成本低;JSP支持多平台、转换方便;ASP.NET除了具有ASP的优点外，更具有集成开发功能强大的优点。下面对它们作具体介绍。CGICGI全称是“公共网关接日”（CommonGatewayInterface)是HTTP服务器与用户或其他机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。绝大多数的CGI上一页下一页返回1.1Web基础知识程序被用来解释处理来自表单的输入信息，并在服务器产生相应的处理，或将相应的信息反馈给浏览器。CGI程序使网页具有交互功能。CGI程序最初在UNIX操作系统上的CERN或NCSA格式的服务器上运行。在其他操作系统(如:WindowsNT及Windows95等)的服务器上也广泛地使用CGI程序，同时它也适用于各种类型机器。CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。对初学者来说，最好选用易于归档和能有效表示大量数据结构的语言，例如UNIX环境中，可以使用上一页下一页返回1.1Web基础知识Perk、BourneShed或者Tcl.Windows环境中，可以使用C和C++。CGI的学习难度较大，相应的程序员较少，开发的成本非常的高。2.PHPPHP是HypertextPreprocessor的缩写即“超级文本预处理语言”。PHP是一种HTML内嵌式的语言，PHP与微软的ASP颇有几分相似，都是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格类似于C语言，现在己被很多的网站编程人员广泛地运用。PHP独特的语法混合了C,Java,Perl以及PHP自创的语法。它可以比CGI或者Perl更快速的执上一页下一页返回1.1Web基础知识行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多;与同样是嵌入HTML文档的脚本语言JavaScript相比，PHP在服务器端执行，充分利用了服务器的性能;PHP执行引擎还会将用户经常访问的PHP程序驻留在内存中，其他用户再一次访问这个程序时就不需要重新编译程序了，只要直接执行内存中的代码就可以了，这也是PHP高效率的体现之一。PHP具有非常强大的功能，所有的CGI或者JavaScript的功能PHP都能实现，而A支持几乎所有流行的数据库以及操作系统。上一页下一页返回1.1Web基础知识PHPS于2004年7月i1，式发布，标志着一个全新的PHP时代的到来。它的核心是第_代Zend引擎，并引入了对全新的PECL模块的支持。PHPS的最大特点是引入了面向对象的全部泪L制，并目保留了向下的兼容性。程序员不必再编写缺乏功能性的类，并目能够以多种方法实现类的保打‘。另外，在对象的集成等方面也不再存在问题。使用PHPS引进了类型提示和异常处理机制，能更有效地处理和避免错误的发生。PHPS提供了数据库引擎SQLite扩展，直接用这个扩展就可以创建和使用SQLite数据库。上一页下一页返回1.1Web基础知识这些方法大都以面向对象的方式实现，同时也极大地提高了基于数据库的Web项日的执行速度。另外，PHPS中还改进了创建动态图片的功能，日前能够支持多种图片格式(如PNG,GIF,TIFF,JPGE等)。PHPS己经内置了对GD2库的支持，因此安装GD2库(主要指UNIX系统中)也不再是件难事，这使得处理图像十分简单和高效。大多数Web程序开发者依然将XML作为一个彻底的简单数据库使用。PHPS中也采用了一系列简单易用、功能强大的方法处理XML文档。PHP5.2.0增加了JSON函数，更好的支持ajax。上一页下一页返回1.1Web基础知识3.JSPJSP(JavaServerPages)是由SunMicrosystems公司倡导、许多公司一起参与建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(scriptlet)和JSP标记(tag）而形成JSP文件(*.Jsp）。用JSP开发的Web应用是跨平台的，即能在Linux下运行，也能在其他操作系统上运行。JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。上一页下一页返回1.1Web基础知识JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。JSP与JavaServlet一样，是在服务器端执行的，通常返回该客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。上一页下一页返回1.1Web基础知识JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。JavaServlet是JSP的技术基础，而A大型的Web应用程序的开发需要JavaServlet和JSP配合才能完成。JSP具备了Java技术的简单易用、完全面向对象、具有平台无关性目安全可靠、主要面向因特网的所有特点。自JSP推出后，众多大公司都支持JSP技术的服务器，如IBM,Oracle,Bea公司等，所以JSP迅速成为商业应用的服务器端语言。上一页下一页返回1.1Web基础知识4.ASPASP是ActiveServerPage的缩写，它是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其他程序进行交互是一种简单、方便的编程工具。ASP网页文件的格式是.asp，现在常用于各种动态网站中。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交4_式内容(如在线表单)，也可以创建使用HTML网页作为用户界面的Web应用程序。与HTML相比，ASP网页具有如下特点:①利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术;上一页下一页返回1.1Web基础知识②ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试;③服务器上的ASP解释程序会在服务器端执行ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以i1常浏览ASP所产生的网页;④ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强，例如可以从Web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向Web浏览器发送信息;⑤ASP可以使用服务器端ActiveX组件来执行各种各样的任务，例如存取数据库、发送E-mai1或访问文件系统等。上一页下一页返回1.1Web基础知识⑥由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取。5.ASP.NETASP.NET是建立在微软新一代.NET平台架构上，利用普通语言运行时(CommonLanguageRuntime)在服务器后端为用户提供建立强大的企业级Web应用服务的编程框架。ASP.NET与现存的ASP保持语法兼容，实际上可将现有的ASP源码文件扩展名“.asp”改为“.aspx”，然后配置在支持ASP.NET运行时的IIS服务器的Web日录下，即可获得ASP.NET运行时的全部优越性能。上一页下一页返回1.1Web基础知识ASP.NET与ASP的主要区别在于前者是编译(Compile)执行，而后者是解释(Interpret)执行，前者比后者有更高的效率。实际上可以把ASP.NET的执行过程看做是编译后的普通语言运行时代码，充当一个和前端浏览器及中间件用户交互的应用程序，它接受用户的请求，输出HTML流到客户端显示。除此之外，ASP.NET还可以利用.NET平台架构的诸多优越性能，如类型安全，实现对XML,SOAP,WSDL等Internet标准的强健支持。日前ASP.NET的开发语言有3种:C#,VisualBasic.NET和JScrip。上一页下一页返回1.1Web基础知识ASP.NET的主要优点有:ASP.NET可完全利用.NET架构的强大、安全、高效的平台特性。ASP.NET是运行在服务器后端编译后的普通语言运行时代码，运行时早绑定（EarlyBinding)，即时编译，本地优化，缓存服务，零安装配置，基于运行时代码受竹与验证的安全机制等都为ASP.NET带来卓越的性能。对XML,SOAP,WSDL等Internet标准的强健支持为ASP.NET在异构网络单提供了强大的扩展性。ASP.NET主要包括WebForm和WebService两种编程模型。前者为用户提供建立功能强大，外观丰富的基于表单(Form)的可编程Web页面。后者通过对HTTP,XML,SOAP,上一页下一页返回1.1Web基础知识WSDL等Internet标准的支持提供在异构网络环境下获取远程服务、连接远程设备、交互远程应用的编程界面。HTMLServerControl是为了和传统ASP保持兼容而开发的一类基于HTML静态页面的控件(如文本框，按钮)，它们与这些控件一一对应，位于命名空间System.Web.ULHtmlControls单。WebServerControl是专为下一代基于组件开发的.NET平台架构而量身定做的，它不仅上一页下一页返回1.1Web基础知识包括具有传统HTML静态页面的控件WebServerControl等，它还包括有AdRotator,XML等功能强大的组件，更重要的是它为用户开发WebServerControl组件提供了强大，易用的技术底层支持。这将成为下一阶段ASP.NET开发的热点。它们位于命名空间System.Web.UI.WebControls里。ASP.NET口J一以使用集成开发工具VisualStudio.NET。目前常用的版本是VisualStudio.NET2005。上一页返回1.2Web应用程序开发基础1.2.1HTML语言HTML语言是超文本标记语言(HyperTextMarkupLanguage)的缩写，它是一种描述文档结构的语言，使用标签来指明文档的不同内容。HTML文件扩展名为.htm或者.html。HTML文件可以用一个简单的文本编辑器创建，如:记事本。HTML语言编写网页的程序结构，如下所示

<html><head><title>页而标题</title></head><body>下一页返回1.2Web应用程序开发基础网页的止文内容

</body></html>说明:①运行效果如图1-1所示;②<html>...</html>标签对之间标识出是一个Web页;③<head>...</head>标签对之间构成HTML文档的头信息，头信息不会在浏览器的窗口内显小出来;上一页下一页返回1.2Web应用程序开发基础④<title>...</title>标签对之间标识出网页的标题，显示在浏览器的标题栏;⑤<body>...</body>标签对之间标识出网页的正文部分，显示在浏览器中。在<body>标签对之间可以插入很多标签，下面介绍一些常用的HTML标签。1.标题用来指明页面上的一到六级标题，标题用于对文本中的章节进行划分。例如:<H1>级标题</Hl><H2)二级标题</H2><H3>二级标题</H3><H4>四级标题</H4>上一页下一页返回1.2Web应用程序开发基础

<H5>八级标题</H5><H6>六级标题</H6>说明:①<H1>定义了最大的标题元素，<H6>定义了最小的标题元素;②HTML自动在一个标题元素前后各添加一个空行;③效果如图1-2所示。2.段落、换行例如:<p>第段</p><p>第二段<br>换行了，还是第二段</p><p>第二段</p>说明:上一页下一页返回1.2Web应用程序开发基础①<p>.</p>标签对是段落标签，自动产生一个段落并在前后各添加一个空行;②<br>标签是换行标签，它会强制换行，而不产生一个新段落，<br>没有结束标记;③效果如图1-3所示。3.注释注释标签用于在HTML源码中插入注释。注释不会被执行，仅起到解释代码的作用。例如:<！--注释语句-->4.超链接上一页下一页返回1.2Web应用程序开发基础HTML使用<a>标签来创建连接另一个文档的链接。链接可以指向网络上的任何资源，包括HTML页面、图像、声音或视频文件等。例如:<ahref--"http://WWW.163.com"target=”-blank"title=“跳转到网易”>网易</a>说明:①href属性，用于设定需要链接到的地址;②target属性，将被链接的文档在指定的窗口中打开(默认在当前窗口打开);③title属性，指鼠标光标悬停在链接上时，显示相关的提示文字。上一页下一页返回1.2Web应用程序开发基础5.图片使用<img>标签可以在HTML文档中显小图片。例如:<imgsrc=”tul.gif"alt=风景图”>说明:①src属性，指定图片的文件的路径和文件名;②alt属性，图片无法显小时的替代文字。6.表格例如:<table><tr>上一页下一页返回1.2Web应用程序开发基础上一页下一页返回

<thwidth="50%">标题1</th><thwidth="50%">标题2</th></tr><tr><td>第1行第1列</td><td>第1行第2列</td></tr><tr><td>第2行第1列</td><td>第2行第2列</td></tr></tab1e>1.2Web应用程序开发基础说明:①<table>...</table>标签对创建一个表格;②<tr>...</tr>标签对定义表格的行(可包含表头和数据单元格);③<th>...</th>标签对定义包含表头的单元格;④<td>...</td>标签对定义单个的单元格;⑤效果如图1-4所示。7.框架框架就是在同一屏慕上显小许多相互交互的独立的HTML文档页的结构。例如:<framesetrows=“20o，*”>上一页下一页返回1.2Web应用程序开发基础上一页下一页返回说明:①frameset标签用于定义框架的总体结构;②frame标签用于定义框架;<framesrs=“1.hfml”><framesefcols=“300%,*”><framesrs=“2.htm1”><framesrs=“3.htm1”></frameset></frameset>1.2Web应用程序开发基础③rows属性，说明把解幕分成若十水平的框架，clos属性，把解幕分成若十垂直的框架，src属性，用于使浏览器在框架中显小指定的资源内容，其取值为超链接的地址;④效果如图1-5所示。提示:如果浏览器支持DHTML，还可创建内嵌浮动框架iframe，以达到更灵活的界面显小效果。与frame不同，<iframe>...</iframe>可以嵌在网页中的任意位置。例上一页下一页返回1.2Web应用程序开发基础如<iframescr=a.htmlwidth=300height=100align=leftframeborder=1></iframe>8.表单表单是Web服务器与客户端浏览器进行数据交换的控件，包括文本框、单选框、复选框、下拉列表框、按钮等。例如:上一页下一页返回1.2Web应用程序开发基础上一页下一页返回<formmethod=“post”action=“check.asp"id=“forml”name=“forml”>姓名:<inputtype=“text”name=“textl"/><br>密码:<inputtype=“password"name=“text2”/><br>简历:<textareaname=“textarea"rows="3”></textarea><br>身份:<selectname=“select"><optionvalue-”学生>学生</option><optionvalue-”教师>教师</option></select><br>1.2Web应用程序开发基础上一页下一页返回性别:<inputtype=“radio”name=“xb”Vdlue=“男”checked=“checked"/>男<inputtype=“radio”name=“xb”Vdlue=“女”/>女<br>爱好:<inputtype=“checkbox"name=“ah”value=“旅游”/>旅游<inputtype=“checkbox"name=“ah”value=“上网”/>上网<inputtype=“checkbox"name=“ah”va1ue=“运动”/>运动<br>1.2Web应用程序开发基础说明:①<form>...</form>标签用于在网页中插入一个表单域，是一个红色虚线框，所有用于向服务器端提交的内容都要放在这单，method属性，指定表单在向Web服务器提交数据时使用的数据发送方式，action属性，指定表单处理程序的URL地址;②<inputtype=“text”name=“textl”/>在表单中插入一个单行文本框，当type值为text时，用户输入内容在文本框中可见，当type值为password时，用户输入内容以掩码方式显小，此时适用于密4i的输入，如<inputtype="password"name="text2"/>;上一页下一页返回1.2Web应用程序开发基础③<textareaname="textarea"rows="3"></textarea>在表单中插入一个多行文本框，row属性，表示文本框的行数;④<select>...</select>在表单中插入一个下拉列表框，下拉列表框中的选项使用<option>...</option>标记创建，其中value属性的值是提交到服务器上的内容;⑤<inputtype="radio"name="xb"value=”男”checked="checked"/>在表单中插入一个单选按钮，同一组中的多个单选按钮在同一时刻只能有一个被选中，在同一组中的多个单选按上一页下一页返回1.2Web应用程序开发基础钮要有相同的name值，表示它们是一组，value值需要不同，用来设置提交到服务器中的内容;checkeded属性表示当前单选按钮默认己经被选中;⑥<inputtype=“checkbox”name=“ah”value=”旅游”/>在表单中插入一个复选按钮，同一组中的多个复选按钮在同一时刻只能可以多选，在同一组中的多个复选按钮要有相同的name值，表示它们是一组，value值需要不同，用来设置提交到服务器中的内容，checkeded属性表示当前复选按钊默认已经被选中:上一页下一页返回1.2Web应用程序开发基础⑦<inputtype=“submit”name=“tj”value=“提交”/>在表单中插入一个提交按钮，可一以将表单内容提交到Web服务器，<inputtype="reset"name="cz"value="重置”/>在表单中插入一个重置按钮，可以将表单内容恢复到填写前的状态，<inputtype="button"name="gbwy"value=”关17网页”onclick="window.closeQ"/>在表单中插入一个普通按钮，击要自己编写操作的程序，onclick属性用来连接单击事件;⑧效果如图1-6所示。上一页下一页返回1.2Web应用程序开发基础1.2.2CSS层叠样式表

CSS(CascadingStyleSheets)层叠样式表，也叫作级联样式表，是一种样式表技术，用于进行网页风格设计。CSS可以将格式和结构分离，解决了HTML不能控件网页的格式和外观的问题。CSS通过将定义结构的部分和定义格式的部分分离，能够对页面的布局施加更多的控制，这样，代码可以保持简单明了的初衷。上一页下一页返回1.2Web应用程序开发基础CSS重新定义了HTML原有的样式(如文字大小、颜色等)，加入了重叠文字，层变化及任意位置的摆放等，使网页的编排与设计更具有灵活性，CSS延仲了HTML的功能。下面介绍CSS的使用方法和基本语法。

1.在Web页面中应用CSS的方法

(1)行内样式行内样式是指在HTML的某个标签中加入style属性直接定义样式。这种方法只对当前的标签起作用，不会影响到其他相同类型的标签。style属性可以应用于除了basefont,param上一页下一页返回1.2Web应用程序开发基础和script的任意body内的标签(包括body本身)。例如:<pstyle--"color:blue;margin-left:20px">这是个段落</p>(2)内部样式表内部样式表是指在网页的<head>...</head>标签之间，使用<style>...</style>标签来定义样式。这种方法定义的样式会应用于整个文档。例如:<head>上一页下一页返回1.2Web应用程序开发基础上一页下一页返回说明:①“text/CSS”是指文件的类型是样式表文本;②在有些低版本的浏览器中不能识别style标签，这样，在浏览时会将style标签的内容<styletype=“text/css”><!--p{color:blue;margin-left:20px}body{background-color:yellow}--></style></head>1.2Web应用程序开发基础直接显示在页面上，为避免这种情况的发生，可以加入HTML注释(<!--…-->)隐藏内容不让它显示。

(C3)链接外部样式链接外部样式表是把样式表保存为一个样式表文件(扩展名为.css)，然后在页面中用<clink>标签链接该文件。这个样式表文件可以应用于多个Web页面。例如:上一页下一页返回1.2Web应用程序开发基础上一页下一页返回说明:rel="stylesheet"是指在页面中使用这个外部样式表;type="text/css"是指文件的类型是样式表文本;href="mystyle.css"是文件所在的位置。<head>…clinkrel=“stylesheet”type=“text/css”href=“mystyle.css”></head>1.2Web应用程序开发基础(4)导入外部样式导入外部样式表是指在内部样式表的<style>导入一个外部样式表，导入时用@import。导入的方式实质上是将样式文件的内容添加到HTML文档中。例如:<head><styletype=“text/css”><!--@import“mystyle.css”>其他样式表的声明--></style></head>上一页下一页返回1.2Web应用程序开发基础说明:导入外部样式必须在样式表的开始部分，在其他内容样式表的上面。2.基本格式

CSS的定义是由3个部分构成:选择符(selector>>属性(property）和属性的取值（value)。基本语法格式如下:selector{property:value}对上述代码作以下说明。①选择符一般是要定义样式的HTML标签，如body,p,table等。例如:body{color:black}上一页下一页返回1.2Web应用程序开发基础②属性的值如果是由多个单词组成，必须在值上加引号。例如:p{font-family:"sansserif"}③多个属性定义之间用分号隔开。例如:p{text-align:center，color:red}3.选择符组可以把相同属性和值的选择符组合起来书写，用逗号将选择符分开，这样可以减少样式重复定义。例如:p,table{font-size:9pt}上一页下一页返回1.2Web应用程序开发基础段落和表格里的文字大小为9号字，完全等效于如下格式:p{font-size:9pt}table{font-size:9pt}4.类选择符类选择符可以把几个不同的标签定义成相同的样式，在选择符中省略HTML标签。定义.center的类选择符为文字居中排列。方法如下:.center{text一align:center}应用类选择符到任何标签上，方法如下:<h1clas=“center">这个标题是居中排列的</h1><pclass=“center">这个段落也是居中排列的</p>上一页下一页返回1.2Web应用程序开发基础

5.ID选择符在HTML页面中ID参数指定了某个单一标签，ID选择符用来对这个单一标签定义单独的样式。定义ID选择符要在ID名称前加上一个“#”号，方法如下:#s{font-size:lOpx;font-weight:bold;color:#OOOOff}

应用ID选择符和类选择符类似，只要把CLASS换成ID即可。如:<pid=“s”>上一页下一页返回1.2Web应用程序开发基础

6.包含选择符包含选择符就是一个选择符被另一选择符所包含。这种方式只对在元素1里的元素2定义，对单独的元素1或元素2无定义，例如:tablea{Font-size:12px}上一页下一页返回1.2Web应用程序开发基础1.2.3JavaScript语言JavaScript是由Netscape公司开发的，是一种基于对象(object)和事件驱动(EventDriven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中连接多个对象，与Web客户实现交互。它是通过在HTML语言中嵌入或调入方式实现的。它的出现弥补了HTML语言的缺陷，是Java与HTML折中的选择，具有以下基本特点。上一页下一页返回1.2Web应用程序开发基础①JavaScript是一种脚本编写语言。它采用小程序段的方式实现编程，与其他脚本语言一样，JavaScript也是一种解释性语言。它不需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。②JavaScript是一种基于对象的语言。这意味着它能运用自己己经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法和属性的调用。③JavaScript具有简单性。首先，它是一种基于Java基本语句和控制流之上的简单语言;其次，它的变量类型是采用弱类型，并未使用严格的数据类型，变量也不必先声明再引用。上一页下一页返回1.2Web应用程序开发基础④JavaScript具有安全性。它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。⑤

JavaScript的主要特征是实现网页的动态化。它可以直接对用户或客户的输入做出响应，无须经过Web服务程序。它对用户的响应，是采用以事件驱动的方式进行的，直接在客户端完成，不需要传回服务器进行处理，从而能够得到很快的响应效果。上一页下一页返回1.2Web应用程序开发基础⑥JavaScript具有跨平台性。JavaScript依赖于浏览器本身，与操作环境无关，只要计算机上装有支持JavaScript的浏览器就可正确执行。下面介绍JavaScript的调用方法和基本语法。

1.将JavaScript加入网页的两种方法

(1)直接加入HTML文档这是比较常用的方法，大部分的JavaScript脚本都可以采用这种方法。例如:上一页下一页返回1.2Web应用程序开发基础上一页下一页返回

说明:①JavaScript脚本放在<scriptlanguage=“javascript”>...</script>标签之间，也可以写作<scripttype="text/javascript">...</script>标签(W3C的新标准);<scriptlanguage=“javascript”><!--//下而是javascript脚本document.writeln(“Javascript直接插入到HTML中”);--></script>1.2Web应用程序开发基础②HTML的注释标签<!--…-->，当浏览器不支持JavaScript语言时，可以隐藏此段代码，而不会以文本方式将脚本显小在浏览器上;③“//”是Javascript的行注释语句，JavaScript还支持“/*…*/”多行注释语句;④document.write()函数，表小将括号中的文字输出到浏览器窗口;⑤<script>...</script>标签的位置不是固定的，可以位于<head>...</head>标签之间或<body>...</body>标签之间。上一页下一页返回1.2Web应用程序开发基础(2)引用方式如果已经存在一个JavaScript源文件(扩展名为.js)，则可以采用这种方式，这样可以提高代码的利用率。格式如下:<scriptsrc="script.js”language=“javascript"></script>说明:①src属性值指定JavaScript源文件的存放地址，假设已有一个script.js文件存放在根b录中;②这段语句可以放在HTML文档头部或主体的任何部分。上一页下一页返回1.2Web应用程序开发基础

2.JavaScript的基本数据类型JavaScript中有4种基本的数据类型:数值(整数和实数)、字符串型(用””号或括起来的字符或数值)、布尔型(使True或False)和空值。在JavaScript的基本类型中的数据可以是常量，也可以是变量。JavaScript采用弱类型的形式，一个数据的变量或常量不必首先作声明，而是在使用或赋值时确定其数据的类型。当然也可以先声明该数据的类型，它是通过在赋值时自动说明其数据类型的。上一页下一页返回1.2Web应用程序开发基础(1)常量JavaScript的常量通常又称字面常量，它是不能改变的数据。①整型常量:可以用十六进制、八进制或十进制表示其值。②实型常量:是由整数部分加小数部分表示，如42.67;也可以使用科学记数法，如9.2E3,6e5。③布尔常量:只有两种值True或False。④字符型常量:使用单引号(t)或双引号(”)括起来的一个或多个字符。如“123”、"JavaScript脚本”、"javal23”等。上一页下一页返回1.2Web应用程序开发基础⑤空值:null，表示什么也没有。如试图引用没有定义的变量，则返回一个null值。⑥特殊字符:同C语言一样，JavaScript中同样有以反斜杠(/)开头的不可显示的特殊字符，通常称为控制字符。(2)变量JavaScript中的变量名必须以字母开头，中间可以出现数字如testl,text2等。除下画线“_”作为连字符外，变量名称不能有空格、“+’’、“一”、“、”或其他符号，也不能使用JavaScript中的关键字。变量可以不作声明，而在使用时根据数据的类型来确定其变量的类型，例如:上一页下一页返回1.2Web应用程序开发基础M=456;S="javascript”;变量可以用命令var作声明，例如:varname;varname="abc”，password="123”;使用var关键字对变量作声明的最大好处是能及时发现代码中的错误。因为，JavaScript采用动态编译方式，不易发现代码中的错误。上一页下一页返回1.2Web应用程序开发基础在JavaScript中同样有全局变量和局部变量。全局变量是定义在所有函数体之外，其作用范围是整个函数;而局部变量是定义在函数体之内，只对该函数是可见的，而对其他函数则是不可见的。3.事件驱动及事件处理JavaScript采用事件驱动机制对用户输入做出响应。在图形界面的环境下，通常鼠标或热键的动作被称之为事件;由鼠标或热键引发的一连串程序的动作，称之为事件驱动;对事件进行处理程序或函数，则称之为事件处理程序。上一页下一页返回1.2Web应用程序开发基础(1)事件处理程序事件处理程序的定义格式如下:Function事件处理名(参数表){事件处理语句集;…}(2)事件驱动主要有以下几个事件。上一页下一页返回1.2Web应用程序开发基础事件驱动①onClick单击事件:当用户单击时，触发onClick事件。通过在button,checkbox,radio,resetbuttons,submitbuttons等对象中产生。②onChange改变事件:在text,textarea不IIselect对象中，当字符值改变时触发该事件。③onSelect选中事件:当text或textarea对象中的文字被选中后，触发该事件。④onFocus获得热点事件:当用户单击text,textarea和select对象时，产生该事件。此时该对象成为前台对象。上一页下一页返回1.2Web应用程序开发基础⑤onBlur:失去热点:当text,textarea和select对象不再拥有热点而退到后台时，触发该事件，它与onFocus事件是相对应的。⑥onLoad载入文件:当文档加载时，触发该事件。onLoad有个作用就是在首次载入一个文档时检测cookie的值，并用一个变量为其赋值，使它可以被源代码使用。⑦onUnload卸载文件:当Web页面退出时触发onUnload事件，并可更新cookie的状态。下面看一个事件驱动及事件处理的例子。上一页下一页返回1.2Web应用程序开发基础代码如下：<html><head><title>事件驱动及事件处理</title><scriptlanguage='javascript”>functionload(){alert(“欢迎进入网站!”）}</script></head>上一页下一页返回1.2Web应用程序开发基础<bodyonLoad=“load()”></body></html>说明:页面加载时，触发onLoad事件的load()函数。4.对象的基础知识JavaScript不是一个纯面向对象的语言，它没有提供面向对象语言的许多功能。JavaScript语言是基于对象的，它具有一些面向对象的基本特征，可以根据击要创建自己的对象，还有自己的以原型对象为基础的继承机制。JavaScript中的对象是由属性和方法两个基本元素构成的。一个对象在被引用之前，这个对象必须存在，否则将出现错误信息。在JavaScript中提供了下列几个用于操作对象的语句、关键字及运算符。上一页下一页返回1.2Web应用程序开发基础(1)For…in语句该语句的功能是用于对己知对象的所有属性进行操作的控制循环。格式:For(对象属性名in己知对象名)说明:该语句是将一个己知对象的所有属性反复置给一个变量;而不是使用计数器去实现。使用该语句时无需知道对象中属性的个数即可进行操作。上一页下一页返回1.2Web应用程序开发基础（2）with语句在该语句体内，任何对变量的引用都被认为是这个对象的属性，以节省一些代码。格式:withobject{…}(3)this关键字

this是对当前的引用，在JavaScript中由于对象的引用是多层次、多方位的，往往一个对象的引用又击要对另一个对象的引用，而另一个对象有可能又要引用别的对象，这样有上一页下一页返回1.2Web应用程序开发基础可能造成混乱，最后自己也不知道现在要引用的是哪一个对象，为此JavaScript提供了一个用于将对象指定当前对象的语句this。(4)new运算使用new运算符可以创建一个新的对象。格式:Newobject=newobject(Parameterstable)，说明:其中Newobject是创建的新对象;object是已经存在的对象;parameterstable是对象创建时引用的参数表;new是JavaScript中的命令语句。上一页下一页返回1.2Web应用程序开发基础例如创建一个日期新对象的格式为:newData=NewData()birthday=NewData(January5.2009）之后就可使newData,birthday作为一个新的日期对象了。5.常用内部对象JavaScript提供了一些非常有用的常用内部对象和方法。用户不击要用脚本来实现这些功从而为编程人员快速开发强大的脚本程序提供了非常有利的条件。上一页下一页返回1.2Web应用程序开发基础(1)String对象String对象具有内部静态性，访问属性和方法时，使用“.”运算符。格式:objectName.属性/方法String对象有一个属性length，它表明了字符串中的字符个数，包括所有符号。例如:mytest="ThisisaJavaScript"mystringlength=mytest.length最后mystringlength返回mytest字串的长度为20。String对象主要用于有关字符串在Web页面中的显示、字体大小、字体颜色、字符的搜索以及字符的大小写转换。下面介绍其主要方法。上一页下一页返回1.2Web应用程序开发基础①锚点anchor():该方法在对象字符串的两端放置一个具有name属性的html标记。其调用格式为:string.anchor(anchorName)。②有关字符显示的控制方法:big()大字体显示，Italics()斜体字显示，bo1d（）粗体字显示，blink()字符闪烁显示，small()小体字显示，fixed()固定高亮字显示、fontsize(size)控制字体大小等。③字体颜色方法:fontcolor(color)。上一页下一页返回1.2Web应用程序开发基础④字符串大小写转换:toLowerCase（）小写换;toUpperCase（）大写转换。⑤字符搜索index0f[charactor,fromIndex]:从指定formIndex位置开始搜索charactor第一次出现的位置。⑥返回字串的一部分字串substring(start,end):从start开始到end的字符全部返回。（2)Math对象Math对象提供除加、减、乘、除以外的一些运算，如对数，平方根等，它属于静态对象。上一页下一页返回1.2Web应用程序开发基础Math对象的主要属性有:E属性(常数)、LN10属性(