- 4
- 0
- 约7.63千字
- 约 22页
- 2017-04-25 发布于四川
- 举报
用户直接使用集成的动态HTML语言(简称DHTML》来开发基于
在VB里,用户直接使用集成的动态HTML语言(简称DHTML)来开发基于HTML语言的应用程序。DHTML将文档中的每一个元素都看成一个对象,通过对象的属性、事件和方法来操纵对象以改变浏览器中显示的内容。DHTML的编程与VB编程有所不同,前者以窗体为基本界面,后者则使用Web页,但还是有很大的相似性。
VB使用DHTML应用程序设计器来开发DHTML类型的应用程序。单击“新建工程”中的“DHTML应用程序”即可打开DHTML页面设计器界面,参见图15-1(为例15-1的设计界面)。;15.1 DHTML页面设计器;DHTML页面设计器有两个窗格,即左边的“树形视图”窗口和右边的“细表”窗口,在“树形视图”窗口显示HTML页面里所有元素的分层结构。页面设计器为每一个元素列出其ID、控件类型,并且在某些情况下列出元素开始的内容。如果某个元素不包含ID,就在属性窗口为它指定一个。具有ID的元素以粗体显示。???“细表”窗口显示页面的可视化界面,在其上创建新的页面或编辑已有页面。在DHTML页面设计器窗体的上方,有一个与Microsoft Word的格式工具栏相似的格式化工具栏,可以设置页面的元素格式编排、字体属性和对齐方式等内容。
在格式化工具栏的下方有一排工具按钮,分别是DHTML页面设计器属性、执行编辑器、在选项首尾添加DIV…/DIV标记、在选项首尾添加SPAN…/SPAN标记、将选项转化为链接、表操作、显示表边界、显示细节、绝对位置、锁定、绝对位置模式和顺序按钮。
在创建DHTML工程的同时将创建modDHTML模块,其中包含两个函数:PutProperty函数和GetProperty函数。;
DHTML对象模型将DHTML中的每个元素部作为对象访问,每一个对象有自己的属性、方法和事件,在创建应用程序时,能够通过VB代码对HTML页面的布局、位置、每个元素的特性和容器进行动态的修改。主要的DHTML对象有BaseWindow和Document。
DHTML对象的事件和VB事件基本相似,但每个事件都带有前缀on。表15-1列出了DHTML中的部分事件。;对象;可以采用下面列出的方法之一,通过VB为DHTML应用程序创建页面:
(1)通过将VB工具箱中的HTML对象加入到页面设计器中来创建页面。
(2)通过外部的HTML编辑器来创建页面。
(3)采用组合的方法创建页面。
单击DHTML页面设计器内的“HTML页面设计器属性”工具按钮,可打开如图15-2的DHTMLPage属性对话框。如果选择“保存HTML于外部文件中”,可以显示“新建”和“打开”按钮。单击“新建”按钮可以在DHTML页面设计器内建立新的HTML文档保存网页内容。单击“打开”按钮可以将其他外部编辑器建立的HTML文档导入到DHTML页面设计器中。如果选择“保存HTML作为VB工程的一部分”,则所设计网页的HTML代码将保存在Dsx文件中。;图15-2 树形视图窗口;
(5)单击HTML工具箱中的image控件,在第一行文本的左边画出一定大小的图像框,右键单击该图像框,从快捷菜单中选择“属性”,打开该图像框的“属性”对话框,单击其中“图像源”栏右边的按钮,查找合适的图片,关闭“属性”对话框。在属性窗口将align属性为左对齐(left)。
在树形视图窗口的BODY标记中列出了正在工作的HTML网页的原始内容。BODY标记包含了控制Web网页内容的基本图形外观和动作的指令,参见图15-2。
(6)单击DHTML页面设计器内的“HTML页面设计器属性”工具按钮,可打开如图15-3的DHTMLPage属性对话框。单击“保存HTML于外部文件中”按钮,输入文件名“c:\myhtml1.htm”。
(7)单击“文件”菜单中的“保存”或“另存为”命令,保存所有文件,首先保存的是代码文件.bas,取文件名为myhtml1.bas,其次保存的是类似于窗体文件的设计师文件.dsr,取文件名为myhtml1.dsr,最后保存工程文件.vbp,取名为myhtml1.vbp。
设计师文件是包含HTML页面全部格式和控件的文件,有SourceFile和BuildFile属性,分别用来指定设计阶段导入的外部HTML文件和最后形成的HTML文件。代码文件则包含浏览器包所提供的PutProperty和GetProperty操作的函数。
程序运行效果参见图15-4。注意地址栏中的显示内容,这是VB在内存中编译DHTML应用程序时,在硬盘上建立的、用于存储程序的一个临时文件。; ;例15-2:图15-4所示为利用Microsoft FrontPage制作的的网页。在例15-1的工程中,添加该网页,并创建两个网页的链接。
(1)在例15-1的设计窗口单击“工程”中的“添加DHTML Page
原创力文档

文档评论(0)