《Internet应用与网络 （樊月华） 第6章 ActiveX技术的应用》由会员分享，可在线阅读，更多相关《Internet应用与网络 （樊月华） 第6章 ActiveX技术的应用（23页珍藏版）》请在金锄头文库上搜索。
1、第6章 ActiveX技术的应用,本章训练目标： (1) 通过示例掌握ActiveX的运行机制和技术概貌。 (2) 通过案例掌握使用ActiveX技术制作页面的技巧。 (3) 通过实训熟练掌握使用ActiveX技术制作网页的技能。 (4) 经过一定的练习，培养自行学习和掌握新软件的技能。,ActiveX技术的应用,6.1 ActiveX技术概述 6.2 应用ActiveX控件制作页面案例 6.3 应用ActiveX控件制作页面实训课题图书目录显示 练 习 上机练习 实训课题,6.1 ActiveX技术概述,6.1.1 ActiveX技术概述 使用ActiveX技术可以用组装的办法开发软件，程序
2、员可把ActiveX控件看作是软件芯片，使用脚本把软件芯片组装“焊接”到一起，完成软件的开发研制工作。 ActiveX不是一种编程语言，它是一种与语言无关的技术标准,可以用来创建功能强大的Web页面。ActiveX是基于Microsoft组件对象模型标准的技术，ActiveX也提供可操作的接口，即方法、属性和事件。 6.1.2 ActiveX技术应用示例1应用FrontPage 2000将命令按钮嵌入页面 (1) 任务要求：在页面上嵌入一个命令按钮。 (2)读者既可以使用FrontPage 2000，也可以应用控件嵌入工具ActiveX Control Pad将控件嵌入页面，本示例我们将介绍F
3、rontPage2000嵌入控件的方法。 (3)如果在对话框中没有列出用户所需要的控件， 用户可以单击图6.1对话框下方的“自定义”按钮，弹出“自定义ActiveX控件列表”对话框，如图6.2所示。,图 6.1 “插入ActiveX控件”对话框 图6.2 “自定义ActiveX控件列表”对话框 (4)在对话框中选择所需控件，然后单击“确定”按钮。用户在“自定义ActiveX控件列表”对话框中，选择的控件出现在“插入ActiveX控件”对话框中，如图6.3所示。 (5) 在图6.3的对话框中选择Microsoft Forms 2.0 CommandButton选项，然后单击“确认”按钮。 (6)
4、 命令按钮已经插入页面，如图6.4所示。,(7) 用鼠标右键单击控件，出现一个下拉菜单，在菜单中选择“ActiveX控件属性”出现“ActiveX控件属性”对话框，如图6.5所示。 (8) 在图6.5中选择“参数”选项卡。 图6.5 “ActiveX控件属性”对话框 图6.6 参数选项卡 弹出“编辑对象参数”对话框，如图6.7所示。 回到图6.6界面，单击“确定”按钮，按钮上已输入“确认”字样，如图6.8所示。 (11) 用户也可以在编辑窗口调整按钮的大小与位置。,图6.7 “编辑对象参数”对话框 图6.8 修改控件属性 (12) 打开编辑窗口的“HTML”标签，我们可以见到命令按钮的代码 已
5、经嵌入页面。 (13) 以文件名ex06-001.html保存嵌入控件的页面 (14) 说明：通过示例我们可以看到，使用Frontpage2000，可以把控 件直接插入页面，控件代码自动生成。 6.1.3 ActiveX技术应用示例2应用ActiveX Control Pad将命令按钮的嵌入 ActiveX Control Pad 也是一种所见即所得的页面制作工具，使用起来十分方便，用户可以直接在控件编辑窗口制作控件，不需要做多,少编程工作。它还支持JavaScript和VBScript脚本语言的嵌入。 (1) 任务要求：如示例1。 (2) 安装ActiveX Control Pad。Acti
6、veX Control Pad是一个自由软件，它的安装较为容易，读者只要运行其SetupPad.exe文件，然后根据屏幕提示，一步步操作即可。 图6.9 ActiveX Control Pad快捷图标 (3)运行ActiveX Control Pad出现ActiveX Control Pad界面 ，如图6.10所示。 (4)在图6.10中选择“File-New HTML Layout”选项，出现New HTML Layout界面，见图6.11。 (5)在图6.11的工具箱中单击命令按钮图标, 然后把鼠标移到编辑窗口中的 合适位置，点击鼠标，命令按钮控件在编辑窗口出现。 (6)在图6.12中单击
7、“Properties”出现属性窗口，见图6.13，用户可以在窗口中修改控件的属性值。,图6.10 ActiveX Control Pad界面 图6.11 New HTML Layout界面 图6.12 控件的下拉菜单 图6.13 属性对话框,(7) 制作完成后的编辑窗口如图6.14所示。 (8) 页面嵌入ActiveX控件后保存到文件ex06-001.alx文件中。 (9) 把文件存成HTML格式，在浏览器中浏览ex06-001_1.html，效果如图6.16所示。 (10) 在文本浏览器中查阅ex06-001.alx文件的源代码 (11) 说明：通过示例我们可以看到，使用ActiveX C
8、ontrol Pad控件嵌入工具，可以把控件直接插入页面，控件代码自动生成。 图6.14 制作完成的页面 图6.15 控件代码被嵌入文本,图6.16 页面在浏览器中的显示效果 图6.17 ActiveX控件的下载使用过程 6.1.4 ActiveX的运行机制 ActiveX是随同页面一起下载到客户端来展现其自身的。ActiveX控件的下载过程见图6.17。在服务器端，为了便于网上传输ActiveX，控件文件以压缩形式存放，它的文件名后缀是*.cab(cabinet文件)。控件的下载及使用过程如下： (1) 客户端向服务器端发出请求，请求某个网页(例如Default.html页面)，该网页嵌有A
9、ctiveX控件。 (2) 服务器端响应请求，把嵌有ActiveX控件的网页传至客户端。,(3) 客户端根据嵌入网页ActiveX的控件类型标识CLSID，先在本机控件注册表中查找，如果本机有该控件，且版本号不低于服务器端该ActiveX的版本号，则使用本机控件。 (4) 如果本机没有该ActiveX控件，或者本机有该控件但较服务器端该ActiveX的版本号低，则需从服务器端下载。 (5) 下载完成后，该控件要经过安全检查、解压缩，并在本地的Windows系统的注册表中注册，然后才能被激活使用。 (6) 注册后控件文件的后缀是*.ocx, 存放在Windows目录的Downloaded Pro
10、gram Files目录下,下载的网页暂存在Temporary Internet Files目录下。 6.1.5 使用ActiveX控件的环境 用户在应用程序中使用ActiveX控件时，先要把ActiveX控件嵌入应用程序，然后使用脚本语言或其他支持ActiveX的编程工具为这些控件开发用户界面。支持ActiveX的应用环境称作容器，这里的容器是指使用或测试ActiveX的环境。可以用来对ActiveX控件进行操控的脚本语言有JavaScript和 VBScript。 6.1.6 ActiveX控件的获得 ActiveX控件的来源很多，因特网上、软件制造商，以及网络爱好者,都会发布Active
11、X，但未经专业机构认证，往往不安全。 6.1.7 ActiveX控件的功能 一个ActiveX控件具有属性、事件和方法。把控件插入到页面中后，页面的脚本语言通过属性、事件和方法来对控件进行操作。 1. 属性 属性是一个ActiveX控件所具有的特性，例如一个按钮控件(Button), 它的属性有长度、宽度、标题、边框类型和颜色等等。 2. 事件 事件是引起ActiveX控件发生动作反应的条件。 3. 方法 方法是一个ActiveX控件自己能够完成的处理或动作。方法可以被页面的脚本所引用。 6.1.8 标记 (1)的说明：通过使用标记把ActiveX控件插入到HTML页面。 (2) 标记的使用规
12、则：,(2) 标记的使用规则 (3) 属性：ID、CLASSID、DATE、PARAM、NAME。 6.1.9 应用ActiveX技术制作页面的步骤 一般来讲，应用ActiveX技术制作页面可按以下过程进行： (1) 插入ActiveX控件，如果有多个ActiveX控件，用标记分开 (2) 修改属性的静态设置，使之符合用户要求。 (3) 通过Script Wizard加入脚本，使ActiveX响应事件，从而产生相应的动作。,6.2 应用ActiveX控件制作页面案例,6.2.1 ActiveX应用案例1欢迎用户光临 任务要求：在页面上插入一个文本框和一个命令按钮，当用户单击命 令按钮时，在文本
13、框显示“欢迎光临中国高等职业教育研究会网站”字样。 (2) 制作过程: 启动Frontpage2000，参照上例，在页面中嵌入一个文本框和命令 按钮 修改控件属性使之符合要求，修改后的页面布局见图6.19。 在FrontPage 2000的菜单栏中选择“工具宏Microsoft 脚本编 辑器”弹出图6.20“脚本编辑器界面”界面。 在FrontPage 2000的编辑窗口查看页面文件06-002.hmtl的源代码 ActiveX应用案例1在浏览器中的显示如图6.21所示。,图6.18 ActiveX应用案例1的页面布局 图6.19 修改控件属性后的页面布局 图6.20 “脚本编辑器界面”界面,
14、图6.21 ActiveX应用案例1 6.2.2 ActiveX应用案例2请用户选择显示内容 (1) 任务要求：页面上有三个单选钮和一个命令按钮，当用户单击命令按钮时，根据单选钮的选择显示不同的图像。 (2) 制作过程： 启动ActiveX Control Pad，在页面中嵌入一幅图像、三个单选钮和一个命令按钮。 修改控件属性，使其符合任务要求。 在主菜单中选择Tools-Script Wizard选项，在 “Script Wizard”界面的左边1.Select an Even窗口选择CommandButton1按钮的Click事件，在窗口下方选择Code view单选钮。,把页面布局存为e
15、x06-003.alx文件。 把ex06-003.alx插入一个新HTML文档中，用ex06-003.html名称保存文件。 在浏览器中浏览ex06-003.html页面，显示的结果如图6.22所示。选择不同的单选钮，显示不同的图像。 图6.22 根据选项钮的选择显示不同的图像,6.2.3 ActiveX应用案例3信息查询 (1) 任务要求：完成用户信息查询任务。 (2) 制作过程： 启动ActiveX Control Pad，在页面中嵌入下拉列表框和一个命令按钮。 修改控件属性，使其符合任务要求。 在主菜单中选择Tools-Script Wizard选项，在 “Script Wizard”界
16、面的左边1.Select an Even窗口选择CommandButton1按钮的Click事件，在窗口下方选择Code view单选钮。 把页面布局存为ex06-004.alx文件。 在记事本中打开ex06-004.alx文件. 完整的ex06-004.alx代码清单 把ex06-004.alx插入一个新HTML文档中，用ex06-004.html名称保存文件。 ex06-004.html代码在浏览器中显示结果如图6.23所示。,图 6.23 用户信息查询,6.3 应用ActiveX控件制作页面实训课题图书目录显示,6.3.1 用户需求 用户要求在图书目录页面上显示书名、内容简介和价格，便于读者根据需要选择图书。 6.
