15.1DHTML页面设计器DHTML页面设计器有两个窗格，即左边的“树形视图”窗口和右边的“细表”窗口，在“树形视图”窗口显示HTML页面里所有元素的分层结构。页面设计器为每一个元素列出其ID、控件类型，并且在某些情况下列出元素开始的内容。如果某个元素不包含ID，就在属性窗口为它指定一个。具有ID的元素以粗体显示。在“细表”窗口显示页面的可视化界面，在其上创建新的页面或编辑已有页面。在DHTML页面设计器窗体的上方，有一个与MicrosoftWord的格式工具栏相似的格式化工具栏，可以设置页面的元素格式编排、字体属性和对齐方式等内容。在格式化工具栏的下方有一排工具按钮，分别是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树形视图窗口例15-2：图15-4所示为利用MicrosoftFrontPage制作的的网页。在例15-1的工程中，添加该网页，并创建两个网页的链接。（1）在例15-1的设计窗口单击“工程”中的“添加DHTMLPage”命令，加入第二个页面设计器DHTMLPage2。（2）打开DHTMLPage2属性对话框，选择“保存HTML于外部文件中”按钮，单击“打开”按钮，浏览并选择图15-5网页的文件名“c:\myhtml2.htm”。（3）选定DHTMLPage1中的“新书介绍”文本，单击工具条中的“将选项转化为链接”按钮将该文本格式化为超链接。（4）打开如图15-6所示“新书介绍”文本超链接的属性页，单击“浏览”按钮，浏览并选择图15-5网页的文件名“c:\myhtml2.htm”。或者单击“树形视图”窗口中的Hyperlink标记，然后在属性窗口的href属性栏内输入链接目标。例15-3：用SAPN标记符标记图15-1中的“蓝天出版社”文本，用DIV标记符标记图15-1中的“联系方式”文本。程序运行时，当鼠标移动到“蓝天出版社”文本上时显示一幅图片，鼠标移出“蓝天出版社”文本上时不显示图片。当单击“联系方式”文本上后其字体颜色变为红色。实现图片的显示与隐藏的代码为：PrivateSubNUM1_onmouseout()Image2.Style.visibility="hidden"'在DHTMLPage_Load事件过程中应加入同样的代码EndSubPrivateSubNUM1_onmouseover()Image2.Style.visibility="visible"EndSubPrivateSubnum3_onmouseover()NUM3.Style.Color="red"EndSub改变“联系方式”字体颜色的代码为：PrivateSubNUE3_onclick()NUM3.Style.Color="blue"EndSub例15-4：编写代码，实现当加载例15-1的网页时，播放一个WAV格式的音乐文件，如“c:\welcome.wav”。（1）利用“部件”对话框在工具箱中加载MultimediaMCI控件。（2）将MultimediaMCI控件添加到网页中，并拖曳到页面的左边缘上。注：将某个控件拖曳到页面的左边缘上可以使该控件隐含，如果要重新显示该控件，