脚本语言与动态网页设计教材全套课件教学教程整本书电子教案全书教案课件.ppt

,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,脚本语言与动态网页设计（第,2,版）,第一章动态网页基础,第1章 动态网页基础,1.1 Web,基础,1.2 ASP,概述,1.3 ASP,的运行,本章学习目标,Web,基本概念及工作原理,静态网页与动态网页的概念及执行过程,ASP,的特点及,ASP,文件的基本结构,IIS 5.1,的安装与设置,ASP,文件的基本结构和运行方法,1.1,Web,基础,Internet,（因特网）又称为,国际互联网、因特网、网际网或信息高速公路,等，它是将不同地区而且规模大小不一的网络互相连接而成，是当今世界上最大的计算机网络。,1.1.1 Web,概述,Web,（,World Wide Web,或,WWW,，万维网）是世界上最大的电子信息仓库，由众多的,Web,站点组成。,Web,是一种基于,超级链接,（,HyperLink,）技术的分布式的超媒体（,Hypermedia,）系统，是对超文本（,HyperText,）系统的扩充。,利用超级链接技术，,Web,系统将位于不同网络位置的文件建立联系，用户通过单击不同的超级链接就可以方便地访问指定的资源，为用户提供了一种交叉式（而非线性）的访问资源的方式。,1.1.2 Web,工作原理,HTTP,（,Hypertext Transfer Protocol,，超文本传输协议）,是一种非常重要的,WWW,传输协议。它规定了在网络中传输信息的内容以及,Web,客户机与,Web,服务器之间交互的方式。,1.1.2 Web,工作原理,URL,（,Uniform Resource Locator,，统一资源定位符）用于在,Internet,上惟一地标识每个资源地址和获取资源的方式，通常也称为,URL,地址、网站地址或网址。,URL,的一般格式为：,:/:/,文件名,:80/index.html,1.1.3,静态网页与动态网页,静态网页是标准的,HTML,文件，其文件扩展名为,.htm,或,.html,HTML,页面示例,Hello World,！,1.1.3,静态网页与动态网页,HTML,文件是一个,纯文本文件,，可以使用任何一种文本编辑器（如,Windows,中的记事本、写字板等）创建。,任何,Web,服务器都支持静态网页，其,执行过程,如下：,（,1,）当用户在浏览器的地址栏中键入要访问的,URL,地址并回车或单击,Web,页上的某个超级链接时，浏览器向,Web,服务器发送一个页面请求。,（,2,）,Web,服务器接收到这些请求，根据扩展名,.htm,或,.html,判断出请求的是,HTML,文件，然后服务器从当前硬盘或内存中读取正确的,HTML,文件，将它送回用户浏览器。,（,3,）用户浏览器解释这些,HTML,文件并将结果显示出来。,1.1.3,静态网页与动态网页,动态网页中除包含有静态网页中可以出现的内容外，还可以包含只能在,Web,服务器上运行的服务器端脚本。,1.1.3,静态网页与动态网页,动态网页的执行过程如下所示：,（,1,）用户在浏览器地址栏中键入要访问的,URL,地址并回车或单击,Web,页上的某个超级链接时，浏览器将这个动态网页的请求发送到,Web,服务器。,（,2,）,Web,服务器接收这些请求并根据扩展名（例如,.asp,）判断请求的是动态网页文件，服务器从硬盘或内存中读取相应的文件。,（,3,）,Web,服务器将这个动态网页文件从头至尾执行，并根据执行结果生成相应的,HTML,文件（静态网页）。,（,4,）,HTML,文件被送回浏览器，浏览器解释这些,HTML,文件并将结果显示出来。,1.1.4,交互式动态网页实现技术简介,1,CGI,CGI,（,通用网关接口）是外部程序和,Web,服务器之间的标准编程接口。,2,ASP,ASP,（,Active Server Pages,，,活动服务器网页）,由于其应用程序容易开发和修改、功能强大等特点，再加上微软强有力的支持，可以说是时下网站建设最为流行的技术之一。,3,PHP,PHP,（,Hypertext Preprocessor,，,超文本预处理器,）是一种,HTML,内嵌式语言（类似于,ASP,）。,1.1.4,交互式动态网页实现技术简介,4,JSP,JSP,（,Java Server Pages,，,Java,服务器页面）是,Sun,公司推出的网站开发技术，是将纯,Java,代码嵌入,HTML,中实现动态功能的一项技术。,5,ASP.NET,作为微软,.,NET,框架中重要的组成部分,ASP.NET,越来越多地受到开发人员的关注。传统的,ASP,中,ASP,程序和网页的,HTML,标记混合在一起，造成了网页美工设计人员和程序设计人员在相互配合过程中会出现诸多的不便；此外，,ASP,页面的脚本语言是解释执行的，其执行速度较慢。为了克服,ASP,以上的种种限制，微软推出了,ASP.NET,。,1.2,ASP,基础,1.2.1,ASP,的特性点,1.2.2,ASP,程序的基本结构,1.2.1,ASP,的特点,ASP,具有如下几个重要特性：,（,1,）在,ASP,页面中可以包含文本、,HTML,标记、服务器端脚本和客户端脚本命令以及,ActiveX,组件。,Web,服务器只执行,ASP,页面中的服务器脚本，页面中的其它内容被服务器原封不动地发送给客户机浏览器。,（,2,）,ASP,中可以有多种脚本语言，包括,VBScript,和,Jscript,。在安装了相应的脚本引擎后，还可以使用其它脚本语言。,（,3,）,ASP,提供了一些内置对象，使用这些内置对象可以增强,ASP,的功能。例如，实现客户机浏览器与,Web,服务器的交互，在网页间传递参数等功能。,1.2.1,ASP,的特点,（,4,）,ASP,可以使用内置的,ActiveX,组件完成许多重要的功能。例如，借助,ADO,对象，可以轻松地完成对数据库的操作。当然，也可以使用其它第三方提供的组件来完成特定的功能。,（,5,）,ASP,具有一定的安全性。由于,ASP,页面是在服务器端运行的，送到客户机浏览器的是,ASP,的执行结果所生成的,HTML,页面，用户只能得到,HTML,代码而无法获取,ASP,页面源代码。,（,6,）,ASP,是一种解释性语言，服务器只要在使用时对其进行解释执行即可。,1.2.2 ASP,文件的基本结构,ASP,文件中通常包含,HTML,标记、脚本命令和文本三部分的内容。,三部分内容可以组合混杂在,ASP,文件中,HTML,使用标准的,HTML,标记界定,ASP,服务器端脚本命令使用“,”,表示脚本的开始和结束，可以每一行,ASP,语句界定一次，也可以多行语句界定一次。,1.2.2 ASP,文件的基本结构,Hello World!,1.3 ASP,的运行,IIS 5.1,的安装,（,1,）单击“开始”,|“,控制面板”,|“,添加,/,删除程序”，出现“添加,/,删除程序”对话框，在“添加,/,删除程序”对话框中单击“添加,/,删除,Windows,组件”，出现“,Windows,组件向导”对话框,1.3 ASP,的运行,（,2,）在“,Windows,组件向导”对话框中选中“,Internet,信息服务（,IIS,）”，单击“详细信息”按钮,1.3 ASP,的运行,（,3,）选择所需安装的组件，然后按照向导提示操作即可。,安装完成后，通过“开始”,|“,控制面板”,|“,管理工具”,|“Internet,信息服务”菜单，启动“,Internet,信息服务”控制台,1.3.2 IIS 5.1,的设置,1,启动、停止网站,1.3.2 IIS 5.1,的设置,2,设置网站,（,1,）设置网站常规属性。,1.3.2 IIS 5.1,的设置,（,2,）设置网站的主目录。,1.3.2 IIS 5.1,的设置,（,3,）设置应用程序选项。,1.3.2 IIS 5.1,的设置,（,4,）设置网站的默认,Web,页面。,1.3.2 IIS 5.1,的设置,3,创建和设置虚拟目录,（,1,）创建,Web,虚拟目录。,1,）在“,Internet,信息服务”控制台中，鼠标右键单击欲添加虚拟目录的网站。,2,）在弹出的快捷菜单中选取“新建”,|“,虚拟目录”。,3,）出现“新建虚拟目录”向导，单击“下一步”按钮，出现“虚拟目录别名”输入窗口。输入别名后，单击“下一步”按钮,.,1.3.2 IIS 5.1,的设置,（,2,）设置,Web,虚拟目录属性。,在创建虚拟目录后，可以根据需要设置该虚拟目录的属性。修改和设置虚拟目录的属性可以在“,Internet,信息服务”控制台中鼠标右键单击相应的虚拟目录，在弹出的快捷菜单中选择“属性”选项,1.3.3 ASP,的运行,1,如果用户正在,Web,服务器所在的计算机上进行操作，可以在“,Internet,信息服务”控制台中鼠标右键单击相应的,ASP,文件，在弹出的快捷菜单中选择“浏览”选项,1.3.3 ASP,的运行,2,如果用户通过局域网或互联网访问,Web,服务器，需要在客户机浏览器的地址栏中输入正确的,URL,地址,例如：,,网站,IP,地址或域名,/,虚拟目录别名,/,文件名称（包括扩展名）,总结：,Web,基本概念及工作原理,静态网页与动态网页的概念及执行过程,ASP,的特点及,ASP,文件的基本结构,IIS 5.1,的安装与设置,ASP,文件的基本结构和运行方法,Thank You!,脚本语言与动态网页设计（第,2,版）,第二章,Web,网页制作基础,本章学习目标,Web,页面文档的设计方法,网页文本的处理方法,加入多媒体和超级链接的方法,表格的使用,表单的制作,框架的使用,CSS,基础知识,XML,基础知识,2.1.1,HTML,概述,HTML,（,Hyper Text Markup Language,，,超文本标记语言）的缩写，最早源于,SGML,语言（,Standard General Markup Language,，,标准通用化标记语言），是由,Web,页面的发明者,Tim Berners-Lee,和同事,Daniel W.Connolly,于,1990,年创立的一种新颖的标记式语言，它是,SGML,的应用。,到,90,年代后期，由于网络的飞速发展，使得,HTML,也达到了空前的繁荣，在,WWW,革命中扮演了核心技术的角色。,2.1.2,HTML,文档的结构,HTML,语言的基本结构：,头部信息,正文部分,2.1.2,HTML,文档的结构,2.1.3,HTML,标记,1,HTML,文档标记,格式：,功能：标志文档开始和结尾的标记。,2,HTML,文件头标记,格式：,功能：用于包含文件的基本信息。,3,HTML,文件主体标记,格式：,功能：文件主体标记。,2.1.4,常用,HTML,编辑工具,使用,HTML,编辑器可以很容易的设计精彩的网页，实际上，任何一个文档编辑器都是,HTML,编辑器，这也是网页制作之所以流行的一个原因。,HTML,作为最基本的网页编辑语言，能够实现网页的各种效果。但是，它毕竟是一种语言，需要记住一些标记。,2.2.1,设置,的属性,作为网页的主体部分，有很多的内置属性，这些属性用于设定网页的总体风格。例如，定义页面的背景图像、背景颜色、文字颜色以及超文本链接颜色等，主要属性如表,2-1,所示。,标记属性,功能,background=URL,设置网页的背景图片,bgcolor=colorvalue,设置网页的背景颜色,text=colorvalue,设置文本的颜色,link=colorvalue,设置尚未被访问过的超文本链接的颜色，默认为蓝色,vlink=colorvalue,设置已被访问过的超文本链接的颜色，默认为紫色,alink=colorvalue,设置超文本链接在被单击的瞬间的颜色，默认为红色,bgproperties=fixed,设置背景是否随滚动条滚动,leftmargin=size,设置网页左边的空白,topmargin=size,设置网页上方的空白,margingwidth=size,设置网页空白的宽度,marginheight=size,设置网页空白的高度,表,2-1,BODY,标记属性值,2.2.2,段落格式化,1,标题标记,格式：,，,功能：设置各种大小不同标题的标记。,2,段落标记,格式：,功能：设置段落标记。,3,预定义格式标记,格式：,功能：在浏览器中浏览时，按照文档中预先排好的形式显示内容。,2.2.2,段落格式化,4,分区显示标记,格式：,功能：分区显示标记。,5,换行标记,格式：,功能：强制换行。,6,水平线标记,格式：,功能：插入水平线标记。,7,注释标记,格式：,功能：注释标记。,标题标记,标题示例！,hello world!,hello world!,hello world!,hello world!,hello world!,hello world!,标题标记,预定义格式标记,显示,&,lt;p,与,&,lt;pre,的区别,春晓,春眠不觉晓，处处闻啼鸟。,夜来风雨声，花落知多少。,春晓,春眠不觉晓，处处闻啼鸟。,夜来风雨声，花落知多少。,预定义格式标记,水平线标记,标记属性,功能,align=alignstyle,设置对齐方式。,alignstyle,的取值为：,left,，,right,，,center,size=size,设置线条宽度（即高度）,width=size,设置线条长度,color=colorvalue,设置线条颜色，默认为黑色,noshade,设置线条是否有阴影,表,2-2 ,属性值,注释标记,标记的使用,三种标记的使用！,我在中间！,中间,我在左边！,左边,我在右边！,右边,注释标记,2.2.3,建立列表,1,有序列表,格式：,功能：建立有序列表。,2.2.3,建立列表,2,无序列表,格式：,功能：建立无序列表。,2.2.3,建立列表,计算机新书,ASP,程序设计,HTML,网页设计,FrontPage,使用指南,英语新书,外经贸英语,实用英语翻译,朗文英语语法,2.2.3,建立列表,2.2.3,建立列表,3,自定义列表,除了上述两种列表以外，还可以根据需要自定义列表样式。格式为：,2.2.4,字符的格式化,1,字体设置标记,格式：,功能：设置字体格式标记。,标记提供了几种属性，如表,2-3,所示，使用它们可以很容易的设置字体的大小、颜色、字型等。,2.2.4,字符的格式化,标记属性,功能,size=size,设置文字的大小,face=fontstyle,设置字体,color=colorvalue,设置文字的颜色,表,2-3 ,属性值,2.2.4,字符的格式化,我是,&,lt;font,标记！,我是,&,lt;h1,标记！,我是,&,lt;U,标记！,我是,&,lt;S,标记！,我是,&,lt;B,标记！,我是,&,lt;I,标记！,我是,&,lt;BLINK,标记！,2.2.4,字符的格式化,2.3.1,加入图像、视频、动画,1,插入图像,当使用,插入图像时，含有的属性如下表。,标记属性,功能,src=URL,通过,URL,给出图像来源的位置，不可缺省,width=size,设置图像宽度,height=size,设置图像高度,alt=txt,设置在图像未载入前图片位置显示的文字,border=size,设置图像边框，缺省为,0,align=alignstyle,对齐方式。取值：,top,，,middle,，,bottom,，,left,，,right,hspace=size,设置图片左右边沿空白,vspace=size,设置图片上下边沿空白,2.3.1,加入图像、视频、动画,2,插入视频,使用,插入视频或动画时，属性如表。,标记属性,功能,dynsrc=URL,设置多媒体来源位置,loop=size,设置视频播放的次数,loopdelay=time,设置两次播放的间隔时间,start=value,指定何时开始播放视频文件,2.3.2,加入超级链接,格式：,功能：在当前页和其他页间建立超链接。,主要属性如表所示。,标记属性,功能,href=URL,给定链接目标的位置,target=frametarget,设置显示链接目标的框架,accesskey=character,设置快捷键,tabindex=num,设置,Tab,键的顺序,rel=linktype,设置到链接的关系,2.4.1,建立表格,格式：,功能：创建表格。,在浏览器中显示时，表格的整体外观由该标记的属性决定，主要属性如表,2-8,所示。,标记属性,功能,border=size,设置表格边框大小,width=size,设置表格的宽度,height=size,设置表格的高度,cellspacing=size,设置单元格间距,cellpadding=size,设置单元格的填充距,background=URL,设置表格背景图片,bgcolor=colorvalue,设置表格背景色,align=alignstyle,设置对齐方式,cols=size,设置表格的列数,2.4.1,建立表格,2.4.2,定制表格,使用,只是定义空表格，还需要定义行和单元格。,格式：,功能：定义表格的一行。,对于每一行，可以定义行属性。,2.4.2,定制表格,标记属性,功能,bgcolor=colorvalue,设置行背景颜色,align=alignstyle,设置行对齐方式,valign=valignstyle,设置单元格垂直对齐方式,表,2-9 ,中,行的属性,2.4.2,定制表格,格式：,功能：定义表格中的单元格。,对于每一个单元格，主要属性如表所示。,标记属性,功能,bgcolor=colorvalue,设置单元格背景颜色,rowspan=num,设置单元格所占的行数,colspan=num,设置单元格所占的列数,align=alignstyle,设置对齐方式,valign=valignstyle,设置单元格垂直对齐方式,width=size,设置单元格宽度,height=size,设置单元格高度,2.4.2,定制表格,多层表格嵌套实例！,跟我学网页制作,2.4.2,定制表格,基础知识简介,第一讲,HTML,简介,第二讲,HTML,标记,第三讲,CSS,基础,2.4.2,定制表格,HTML,最新课堂,高级应用技术,多层表格嵌套示例,2.4.2,定制表格,2.5.1,表单的结构,在,Web,网页上，包含各式各样的输入表单（,FORM,）。,格式：,功能：定义表单。,在,中要包含很多控件来实现整个表单的交互功能，另外,标记还有很多的属性来协助完成此项功能。,2.5.2,FORM,中常用的标记,1,输入域,（,1,）单行输入域。,格式：,功能：,单一标记，是表单中提供给用户进行输入的一种形式。,标记属性,功能,type=inputtype,设置输入域的类型,name=cdata,设置表项的控制名，在表单处理时起作用（适用于除,submit,和,reset,外的其他类型）,size=num,设置表单域的长度,maxlength=num,设置允许输入的最大字符数（适用于,text,和,password,类型）,value=cdata,设置输入域的值（适用于,radio,和,checkbox,类型）,checked,设置是否被选中（适用于,radio,，,button,，,checkbox,类型）,标记的属性值,2.5.2,FORM,中常用的标记,1,）,text,类型。,2,）,password,类型。,3,）,radio,类型。,4,）,checkbox,类型。,5,）,submit,类型。,6,）,reset,类型。,7,）,hidden,类型。,2.5.2,FORM,中常用的标记,（,2,）多行输入域。,格式为：,功能：定义多行文本输入域。主要属性如表,2-12,所示。,标记属性,功能,name=cdata,设置,FORM,提交的输入信息的名称,rows=num,设置文本域的行数,cols=num,设置文本域的列数,tabindex=num,设置,tab,键的次序,2.5.2,FORM,中常用的标记,2,按钮,定义按钮时，除了可以使用,标记外，还可以使用,标记，此标记为非表单控件的行内标记。,格式：,功能：,定义按钮。,主要属性如表,2-13,所示。,属性值,标记属性,功能,name=cdata,设置已发送表单的关键字,value=cdata,设置已发送表单的值,type=buttontype,设置按钮的类型,tabindex=num,设置,tab,键的次序,2.5.2,FORM,中常用的标记,3,选择域,格式：,选项一,选项二,功能：定义选择栏。,属性值,标记属性,功能,name=cdata,设置选择栏的名字,size=num,设置在选择栏中一次可见的选项个数,multiple,设置选项栏是否支持多选,属性值,标记属性,功能,value=cdata,设置选项的默认值,selected,表示此选项为预置项,2.5.2,FORM,中常用的标记,选择域,!,请选择喜欢的颜色,:,红色,蓝色,绿色,黑色,白色,紫色,2.6.1,框架结构的文件格式,2.6.2,框架结构标记的使用,格式：,功能：定义一个框架容器。主要属性见表。,标记属性,功能,rows=size,设置多重框架的高度,cols=size,设置多重框架的宽度,onload=script,设置框架被载入的事件,onunload=script,设置框架被卸载的事件,2.6.3,FRAME,标记,格式：,功能：在网页中定义框架。,FRAME,是一个单一标记，使用时放在,FRAMESET,的开始和结束标记之间。它有,6,个属性来描述每个子窗口的风格，属性值的功能如表所示。,主要属性值,标记属性,功能,src=URL,设置要链接到的,HTML,文件,name=framename,表示子窗口的名字,marginheight=size,用来控制显示内容和窗口上下边界的距离，默认为,1,scrolling=scrollingstyle,指定子窗口是否使用滚动条，有,YES/NO/AUTO,三个值，默认为,AUTO,，,即根据窗口内容决定是否有滚动条,noresize,使用该属性后，指定窗口不能调整窗口大小,2.6.4,TARGET,属性的使用,1,用于,A,标记,在,A,标记中，除了指定被链接的文件之外，还可以用,TARGET,属性指定被链接的文件显示在哪个子窗口。语法如下：,A HREF=TARGET=WINDOWS_NAME,2,用于,BASE,标记,如果在同一个文件中有多个链接都指向同一个子窗口，那么使用,BASE,语句将更简单。语法如下：,BASE TARGET=WINDOWS_NAME,3,用于,FORM,标记,如果想把提交表单的结果放在指定的窗口，可以在,FORM,标记中使用,TARGET,属性。,FORM ACTION=TARGET=WINDOWS_NAME,2.6.4,TARGET,属性的使用,2.6.4,TARGET,属性的使用,2.7,CSS,基础,2.7.1,CSS,样式简介,2.7.2,CSS,样式表的定义,2.7.3 在,HTML,中加入,CSS,的方法,2.7.1,CSS,样式简介,CSS,样式,CSS,样式文本！,arial,，,12pt,，,normal,，,blue,！,2.7.1,CSS,样式简介,2.7.2,CSS,样式表的定义,1,通过,HTML,标记定义,2,用,id,属性定义样式表,3,使用,class,定义样式表,2.7.2,CSS,样式表的定义,css,实例,CSS,基础,定义,HTML,标记样式表,2.7.2,CSS,样式表的定义,2.7.2,CSS,样式表的定义,使用,class,方法定义,P,使用,id,方法定义,FONT,！,2.7.2,CSS,样式表的定义,2.7.3,在,HTML,中加入,CSS,的方法,1,嵌入式样式表,2,内联式样式表,3,外联式样式表,4,输入式样式表,2.7.4,网页布局的方法,1,通过表格来布局,2,通过,DIV,与层叠样式表,CSS,布局,3,通过框架来布局,2.8 XML,基础,XML,简介,XML,文档的结构,XML,语法规则,XML,元素和属性的对比,XML,在,HTML,中的应用,2.8.1 XML,简介,XML,（,Extensible Markup Language,，可扩展标记语言）类似于,HTML,，是一种纯文本标记语言，可以被任何纯文本处理器编辑。,HTML,的设计目的是显示数据，它关心的是数据的布局和外观，而,XML,的设计目的是传输和存储数据，对数据进行结构化，其关心的是数据的内容。,XML,通常用于简化,Web,开发中的数据存储和交换。,2.8.2 XML,文档的结构,.,2.8.2 XML,文档的结构,你好！很高兴认识你！,tom,peter,我发了一份文件给你，稿件文档请详见附件。,localhost/wenjian/document.doc,2.8.2 XML,文档的结构,2.8.3 XML,语法规则,XML,文档标记对大小写敏感,元素的开始标记和结束标记必须成对出现,XML,元素的属性取值必须用引号括起来,元素名称可以随意定义，但是也要遵循一些命名规则,标记名称可以包含字母、数字以及其他字符，但是不能以数字或者标点符号开头，也不能以特殊保留字符（如“,xml”,）开头，并尽量避免使用“,-”,、“,.”,、“,:”,等容易产生歧义的字符，名称中也不能包含空格,2.8.4 XML,元素和属性的对比,在,XML,文档中应尽量使用元素来描述数据，仅使用属性来提供与数据无关的信息。,2013,9,15,.,2.8.5 XML,在,HTML,中的应用,是,HTML,标记不是,XML,元素，,HTML,表格内部的,span,元素使用,datafld,属性和相应的,XML,元素相互绑定。也可以将,XML,元素单独存在一个文件中，然后使用,标记引入外部文件，如果要绑定到表格上，使用表格的,datasrc,属性标出使用的数据源是哪一个。,具体实例见书中。,总结：,Web,页面文档的设计方法,网页文本的处理方法,加入多媒体和超级链接的方法,表格的使用,表单的制作,框架的使用,CSS,基础知识,XML,基础知识,Thank You!,脚本语言与动态网页设计（第,2,版）,第三章,VBScript,脚本语言,本章学习目标,VBScript,服务器端脚本和客户端脚本语言的概念,VBScript,的基本特点,VBScript,的基本数据类型、运算符和表达式,VBScript,条件控制语句、函数和子过程,VBScript,对象和事件处理,3.1,VBScript,脚本语言概述,3.1.1 服务器端脚本和客户端脚本,3.1.2,VBScript,脚本语言编程实例,3.1.3,VBScript,和,JavaScript,3.1.1,服务器端脚本和客户端脚本,制作网页时，可以使用,HTML,标记来组织,Web,页面上的静态信息，例如，显示文本、制作表格、加入多媒体与超级链接、制作表单及生成框架结构等。,VBScript,是,Microsoft Visual Basic Scripting Edition,的简称，是一种,Script,脚本语言。,目前比较流行的脚本语言有两种：,VBScript,和,JavaScript,。,服务器端脚本,在,ASP,中编写服务器端脚本的方法有两种：一是使用分隔符,将脚本括起来。下面的例子是使用分隔符,编写的服务器端脚本程序。,服务器端脚本,3.1.1,服务器端脚本和客户端脚本,Sub Welcome,For i=1 To 2,Response.Write,欢迎使用,VBScript,脚本语言！,Next,End Sub,3.1.1,服务器端脚本和客户端脚本,3.1.2,VBScript,脚本语言编程实例,2,客户端脚本,在动态网页设计中，必须把客户端脚本的代码写在,和,标记之间，并将其嵌入到,HTML,页面中去。,脚本代码以,开头，以,结束，其一般形式如下：,3.1.2,VBScript,脚本语言编程实例,标记主要有,3,个属性，它们的意义如下：,l,LANGUAGE,：,指定使用哪一种脚本语言，不同的浏览器支持的脚本语言是不一样的，例如,Microsoft Internet Explorer,可以解释并执行,VBScript,语言和,JavaScript,语言，,而,Netscape,只支持,JavaScript,语言。,l,EVENT,：,指定与此段脚本相关联的事件。,l,FOR,：,指定与事件相关联的对象。,3.1.2,VBScript,脚本语言编程实例,3.1.2,VBScript,脚本语言编程实例,请输入,10,到,30,之间的数字：,（,a,）,（,b,）,（,c,）,3.1.2,VBScript,脚本语言编程实例,3.1.3,VBScript,和,JavaScript,在,ASP,中的缺省语言是,VBScript,。,脚本语言的设置方法主要有：,在,IIS,中设定。,在网页中指定脚本语言，可以利用如下格式设置脚本语言为,VBScript,：,注意,：在,%,、,之间有空格，并且该语句要在任何一个命令之前使用。,利用,设定脚本语言，例如：,相关性能,VBScript,JavaScript,程序格式,嵌入到,HTML,中,嵌入到,HTML,中,数据类型,采用复合的单一变量类型，使用,DIM,定义后使用,采用松散数据类型，变量不用定义可直接使用,对象概念,无法自定义对象类型，使用系统对象，无类和继承的概念，可定义函数过程和子程序过程,无法自定义对象类型，使用系统对象，无类和继承的概念，只能定义函数,执行方式,有浏览器内部虚拟机处理,有浏览器内部虚拟机处理,安全性,安全性高，严禁写入磁盘,安全性高，严禁写入磁盘,VBScript,和,JavaScript,性能比较,3.2,基本数据类型及输入输出,3.2.1 将单行语句分成多行,3.2.2 在代码中加注释,3.2.3 使用不同进制的数字,3.2.4 数据类型及其子类型,3.2.5 变量,3.2.6 常量,3.2.7 数组,3.2.8 基本输入输出,3.2.1,将单行语句分成多行,Sub ShowMessage,strExmp=,欢迎您光临本网站，,&_,您可以浏览最新图书信息，,&_,如果您有什么意见和建议，请来信！,MsgBox strExmp,End Sub,Call ShowMessage,3.2.1,将单行语句分成多行,3.2.2,在代码中加注释,注释语句有两种形式，一种是使用,Rem,语句，,Rem,后的文本是对程序的注释；另一种是采用西文单引号“,”，即以撇号作为注释的开始。,注释的一般格式为：,格式一：,Rem,注释内容,格式二：,注释内容,或,语句注释内容,3.2.3,使用不同进制的数字,在,VBScript,中，除了可以使用默认的十进制来表示数字外，还允许使用十六进制或八进制来表示数字。对于不同进制的数，,VBScript,在表达方式上有明确规定，即十六进制数要加前缀,H,（,如,H9,），,八进制数要加前缀,0,（数字零）或,&,O,（,字母,O,）（,如,011,或,&,O11,），,十进制数不用加任何前缀。,3.2.4,数据类型及其子类型,续表,3.2.4,数据类型及其子类型,3.2.5,变量,1,变量命名规则,变量用变量名来区分。在,VBScript,中，变量命名必须满足以下条件：,l,变量的名字必须以字母开头。,l,名字中不能含有句号。,l,名字不能超过,255,个字符。,l,名字不能和,VBScript,中的关键字同名。,l,变量名在被声明的作用域内必须惟一。,3.2.5,变量,2,声明变量,VBScript,声明变量时有两种不同的方式，一种是不用声明变量，直接使用，称为隐式声明；另一种方式是像其他语言一样先声明变量后使用，称为显式声明。,（,1,）隐式声明方式。,（,2,）显式声明方式。,Dim studentAge,Dim teacherAge,，,workerAge,studentAge=22,teacherAge=35,workerAge=40,子类型,前,缀,示,例,子类型,前,缀,示,例,Integer,Int,IntYear,Long,Lng,LngNumber,Currency,Cur,CurMoney,Single,Sng,SngSalary,Double,Dbl,DblPopulation,Byte,Byt,BytCharacter,Boolean,Bln,BlnRetired,String,Str,StrName,Date(Time),Dtm,DtmSystem,Object,Obj,ObjTemp,子类型前缀,3.2.5,变量,3,变量的作用域,变量的作用域指的是变量的有效范围，因为变量被声明后不是在任何地方都可以被使用的，在作用域内可以使用变量，在作用域外变量则不可见。,3.2.5,变量,3.2.5,变量,3.2.6,常量,1,文字常量,（,1,）字符串常量：,（,2,）数值常量：,（,3,）日期时间型常量：,3.2.6,常量,2,符号常量,在,VBScript,中，可以通过关键字,Const,定义符号常量。,常量名称,常量含义,True,表示布尔真值,False,表示布尔假值,Null,表示空值,Empty,表示没有初始化之前的值,vbCr,表示回车,vbCrLf,表示回车,/,换行,vbTab,表示制表符,3.2.7,数组,VBScript,中的数组有以下几个特点：,l,使用数组之前要先进行定义，然后才能使用。通常用,Dim,语句来定义数组。,l,数组下标的下界一律从,0,开始。,l,一个数组中可以含有各种子类型的数据元素。,3.2.7,数组,1,静态数组,静态数组可分为一维数组、二维数组或多维数组。数组的维数和大小由数组名之后紧跟的括号中的数字的个数和数值的大小来决定。静态数组在编译时开辟内存区，因此它的大小在运行时是不可以改变的。例如，定义一个一维数组,arrStudent(3),：,Dim arrStudent(3),3.2.7,数组,2,动态数组,动态数组是运行时大小可变的数组。当程序没有运行时，动态数组不占内存，在程序运行时才为其开辟内存区。,动态数组的定义一般分两步：首先用,Dim,语句声明一个括号内不包含下标的数组，然后在使用数组之前用,ReDim,语句根据实际需要重新定义下标值。也可以用,ReDim,语句直接定义数组。,ReDim,语句的格式为：,ReDim Preserve,变量,(,下标,),3.2.8,基本输入输出,1,消息对话框,消息对话框的使用是很方便的，它的一般格式如下：,MsgBox(prompt,buttons,title,helpfile,context),buttons,参数常用的设置值,常数,值,描述,vbOKOnly,0,只显示,OK,