毕业论文：DOM在网页制作自动阅卷中的应用.doc

1、1本科生毕业论文论文题目DOM在网页制作自动阅卷中的应用作者姓名专业名称计算机科学与技术（师范）班级信0701指导教师导师职称教授2009年5月1摘要本文从文档对象模型的角度对网页文档格式进行了研究，并在此基础上给出了基于文档对象获取的网页制作题自动阅卷方案，弥补了以往用文本匹配方式进行阅卷在知识点定位及取值过程中的不足。关键词文档对象、自动阅卷、MSHTML对象模型、网页ABSTRACTWETREATEDTHEHYPERTEXTDOCUMENTFORMATINTHEDOMDOCUMENTOBJECTMODELCONVENTION,ANDINTRODUCEDADOCUMENTOBJECTACQ

2、UISITIONBASEDAUTOMATICGRADINGMETHODFORAUTOMATICEXAMININGBASEDONWEBPAGES,OVERCOMETHEDEFFICIENCIESOFTHEFORMERTEXTMATCHINGGRADINGMETHODDURINGTHEPROCESSESOFKNOWLEDGELOCATIONANDSAMPLINGKEYWORDSDOCUMENTOBJECT,AUTOMATICEXAMINING,MSHTMLOBJECTMODEL,WEBPAGES2目录ABSTRACT1第1章引言1第2章网页文档对象研究221DOM222MSHTML组件及常用对象分

3、析2第3章基于文档对象模型的网页制作自动阅卷的实现5第4章应用举例641题型设计及阅卷分析642编码实现6第5章结论8第6章参考文献91DOM在网页制作自动阅卷中的应用第1章引言随着互联网的发展，网络已成为人们继电视、报纸等传统媒体之后获取信息的主要途径，而网页在其中又扮演了信息载体的主要角色，于是掌握网页制作的基本技术便成了新时代的必修课。相应的，网页制作技术的无纸化考查及自动化阅卷亦成为教育界一个不断探索的领域。本文就其中的自动阅卷技术进行探讨，并给出一个方便可行的解决方案。目前为止对网页基本技术的考查以考生对静态网页进行编辑为主要方式，因此阅卷的过程其实是对考生生成的结果HTML文件进行

4、检查的过程，看其是否符合标准答案，而HTML文件实质是一个半结构化的文本文件，所以早期的网页制作自动阅卷是纯文本处理，即以文本匹配的方式来进行答案验证。由于HTML语法结构的不严格及参与样式设置的CSS的多样性使得阅卷定位及答案识别成了阅卷中的难点。文献1提出了参数配置法，即对于每个阅卷点通过参数配置的形式给出在文档中的位置及属性。该方法虽然一定程度上解决了阅卷定位和答案识别问题，但是对于每一题都要进行知识点属性和范围的设置不仅多出了人工配置的环节，而且为了落实知识点所在单元位置，要求相关人员必须清楚每个文档的细节，事实上由于学生操作的不可预测性，这点往往很难做到，因此该方法不能从根本上解决阅

5、卷定位和答案识别问题。文献2提出基于对象的比较方法，即首先对HTML文档进行预处理，将常用网页元素以对象的形式封装起来，阅卷时只需给定知识点对象，然后对其属性进行一一比较即可。此方法较文献1中少了人工干预，在答案比较的过程中数据结构也清晰明确，但由于知识点对象是在预处理时通过遍历HTML文档，根据HTML语言标志分析得到，也同样存在文档分析和知识点准确定位的问题。通过考察OFFICE系列中WORD、EXCEL、POWERPOINT等操作题的阅卷方式发现采用OFFICE自带的文档对象模型识别文档中的元素不仅定位准确而且获取对象的属性值也相当容易。借鉴此法，我们发现HTML文档也存在类似的对象模型

6、DOM，并且可以通过MSHTML组件来访问此模型中的对象，进而解析HTML文档中的元素。如此，只要了解DOM的基本结构及MSHTML组件中与HTML常用元素对应的对象即可通过对象访问技术来实现网页制作题的自动阅卷。2第2章网页文档对象研究21DOMDOMDOCUMENTOBJECTMODEL即文档对象模型,，是针对HMTL和XML的基于树的应用程序接口（API）它提供了一种结构化的文档表示方式，把网页中的元素抽象成一系列相互关联的对象，并以树型结构来反应网页中各对象的层级关系，开发人员便可通过该层次结构轻松地访问指定信息。图21所示即为一个简单HTML文档的对象树。图21文档对象模型22MSH

7、TML组件及常用对象分析MSHTML是微软公司在IE40时引入的主要用于HTML解析的一个COM组件，以DOM为核心思想，该组件将HTML语言中的所有标记元素封装成了相应的对象模型，通过该组件提供的标准接口，便可直接操作对象本身及其相关的属性和方法。表格21列举了MSHTML在HTML文档对象访问上的一些常用对象及属性表格21MSHTML常用文档对象及属性对象对应HTML标记常用属性HTMLDOCUMENTIHTMLBODYELEMENTBGCOLOR,BACKGROUNDIHTMLFONTELEMENCOLOR,SIZE,FACE,ALIGNIHTMLHRELEMENTCOLOR,WIDTH

8、,ALIGN,SIZEIHTMLIMGELEMENTSRC,ALIGN,WIDTH,HEIGHT,IHTMLLINKELEMENTHREFIHTMLMARQUEEELEMENTBGCOLOR,LOOP,DIRECTIONIHTMLSTYLECOLOR,FONTSIZE,FONTFAMILYIHTMLTABLEROWS,BACKGROUND,BGCOLOR,ALIGNIHTMLTABLECELL,BACKGROUND,COLSPAN,BGCOLOR,BORDERCOLOR,WIDTH,HEIGHT,IHTMLTITLEELEMENTTEXT（1）其中HTMLDOCUMENT是HTML文档对象模型

9、中的顶级对象，代表了一个HTML文档，可以通过该对象的CREATEDOCUMENTFROMURL方法来获得当前文档的HTMLDOCUMENT对象，通过GETELEMENTSBYTAGNAME方法返回具有给定HTML标记名称（如FONT或TABLE）的网页元素对象。（2）IHTMLBODYELEMENT对应于HTML文档中BODY元素，可以用它来设置或读取网页页面属性，DOCUMENTHEADHTMLBODYTITLETABLEPHRFONT3如网页背景颜色、背景图片、上下左右边距等。（3）IHTMLFONTELEMENT对应于HTML文档中的字体元素，可以通过该对象设置或获取字体属性，如文字的

10、颜色、字号、字体等。（4）IHTMLHRELEMENT对应于HTML文档中的水平线，据此可以设置或读取水平线的格式信息，如颜色、宽度、对齐方式等。（5）IHTMLIMGELEMENT对应于HTML文档中图片元素，可以用它来设置或读取图片属性，如图片的来源、对齐方式、长宽比例等。（6）IHTMLLINKELEMENT对应于HTML文档中的超级链接，可以通过该对象来设置或获取文档中超级链接相关属性，如链接目标地址等信息。（7）IHTMLMARQUEEELEMENT对应于HTML文档中的滚动字幕，可以通过它设置或返回滚动字幕属性，如背景颜色、循环资料、滚动方向等。（8）IHTMLSTYLE对应于HT

11、ML文档中的样式信息，据此可以设置和获取文档中相关元素的样式。（9）IHTMLTABLE和IHTMLTABLECELL分别对应于HTML文档中表格和单元格元素，结合使用IHTMLTABLEROW、IHTMLTABLECOL对象，可以设置和获取表格相关的属性信息，如表格的长、宽、背景、边框样式、行列数，单元格合并情况等。（10）IHTMLTITLEELEMENT对应于HTML文档标题，通过它的TEXT属性可以设置和获取网页标题。具体用法参见第4章。此外，IHTMLELEMENT也是一个常用的集合对象，代表网页中指定标记的集合，通过这个集合对象也可以得到网页上特定标记的内容。IHTMLELEMEN

12、T有4个主要属性INNERTEXT开始标记和结束标记之间的文本LNNERHTML开始标记和结束标记之间的文本和HTMLOUTERTEXT对象的文本OUTERHTML对象的文本和HTML3。以上是MSHTML常用对象及属性，在实际应用过程中，需结合DOM树的层次结构遵循“由上往下逐层访问”的原则获取文档信息。例，获取某个单元格中文字颜色的信息，需经由文档表格单元格文字的层次关系获得目标属性。相关代码如下SETHTMLTABLEHTMLDOCGETELEMENTSBYTAGNAME“TABLE“FOREACHOBJTABLEINHTMLTALBESETOBJCELLOBJTABLEROWS5CEL

13、LS0SETHTMLFONTOBJCELLALLTAGS“FONT“FOREACHOBJFONTINHTMLFONTCOLORINFOOBJFONTCOLORNEXTNEXT45第3章基于文档对象模型的网页制作自动阅卷的实现利用HTML文档模型中的常用对象及属性便可通过对象访问技术来实现网页制作题的自动阅卷。下面以VB为例说明阅卷过程1创建一个VB工程。2在“引用”对话框中选中“MICROSOFTHTMLOBJECTLIBRARY”，引用MSHTML组件。3声明变量对象，并用CREATEDOCUMENTFROMURL方法获取顶层文档对象。此过程类似于WORD阅卷中引用ORD应用程序并打开具体的

14、文档。相关代码如下DIMOBJMSHTMLASNEWMSHTMLHTMLDOCUMENTDIMHTMLDOCASMSHTMLHTMLDOCUMENTSETHTMLDOCOBJMSHTMLCREATEDOCUMENTFROMURL“DEXPINDEXHTML”,VBNULLSTRING由于HTMLDOCUMENT对象在获取过程中需要一定的时间，在此之前访问HTML文档中的其他元素会因为顶层HTMLDOCUMENT对象未完整获取而导致访问失败，所以保证HTMLDOCUMENT对象完整获取是十分必要的，可以利用HTMLDOCUMENT对象提供的READYSTATE方法来检测当前文档载入情况并控制后续

15、操作。相关代码如下WHILEHTMLDOCREADYSTATE“COMPLETE“DOEVENTSWEND4网页文本、对象及属性的获取。从表现形式上看，一个网页主要包含三方面的信息，一种为文档格式化信息，他们从属于特定的页面元素对象，可以通过对应对象的属性来获取。如文字颜色，可通过文字对象的COLOR属性得到。一种为网页中呈现给用户的文本信息，即HTML起止标签之间的一段文字信息，如“你好”中的“你好”，此类信息不专属于某个页面元素，而是存在于HTML文件的文档、表格、段落等多种页面元素中，可以通过其所在元素的TEXT或INNERTEXT属性得到。再一种是以对象形式出现的媒体信息，如图片、音频

16、、视频等，这类信息既属于有特定含义的对象又不同于文本元素，如要获取元素本身，可通过对象自身的SRC属性得到。5阅卷评分。根据上述获得的页面信息与标准答案进行比较，给分。6阅卷完成后通过文档CLOSE方法关闭文档，同时释放对象。6第4章应用举例41题型设计及阅卷分析网页制作题主要考察用户对网页基本元素编辑能力，因此试题应包含文本、表格、超链接等常用网页元素的编辑及网页标题、背景等页面全局属性的设置。如要求对WEBEDIT站点中的INDEXHTM文件进行如下编辑编辑前后结果如，图41。图41编辑后的网页页面1合并1所在表格的单元格，并在该单元格输入文字“自我介绍”，然后将文字的字体设为“隶书”，大

17、小设为5（18磅），去除表格边框及标识“1”2为“我的博文”四个字设置超链接，链接地址为WEBEDIT文件夹下的MYBLOGHTM文件；3将网页标题设为“个人主页”。此例中第1题考查表格操作和文本设置，涉及的知识点有合并单元格、输入文字、设置文本的字体、字号等。可以通过获取单元格对象IHTMLTABLECELL及其下属文字对象的相关属性（参见第3章）4网页文本、对象及属性的获取。判断操作正确性。第2题考查超级链接的制作，这部分可通过检验超级链接对象及目标地址的正确性来完成。第3题以网页标题为代表检查网页属性的设置，可通过IHTMLTITLEELEMENT对象的TEXT属性来获得网页标题进行批阅

18、。42编码实现上述试题主要阅卷代码如下DIMOBJMSHTMLASNEWMSHTMLHTMLDOCUMENTDIMHTMLDOCASMSHTMLHTMLDOCUMENTSETHTMLDOCOBJMSHTMLCREATEDOCUMENTFROMURLSTRANSWERFILE,VBNULLSTRING获取7HTMLDOCUMENT对象WHILEHTMLDOCREADYSTATE“COMPLETE“DOEVENTSWENDSETHTMLTABLEHTMLDOCGETELEMENTSBYTAGNAME“TABLE“获取表格对象集合FOREACHOBJTABLEINHTMLTABLESETOBJCEL

19、LOBJTABLEROWS0CELLS0获取单元格对象IFOBJCELLCOLSPAN2THEN通过单元格的COLSPAN属性判断合并单元格操作是否正确NSCORENSCORE5ENDIFIFOBJCELLINNERTEXT”自我介绍”THEN判断单元格内容是否正确NSCORENSCORE5ENDIFIFOBJFONTFACE”隶书”THEN判断字体NSCORENSCORE5ENDIFNEXTIFSTRCOMPOBJLINKINNERTEXT,“我的博文“,VBTEXTCOMPARE0THEN判断超链对象NSCORENSCORE25ENDIFIFINSTR1,OBJLINK,“MYBLOGHT

20、M“,VBTEXTCOMPARE0THEN判断超链目标地址NSCORENSCORE25ENDIFIFOBJTITLETEXT”个人主页”THEN判断网页标题NSCORENSCORE5ENDIFHTMLDOCCLOSESETHTMLDOCNOTHINGOBJMSHTMLCLOSESETOBJMSHTMLNOTHING8第5章结论基于文档对象模型的阅卷方法具有较好的文档分析能力，充分解决了网页制作题阅卷过程中阅卷点定位难，关键信息提取难的问题，从而大大提高了阅卷准确性。又由于该方法具有和MSOFFICE中WORD、EXCEL、POWERPOINT等应用程序类似的文档模型和良好的编程接口，有利于开发开放式的阅卷系统，并和现有MSOFFICE开放式阅卷系统4自然融合。9第6章参考文献1汪彩梅,殷新春FRONTPAGE自动阅卷系统及实现J合肥学院报,2007,17163662张世明,卢君,郑衍衡WEB页面的自动阅卷系统J上海大学学报,1999573783吕树进,利用MSHTML组件从网页上提取数据J保定师范专科学校学报2004,17415174张量,詹国华,开放式、智能化计算机考核阅卷系统的设计与实现J计算机工程与应用,2001,3710108110