第7章网络语言基础.ppt

1、第7章 网络语言基础,7.1 课堂理论讲授 7.2 课堂实践(高级操作) 习题7,7.1 课堂理论讲授,7.1.1 HTML语言 HTML的全称为HyperText Markup Language，即超文本标记式语言，是一种为普通文件中某些字句加上标记的语言，其目的在于运用标记(tag)使文件达到预期的显示效果。在HTML网页中可插入图形、图像、电影、声音、JavaApplet、JavaScript、VBScript、动画等，以形成绚丽多彩的动态网页。用HTML编写的网页文件存放在Internet上的Web服务器上，用户通过浏览器就可以访问这些页面。 HTML的格式非常简单，只是由文字及标记组

2、合而成；在编辑方面，任何文字编辑器都可以使用，只要能将文件另存成 ASCII 纯文本格式，扩展名为.htm即可。当然以专业的网页编辑软件为最佳。,1在FrontPage中使用HTML 在FrontPage中使用HTML编写网页，只需在主窗口的左下角单击HTML标签，进入HTML方式，当显示出HTML代码时对其进行编辑即可。关于保存、打开、预览等操作见第6章。 用户通常是在普通方式下进行网页设计的，就像使用Word一样进行插入对象、链接、设置格式等操作。要查看HTML代码，可切换到HTML方式，以观察各种标记的使用方法。对于初学HTML的读者，可以反复切换这两种方式，以快速掌握HTML。,2HT

3、ML的语法特性 1) 标记写法 (1) 任何标记皆由“”所围住，如。 (2) 标记名与小于号之间不能留有空白字符。 (3) 有些标记要加上参数，有些则不必。如 Hello。 (4) 参数只可加于起始标记中。 (5) 在起始标记之标记名前加上符号“/”便是其终结标记，如。 (6) 标记字母大小写皆可。,2) 标记的分类 标记按型态分为围堵标记和空标记。 (1) 围堵标记。顾名思义，它以起始标记及终结标记将文字围住，使其达到预期的显示效果。例如HTML代码： Creation of Webpage is my favourite. 显示成： Creation of Webpage is my fa

4、vourite. 其中 便称为围堵标记。它以起始标记 及终结标记 标示文字Creation of Webpage，令它显示成粗体，两者失其一都会发生错误显示。,(2) 空标记。它是指标记单独出现，只有起始标记没有终结标记。例如HTML 代码： I love Creation of Webpage.Ita wonderful place. 显示成： I love Creation of Webpage. Its a wonderful place. 其中换行标记便属于空标记。空标记的作用是将标记后所有东西显示于下一行，可见终结标记对于它是没有意义的，但有些人会为空标记加上终结标记，这只是为方便阅

5、读而已，对HTML的结构没有影响。,3) HTML基本架构 以下HTML代码便是一份HTML文件的基本架构： 网页的标题 网页的内容，很多标记都作用于此 ,特点解说： (1) 整个文件处于标记与之间。用以声明这是HTML文件，让浏览器认出并正确处理此HTML文件。 (2) 文件分为两部分，由至称为开头，至称为正文。基本上两者各有适用的标记，如只可出现于开头部分。 (3) 开头部分用以加载重要信息，而只有正文部分会被显示。所以大部分标记会运用于正文部分。 (4) 所标示的是文件的标题，它会出现在浏览器顶部，且做为别人收藏此网页时的书签(Bookmark)名称，所以每页有不同而明确的标题是需要的。

6、,4) HTML标记简要说明,表7.1 HTML标记一览,表7.1注解： ：表示该标记属围堵标记，即需要关闭标记，如 。 ：表示该标记属空标记，即不需要关闭标记。 IE：表示该标记只适用于Internet Explorer。 NC：表示该标记只适用于Netscape Communicator。 反对：表示该标记不是全球广域网联盟(W3C，The Word Wide Web Consortium)制定的。通常该标记是IE或NC自定的，但已为众多网页设计者认可。而在HTML标准中有其他同功能或更好的选择。,3HTML应用举例 1) 参数设定 说明如下： ：网页主体标记。被围堵的文字、图片等是网页的

7、主体内容。,参数如下： text=#000000：用以设定文字颜色(#号后加6位十六进制数，表示不同的颜色)。这里#000000代表黑色，亦可以采用颜色的英文名称，即text=black。 link=#0000FF：设定一般文字链接颜色。 alink=#FF0000：设定刚按下时的文字链接颜色。 vlink=#0000FF：设定链接后(被按过)的颜色。 background=bg1.gif：设定背景墙纸。GIF或JPEG 皆可，可以是绝对路径或相对路径。, bgcolor=#FFFFFF：设定背景颜色。当已设定背景墙纸时会失去作用，除非墙纸有透明部分。 leftmargin=2：设定整份文件显

8、示画面的左方边沿空间，单位为像素。(只适用于IE) topmargin=2：设定整份文件显示画面的上方边沿空间。(只适用于IE) bgproperties=fixed：固定背景墙纸，当卷动文字时墙纸不会跟着卷动。(只适用于IE),2) 排版及字体标记的设定 这是第一自然段 这是第一自然段 另起一行 这是新行 这是新段,说明如下： ：注解标记。像很多计算机语言一样，HTML 文件亦提供注解功能。浏览器会忽略此标记中的文字(可以是很多行)而不作显示。 ：段落标记。表示一个自然段的开始和结束。从 HTML 2.0开始已不需要作结尾。 ：自定标记。lang=zh-cn表示采用简体中文字符集。 ：字体标

9、记。设置被围堵的文字的字体和字号。,：水平线标记。Noshade表示设定线条为平面显示；若删去，则呈现阴影或立体效果，这是默认值。color=#00FF00设定线条颜色，默认为黑色。#0000FF代表蓝色，亦可以采用颜色的名称，即text=blue。size=2设定线条厚度，以像素作单位，默认为2。width=70%设定线条长度，可以是绝对值(以像素作单位)或相对值，默认为 100%。align=left设定线条置放位置，可选择left、right和center三种设定值。,：换行标记。强制换行，使文字、图画、表格等显示于下一行。由于浏览器会自动忽略原始码中空白和换行的部分，这使成为最常用的标

10、记之一。因为无论你在原始码中编好了多漂亮的文章，若不适当地加上换行标记或段落标记，浏览器只会将它显示成一大段。 ：加粗标记。设置被围堵的文字为粗体字。 ：斜体标记。设置被围堵的文字为斜体字。 ：下划线标记。为被围堵的文字加下划线。,3) 标题标记 学习HTML 1 学习HTML 2 学习HTML 3 学习HTML 4 学习HTML 5 学习HTML 6,学习HTML 1 学习HTML 2 学习HTML 3 学习HTML 4 学习HTML 5 学习HTML 6,显示结果为：,说明如下： 这些是标题标记，由 至 变粗变大加宽的程度逐渐减小。每个标题标记所标示的字句将独占一行，且上下留一空白行。,4

11、) 表格示例 第一行第一栏 第一行第二栏 第一行第三栏 第二行第一栏 第二行第二栏 第二行第三栏 ,显示结果为：,说明如下： ：表格标记。表示表格的开始和结束。其中，参数width=60%表示设定表格的宽度为60%；cellspacing=0表示设定表格格线厚度为0；cellpadding=2表示设定文字与格线的距离为2；align=CENTER表示设定整个表格居中。另外，valign=TOP表示设定表格内字画等的摆放位置(垂直方向)，可选值为top、middle和bottom；background=myWeb.gif表示设定表格背景图片；bgcolor=#0000FF表示设定表格底色(与ba

12、ckground不要同用)；bordercolor=#FF00FF表示设定表格边框颜色。, ：表行标记。表示行的开始和结束。参数与表格标记基本相同。特有设定水平对齐的参数align=RIGHT，可选值为left, center和right。 ：表栏标记。表示栏的开始和结束。参数与表格标记基本相同。特有的参数height=400设定栏高；colspan=5设定向右打通(合并)的栏数；rowspan=4设定向下打通(合并)的行数。,5) 插入图片示例 说明如下： img：图片标记。参数如下：, src=logo.gif：图片来源，接受 .gif、.jpg及 .png格式，前两者通行已久，后者从19

13、96年开始发展，将来会取代前两者。若图片文件与该HTML文件同处一目录，则只书写文件名称，否则，必须加上正确的路径(相对及绝对皆可)。 width=100 height=100：设定图片大小，此宽度、高度一般采用pixels作单位。通常只设为图片的真实大小以免失真。若要改变图片大小，最好事先使用图像编辑工具。 hspace=5 vspace=5：设定图片边沿空白，以免文字或其他图片过于贴近。hspace 是设定图片左右的空间，vspace则是设定图片上下的空间，高度采用pixels作单位。, border=2：设定图片边框厚度。 align=top：调整图片旁边文字的位置，可以控制文字出现在图

14、片的偏上方、中间、底端、左右等，可选值为top、middle、bottom、left和right，默认为bottom。Netscape还支持texttop、baseline、absmiddle和absbottom。texttop表示图片和文字依顶线对齐，baseline表示图片对齐到目前文字行底线值，absmiddle表示图片对齐到目前文字行绝对中央，absbottom表示图片对齐到目前文字行绝对底部(绝对底部是指它考虑到y、g、q等字的下缘)。, alt=Logo of PenPals Garden：这是用以描述该图形的文字。若用户使用文字浏览器(不支持图片)浏览，这些文字会代替图片而被显示

15、。对于支持图片显示的浏览器，当鼠标移至图片上时，此文字亦会显示。 lowsrc=pre_logo.gif：设定先显示低分辨率图片。若所插入的是一张很大的图片，下载时间很长，这张低分辨率图片会先被显示，以免浏览者失去兴趣，通常是原图片灰阶版本。,6) 链接示例 去搜狐看看 说明如下： :链接标记。设置被围堵的文字或图片的超级链接。参数如下： href=：设定链接到一个网站或一个HTML文档(如href=index.html)。如是一个文档，必须加上正确的路径(相对及绝对皆可)。, target=_blank：设定链接被按下后所要显示的窗口形式。主要形式如下： * target=_blank 或t

16、arget=new：将链接的画面内容显示在新的浏览视窗中。 * target=_parent：将链接的画面内容显示在父一级的框架或包含该链接的窗口中。 * target=_self：将链接的画面内容显示在同一框架或目前视窗中(默认值)。 * target=_top：将框架中链接画面内容显示在没有框架的视窗中(即除去了框架)。,7) 背景音乐示例 说明如下： ：背景音乐标识。参数如下： src=your.mid：设定 midi 文件名称及路径(相对及绝对皆可)。 autostart=true：是否在音乐播放完之后，自动重播音乐。其中，true表示是，false表示否(默认值)。 loop=inf

17、inite：是否自动反复播放。LOOP=2表示重复两次，infinite表示重复多次。,7.1.2 Java语言介绍 Java是SUN公司于1995年开发的新一代编程语言，它可以用在各种不同的机器、操作系统的网络环境中进行开发。不论你使用哪种浏览器或者使用哪种操作系统(Windows、Unix等等)，只要浏览器支持Java，你就可以看到生动的主页。Java正在逐步成为Internet应用的主要开发语言，它彻底改变了应用软件的开发模式，为迅速发展的信息世界增添了新的活力。,在Java出现以前，Internet上的信息内容都是一些乏味死板的HTML文档。这对于那些迷恋于Web浏览的人们来说简直难以

18、容忍。他们迫切希望能在Web中看到一些交互式的内容，开发人员也希望能够在Web上创建一类无需考虑软硬件平台就可以执行的应用程序，当然这些程序还要有极大的安全保障。对于用户的这种要求，传统的编程语言显得无能为力，而SUN公司的工程师敏锐地察觉到了这一点，Java便应运而生。,Java是一种简单的、面向对象的、分布式的、解释的、健壮的、安全的、结构的、中立的、可移植的、性能优异的、多线程的动态语言。 Java的开发环境有不同的版本，如SUN公司的Java Developers Kit，简称JDK。后来微软公司推出了支持Java规范的Microsoft Visual J+ Java开发环境，简称 V

19、J+。,1Java的特点 1) 平台无关性 平台无关性是指Java能运行于不同的平台。Java引进虚拟机原理，并运行于虚拟机，从而使用Java编写的程序能在世界范围内共享。Java的数据类型与机器无关，Java虚拟机(Java Virtual Machine)建立在硬件和操作系统之上，可实现Java二进制代码的解释执行功能，提供与不同平台的接口。,2) 安全性 Java的编程类似于C+，学习过C+的读者能很快掌握Java的精髓。Java舍弃了C+的指针对存储器地址的直接操作，程序运行时，内存由操作系统分配，这样可以避免病毒通过指针侵入系统。Java对程序提供了安全管理器，能够防止程序的非法访问

20、。,3) 面向对象 Java吸取了C+面向对象的概念，将数据封装于类中，利用类的优点，实现了程序的简洁性和便于维护性。类的封装性、继承性等有关对象的特性，使程序代码只需一次编译，然后通过上述特性反复利用。程序员只需把主要精力用在类和接口的设计和应用上。Java提供了众多的一般对象的类，通过继承即可使用父类的方法。在Java中，类的继承关系是单一的非多重的，一个子类只有一个父类，子类的父类又有一个父类。Java提供的Object类及其子类的继承关系如同一棵倒立的树形，根类为Object类，Object类功能强大，经常会使用到它及其他派生的子类。,4) 分布式 Java建立在扩展TCP/IP网络平

21、台上。库函数提供了用HTTP和FTP协议传送和接受信息的方法。这使得程序员使用网络上的文件与使用本机文件一样容易。 5) 健壮性 Java致力于检查程序在编译和运行时的错误。类型检查可检查出许多开发早期出现的错误。Java自己操纵内存减少了内存出错的可能性。Java还实现了真数组，避免了覆盖数据的可能。这些功能特征大大提高了开发Java应用程序的周期。Java提供Null指针检测、数组边界检测、异常出口及Byte code校验。,2Java与C/C+语言 Java提供了一个功能强大语言的所有功能，且几乎没有一点含混特征。尽管C+安全性不好，但C和C+还是容易被大家接受。所以，Java设计成C+

22、形式，让大家很容易学习。 Java去掉了C+语言的许多功能，让Java的语言功能很精炼，并增加了一些很有用的功能，如自动收集碎片。,Java去掉了的C和C+功能是：指针运算、结构、typedefs、#define。 Java需要释放内存，这将减少平常出错的50%；而且Java很小，整个解释器只需215 K的RAM。 Java实现了C+的基本面向对象技术并有一些增强(为了语言简单，删除了一些功能)。Java处理数据的方式与用对象接口处理对象数据的方式一样。,3Java与Internet 我们知道，早先的WWW仅可以传送文本和图片，而Java的出现实现了互动的页面，是一次伟大的革命。 Java并不

23、是为 Internet和WWW而设计的，它也可以用来编写独立的应用程序。Java 是一种面向对象语言。Java 语言类似于C+ 语言，所以已熟练掌握 C+语言的编程人员，再学习 Java 语言就容易得多。Java程序需要编译。实际上有两种 Java 程序：一种是 Java 应用程序，它是一个完整的程序，如Web浏览器；另一种是 Java 小应用程序(Java Applet)，它是运行于 Web 浏览器中的一个程序。,Java程序和它的浏览器HotJava，提供了可让你的浏览器运行程序的方法。你能从你的浏览器里直接播放声音。你还能播放页面里的动画。Java还能告诉你的浏览器怎样处理新的类型文件。

24、当我们能在2400 baud线上传输视频图像时，HotJava将能显示这些视频。,当今Internet的一大发展趋势是电子商务，而Internet的安全问题是必须解决的问题，通常大的部门应设置防火墙，阻止非法侵入。传统的编程语言难以胜任电子商务系统，电子商务要求程序代码具有基本的要求，即安全、可靠，同时要求能与运行于不同平台的机器的全世界客户开展业务。Java以其强安全性、平台无关性、硬件结构无关性、语言简洁、面向对象等特点，在网络编程语言中占据着无可比拟的优势，成为实现电子商务系统的首选语言。 Java程序被放置在Internet服务器上，当用户访问服务器时，Java程序被下载到本地的用户机

25、上，由浏览器解释运行。,4应用或禁用Java小程序 Java小程序(Java Applet)是运行于 Web 浏览器中的一个程序，包含完成某特定任务的计算机指令序列。出于安全考虑，在浏览器中可以设置是否应用Java 小程序。 这里以Internet Explorer(简称IE)为例说明其操作步骤。启动IE后，单击“工具”菜单中的“Internet选项”命令，弹出“Internet选项”对话框；在对话框中选择“安全”标签，单击“自定义级别”按钮，弹出“安全设置”对话框；在“安全设置”对话框的“设置”列表框中，选择“脚本”项，然后选择“启用”或“禁用”Java小程序脚本；单击“确定”按钮，关闭“安

26、全设置”对话框；单击“确定”按钮，关闭“Internet选项”对话框。,Microsoft FrontPage 允许你将站点设置为与特定的浏览器及技术兼容。如果你启用或禁止Java小程序，或者你将站点设置为与不支持Java小程序的浏览器兼容，在创作时，FrontPage 菜单上有关插入或使用Java小程序的命令将无效(也就是说，它们会变成灰色)。其具体操作方法如下： (1) 单击“工具”菜单中的“网页选项”命令，然后单击“兼容性”选项卡。 (2) 要启用或禁止Java小程序，选择或清除“Java小程序”复选框即可。,5添加Java小程序 Java小程序运行在浏览器中，那么就需要将其插入到HTM

27、L文档之中，其操作步骤如下： (1) 从SUN的站点 Developers Kit)，即Java开发工具包，其中包括Java编译器，并且提供了一些实用程序和Applet示例。 (2) 安装JDK。,(3) 编写Java Applet，可用EDIT或Windows Notepad建立Java源程序，扩展名为java，如javanow.java。有关Java Applet的具体编程方法，请参阅相关书籍；也可从网站下载Java Applet。 (4) 用Java编译器(javac.exe)将源文件转换为虚拟机代码(计算机能执行的01字符串)类文件，扩展名为class。例如： c:javajavac

28、javanow.java javac启动编译器，编译器则编译命令行中指定的源文件，生成同名文件javanow.class。,(5) 在HTML中放入标记，在参数中放入class文件， 例如： (6) 用浏览器打开HTML文档，浏览器将执行类(class)文件内的虚拟机代码。,7.1.3 其他网络语言 1JavaScript简介 JavaScript是由Netscape公司开发并随Navigator(导航者)一起发布、介于Java与HTML之间、基于对象事件驱动的编程语言，正日益受到全球的关注。因它的开发环境简单，不需要Java编译器，而是直接运行在Web浏览器中的，所以备受Web设计者的喜爱。

29、,1) 什么是JavaScript JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。什么是脚本呢？其实脚本是由一系列的脚本命令所组成的，如同一般的程序，脚本可以将一个值赋给一个变量，可以命令 Web 服务器发送一个值到客户浏览器，还可以将一系列命令定义成一个过程。脚本语言是一种介乎于 HTML 和诸如 Java、Visual Basic、C+等编程语言之间的一种特殊的语言，尽管它更接近后者，但它却不具有编程语言复杂、严谨的语法和规则。使用JavaScript的目的是与HTML超文本标记语言、Java 脚本语言(Java小程序)一

30、起实现在一个Web页面中链接多个对象，与Web客户交互作用，从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择。,2) JavaScript的特点 JavaScript主要有以下特点： (1) 它是一种脚本编写语言。JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其他脚本语言一样，JavaScript同样是一种解释性语言，它提供了一个易开发过程。它的基本结构形式与C、C+、VB、Delphi十分类似。但它不像这些语言一样需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标

31、识结合在一起，从而方便用户的使用操作。,(2) 它是基于对象的语言。JavaScript是一种基于对象的语言，同时也可以看做是一种面向对象的语言。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 (3) 简单性。JavaScript的简单性主要体现在：首先，它是一种基于Java基本语句和控制流之上的简单而紧凑的设计，从而对于学习Java是一种非常好的过渡；其次，它的变量类型采用的是弱类型，并未使用严格的数据类型。,(4) 安全性。JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和

32、删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。 (5) 动态的。JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(Home Page)中执行了某种操作所产生的动作，常称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。,(6) 跨平台性。JavaScript依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次，走遍

33、天下”的梦想。 实际上，JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需一个字处理软件及一个浏览器；无须Web服务器通道，通过自己的电脑即可完成所有的事情。,综上所述，JavaScript 是一种新的描述语言，它可以被嵌入到HTML的文件之中。JavaScript语言可以做到回应使用者的需求事件(如form的输入)，而不用任何网络来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 (Server)处理，再传回来的过程，而直接可以被客户端(Client)的应用程式所处理。 JavaScript和Java很类似，但还是不太一样。Java是一

34、种比JavaScript复杂得多的程式语言，而JavaScript则是相当容易了解的语言。JavaScript创作者可以不那么注重程式技巧，所以许多Java的特性在JavaScript中并不支持。,3) JavaScript在HTML中的引用方式 在HTML文档中标记之间、之间可以加入JavaScript代码，其格式为： /代码段 ,2使用Java Script实现网页特效 1) 在页面内加入日期 这里告诉你一个使用日期和时间的例子，即从你个人客户端机器获取日期和时间。其做法如下： 今天日期为 , today.getMonth()+1, /,today.getDate(),/,today.ge

35、tYear(); / end hiding contents - ,在本例中，必须首先建立一个日期变量，这可以由 today= new Date()来完成。如果没有特别指定时间与日期，浏览器将会采用本地客户端机器的时间。这里要注意的是，我们并没有声明today这个变量的类型。 除以上功能外，在建立日期变量时你也可以事先设定日期如下： docStarted= new Date(96,0,13) 首先是年，接着是月(但记得减1)，再接着是日。用同样的方法，也可以加上时间的设定: docStarted = new Date(96,0,13,10,50,0),前三个是日期的年、月、日，接着是时、分、秒

36、。最后，我们必须提醒你，JavaScript并没有实际的日期型态，但是它却能毫不费力地显示出日期和时间，原因是它是从1/1/1970 0 0h开始以 ms(milli seconds) 来计算目前的时间的，这听起来似乎有些复杂。但你不用担心，它有标准的共用函数可以计算，你只要知道如何用就可以了。,2) 跑马灯效果的制作 此程式中使用了函数setTimeout(.)，计时器在时间到时去呼叫scroll()函数，使得跑马灯中的文字往前进一格。在函数的一开始，有一些较啰嗦的计算部分，但这并不难使我们理解，这些计算主要是用来取得跑马灯中的文字应该由哪一个位置开始显示的用途。一开始当然是必须加一些空白在

37、字的左边，让文字部分能尽可能靠右，然后再一个字一个字地将空白减少，结果自然就造成字往前移动的效果了。, !-Hide var scrtxt=这儿的信息可以改为你要告诉别人的话; var lentxt=scrtxt.length; var width=100; var pos=1-width; function scroll() pos+; var scroller=;,if (pos=lentxt) pos=1-width; if (pos0) for (var i=1; i=Math.abs(pos); i+) scroller=scroller+ ; scroller=scroller+s

38、crtxt.substring(0,width-i+1); else scroller=scroller+scrtxt.substring(pos,width+pos); ,window.status = scroller; setTimeout(scroll(),150); /- Here goes your cool page! ,3VBScript简介 1) 什么是VBScript Microsoft Visual Basic Scripting Edition是程序开发语言Visual Basic家族的最新成员，它将灵活的Script应用于更广泛的领域，包括 Microsoft Int

39、ernet Explorer 中的Web 客户机Script和Microsoft Internet Information Server中的Web服务器Script。同JavaScript一样，它也是一种脚本语言。,2) VBScript的特点 VBScript最大的特点是易学易用。如果你已了解 Visual Basic或Visual Basic for Applications，就会很快熟悉VBScript。即使你没学过Visual Basic，只要学会VBScript，就能够使用所有的Visual Basic语言进行程序设计。要学习编程，请参阅有关Visual Basic或VBScript

40、的书籍。,3) 在HTML中使用VBScript 在HTML文档中标记之间、之间可以加入JavaScript代码，其格式为： /代码段 ,例如，一个测试传递日期的过程如下： 2 End Function - ,代码的开始和结束部分都有标记。LANGUAGE属性用于指定所使用的Script语言。由于浏览器能够使用多种Script语言，因而必须在此指定所使用的Script语言。注意，CanDeliver函数应被嵌入在注释标记()中。这样能够避免不能识别 标记的浏览器将代码显示在页面中。,因为以上示例是一个通用函数(不依赖于任何窗体控件)，所以可以将其包含在页面的 HEAD部分： 订购 2 End

41、Function - .,SCRIPT块可以出现在HTML页面的任何地方(BODY或HEAD部分之中)。但是，最好将所有一般目标Script代码放在HEAD部分中，以使所有Script代码集中放置。这样可以确保在BODY部分调用代码之前所有Script代码都被读取并解码。 上述规则值得注意的例外情况是，在窗体中提供内部代码以响应窗体中对象的事件。例如，以下示例在窗体中嵌入Script代码以响应窗体中按钮的单击事件：, 测试按钮事件 MsgBox “按钮被单击！” ,大多数Script代码在Sub或Function过程中，仅在其他代码要调用它时执行。然而，也可以将VBScript代码放在过程之外

42、、SCRIPT块之中。这类代码仅在HTML页面加载时执行一次。这样就可以在加载Web页面时初始化数据或动态地改变页面的外观。,4ActiveX控件 1) ActiveX控件简介 ActiveX是Microsoft对于一系列策略性面向对象程序技术和工具的称呼，其中主要的技术是组件对象模型(COM)。 如果你使用的是Windows操作系统，你或许会注意到一些以OCX结尾的文件。OCX代表对象链接与嵌入控件(OLE)，这个技术是Microsoft提出的程序技术，用于处理桌面文件的混合使用。现在COM的概念已经取代OLE的一部分，Microsoft也使用ActiveX控件代表组件对象。,ActiveX

43、控件是Microsoft的ActiveX技术的一部分。ActiveX控件是重复使用在应用程序和网络中计算机上的程序对象。创建它的主要技术是Microsoft的ActiveX技术，其中主要是组件对象模型(COM)。ActiveX控件可以小程序下载装入网页，也可以用在一般的Windows和Macintosh应用程序环境中。一般来说，ActiveX控件代替了原先的OCX，它与Java Applet的概念和功能差不多。 其实ActiveX控件是存在于Web服务器上的文件，该文件包含执行某项或一组任务的代码，控件可以执行公用任务，这样就不必自己去创建执行这些任务的代码。例如，股票行情收报机控件可以在We

44、b页上显示最新的股票报价。,ActiveX控件可以由不同的可识别Microsoft的COM技术的语言开发，它是组件或自包含的软件包，它可以在同一个或分布式的计算环境中开发或使用。COM的分布式支持技术称为DCOM。在实现中，ActiveX控件是个动态链接库(DLL)模块，它包括在容器(包括COM程序接口的应用程序)当中。这种可重复使用的组件技术可以加快开发速度和提高质量，Windows 9X/NT应用程序，如PowerBuilder、Access和Authorware等的开发都利用了ActiveX控件。,2) ActiveX控件应用简介 这里以使用Microsoft的ASP(Active Se

45、rver Pages)编写服务器端应用程序为例。程序开发必须依靠ActiveX组件来增强Web应用程序的功能，譬如：你需要连接数据库，对数据库进行在线操作，或需要Web广告交换程序，这一切都必须通过调用ASP内建的ActiveX控件或自己编写所需的控件来完成。当你在Web服务器上安装了ASP环境后，就可以直接使用它自带的几个常用控件，如Database Access控件。当然也可以从第三方开发者处获得可选的控件，还可以编写自己的控件。可以利用控件作为脚本和基于Web应用程序的基本构造块，只要了解如何访问软件提供的对象，哪怕你是位编写脚本的新手，也可以在不了解控件运作方式的情况下编写ASP程序。

46、,总而言之，ActiveX控件使你不用学习复杂的编程就能够写出强大的Web服务器端脚本。如果你是位Web应用程序的开发者，可以使用任何支持控件对象模型(COM)的语言来编写控件，如C、C+、Java或Visual Basic。如果你熟悉COM编程，ActiveX控件就是Automation服务器。但是要在Web服务器上运行ActiveX控件，不能有图形用户接口元素，如Visual Basic的MsgBox函数。控件是可以重复使用的。在Web服务器上安装了控件后，就可以从ASP脚本、ISAPI(Internet Server Application Program Interface，即Inte

47、rnet服务器应用程序接口)应用程序、服务器上的其他控件或由另一种COM兼容语言编写的程序中调用该控件。,那么在ASP中该如何调用控件呢？控件是包含在动态链接库(.dll)或可执行文件(.exe)中的可执行代码。控件可以提供一个或多个对象以及对象的方法和属性。要使用控件提供的对象，我们先要创建对象的实例并给新实例分配变量名。使用ASP的Server.CreateObject方法可以创建对象的实例。接着，使用脚本语言的变量分配指令为对象实例命名。创建对象实例时，必须提供实例的注册名称PROGID。以下创建一个Ad Rotator对象的实例: ,我们必须使用ASP的Server.CreateObj

48、ect方法来创建对象实例，否则ASP无法跟踪脚本语言中对象的使用。 使用HTML标签，同样可以创建对象实例，但必须为RUNAT属性提供服务器值，同时也要为在脚本语言中使用的变量名提供ID属性组。使用注册名(PROGID) 或注册号码(CLSID)可以识别该对象。下面的例子是使用注册名(PROGID)创建Ad Rotator 对象的实例： ,下面是ASP可安装的常用控件： Ad Rotator：创建一个Ad Rotator对象，该对象可按指定计划在同一页上自动轮换显示广告。 Browser Capabilities：创建一个BrowserType对象，该对象决定访问Web站点的每个浏览器的性能、

49、类型及版本。 Database Access：提供用ActiveX Data Objects (ADO)对数据库的访问。 Content Linking：创建一个NextLink对象，该对象可生成Web页内容列表，并像书一样将各页按顺序连接。, File Access：提供文件的输入输出访问。 Collaboration Data Objects for NTS：可以快速、简便地在Web页上添加收发邮件功能。该控件只适用于 Internet Information Server for Windows NT Server。 MyInfo：创建MyInfo对象，该对象追踪个人信息，例如站点管理员

50、的姓名、地址及显示选择。 Counters：创建Counters对象，该对象可以创建、保存、增加或检索任意数量的独立计数器。, Content Rotator：自动翻转Web主页上的HTML内容字符串。 Page Counter：记录并显示Web页被打开的次数。 在FrontPage中可以单击“插入”菜单的“Web组件”命令，弹出“插入Web组件”对话框，在该对话框的“组件类型”列表框中选择“高级控件”，在“选择一个控件”列表框中选择“ActiveX控件”，单击“下一步”按钮，在“选择一个控件”列表框中选择一个ActiveX控件，单击“完成”按钮，就可插入一个ActiveX控件。,7.1.4

51、编写代码实现留言簿 计数器与留言簿是一般站点中必备的部分，在实现上可采用多种技术。以下以ASP、VBScript、JavaScript等技术的综合应用，实现计数器与留言簿功能。 添加一个反馈表单以便网页浏览者填写。这里用Access2000数据库存放留言内容，具体实现如下。 1建立Access 2000数据库 用Access 2000建立一个数据库lyb，然后建立一个名为ly的表，包含字段ID(自动增加)、姓名、邮件地址、内容和时间，存放在C:lx下。,2使用ODBC连接Access 2000数据库 (1) 单击“开始”按钮，选择“设置”菜单“控制面板”菜单中的“ODBC数据源(32位)”选项

52、，弹出如图7.1所示的“ODBC数据源管理器”对话框。,图7.1,(2) 选择“用户DSN”标签，单击“添加”按钮，弹出如图7.2所示的“创建新数据源”对话框，选择想要添加的数据库驱动程序“Microsoft Access Driver(*.mdb)”。,图7.2,(3) 单击“完成”按钮，弹出如图7.3所示的“ODBC Microsoft Access”对话框，用来设定数据库来源，填写“数据源名”为“lybDB”，“描述”为“ASP连接的Access数据库”。 (4) 单击“选取”按钮，选择已建好的数据库lyb，如图7.4所示。,图7.3,图7.4,(5) 选择好数据库后，单击“确定”按钮，

53、返回图7.3所示画面，此时我们选择的数据库名出现在画面上，如图7.5所示。 (6) 单击“确定”按钮，完成ODBC的设定，如图7.6所示。,图7.5,图7.6,3输入留言页面的设计 这里用表格构造框架，代码如下(文件名为lyb.htm)： 留言簿 请提出宝贵意见 ,姓名： 邮件地址： 宝贵意见： , ,图7.7,4. 将输入的留言插入Access 2000数据库 代码如下(文件名为insert.asp)： 插入留言 打开Access2000数据表 %,声明Connection(数据库连接)对象 set DBConnection=Server.CreateObject(ADODB.Connect

54、ion) 使用数据库来源名称打开数据库 DBConnection.Open lybDB 声明Recordset对象 set RS=Server.CreateObject(ADODB.Recordset) 打开表 RS.Open ly,DBConnection,2,2 if request(name) AND request(word) Then 增加一行 RS.AddNew,给字段赋值 RS(姓名)=request(name) RS(邮件地址)=request(mail) RS(内容)=request(word) today=Date() time1=time() rs(时间)=today+t

55、ime1 写入表 RS.Update response.write已成功写入Access2000数据表,else response.write请填写姓名和内容 end if % 返回 ,图7.8,5浏览留言页面 代码如下(文件名为browse.asp)： 留言查看 留言查看 %,声明Connection(数据库连接)对象 set DBConnection=Server.CreateObject(ADODB.Connection) 使用数据库来源名称打开数据库 DBConnection.Open lybDB 声明Recordset对象 set RS=Server.CreateObject(ADO

56、DB.Recordset) 打开表 RS.Open ly,DBConnection,1,3 设置每5条记录为一页 RS.PageSize=5 判断是否可取得ToPage参数 如用户输入了页数，则显示特定的分页数据,if Not IsEmpty(Request(ToPage) then 取得指定的显示分页数 ToPage=Cint(Request(ToPage) if ToPageRS.PageCount then topage=RS.PageCount else if ToPage=0 then topage=1 end if end if else topage=1 end if,使用Cur

57、rent_Page来记录目前所指页数，该变量将在后面显示数据 建立“上一页”、“下一页之超链接时使用 Current_Page=topage % 共有 条记录 目前分页状况为 /页 , 1 then% 第一页 上一页 ,rs.pagecount then % 下一页 最后一页 ,用于指定页数，直达页面 页 返回 , for i=0 to ab.fields.count-1 response.write text-decoration: none电脑应用工作室 制作维护 Copyright (C)电脑应用工作室 All Rights Reserved ,图7.11,7.2 课堂实践(高级操作),

58、1实习目的 熟悉并掌握站点的规划和设计的过程以及设计方法与技巧。 2实习任务 创建一个社团组织站点。,3实习步骤 步骤1：站点的策划 根据用户的需求，首先进行总体设计，做出一份网站建设方案。总体设计是非常关键的一步。它主要确定： 定位网站主题和名称。 网站需要实现的功能。 网站开发使用什么软件，在什么样的硬件环境。 需要开发多长时间。 需要遵循的规则和标准有哪些。,同时需要写一份总体规划说明书，包括： 网站的栏目和版块。 网站的功能和相应的程序。 网站的链接结构。 如果有数据库，需进行数据库的概念设计。 网站的交互性和用户界面设计。 推荐使用的浏览器版本和分辨率。,步骤2：风格的选定 网站一般要有一个整体形象，包括标准字、网站的标志(Logo)、标准色彩、广告语等。最重要的是首页的设计，包括版面、色彩、图像、动态效果、图标等风格设计，也包括Banner、菜单、标题、版权等模块设计。,风格(Style)是非常抽象的概念，往往要结合整个站点来看，它是指站点的整体形象给浏览者的综合感受。不同的人有不同的审美观，对于风格的喜好也不同。因此，想使每一个人对你设计