WEB程序设计实验二.docx

WEB程序设计实验二WEB程序设计实验二武汉工程大学计算机科学与工程学院《Web系统与技术》实验报告专业班级学生学号学生姓名实验项目实验类别设计性实验时间实验地点指导教师实验二ASP.NET服务器控件实验学时4实验目的：熟悉标准控件、HTML控件、有效性验证控件的使用，学习用C#编写CodeBehind代码，以实现相应的功能。实验内容和要求：1．参考实验指导书的实验步骤，完成实验4、实验5。2．在1的基础上完成以下3项设计，并将实验主要代码、运行结果、收获和总结写入实验报告：1）计算器（改进功能）2）简单的考试（5题，自动评分，题目和答案存放在数组中）3）用户注册（仿照常见网站的注册页面）报告应在2周内完成，并以学号+姓名+实验二为名交电子文档。实验目的及要求类别上机表现报告质量说明：成绩评定表评分标准按时出勤、遵守纪律认真完成各项实验内容填写内容完整、体现设计过程和结果，实验总结能体现问题和收获分值30分得分70分合计评阅教师：陈艳日期：年月日实验内容1．设计并实现一个简易的计算器，代码和WEB运行结果如下图所示：代码：WEB运行结果：《Web系统与技术》实验报告2．简单的考试（5题，自动评分，题目和答案存放在数组中），代码和WEB运行结果如下图所示：代码：《Web系统与技术》实验报告WEB运行结果：《Web系统与技术》实验报告3.设计并实现一个带验证控件的用户注册页面，代码和WEB运行结果如下图所示：代码：《Web系统与技术》实验报告WEB运行结果：实验总结通过本次实验，让我学会了如何去做一个简单地计算器、如何去实现一个单选题的测试页面和如何去设计一个用户注册页面，让我熟悉了标准控件、HTML控件、有效性验证控件的使用。在实验中遇到不少问题，有些代码不会写，也不知道如何去写，通过和同学们一起讨论，最后终于将代码运行成功了，在WEB界面实现了各种页面效果，与此同时，我学会如何去很好的使用C#编写CodeBehind代码，以实现相应的功能。《Web系统与技术》实验报告扩展阅读：WEB程序设计实验(二学位)WEB程序设计基础实验指导书太原理工大学实验一HTML语言一、实验目的1．掌握常用的HTML语言标记；2．利用文本编辑器建立HTML文档，制作简单网页。二、实验要求1．独立完成实验。2．书写实验报告书。三、实验内容1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用）源程序清单如下：ExamplewelcometoyouAsimpleHTMLdocumentWelcometotheworldofHTMLThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLfileandhowthemarkuptagsworkintheHTMLfileFollowingisthreechaptersThisisthechapteroneThisisthechaptertwoThisisthechapterthreeFollowingisitemsofthechaptertwoitemcontentitem1fontitem2tableitem3form1234567Endoftheexampledocument2．编写一个能输出如图所示界面的HTML文件。实验二网页程序设计-JavaScript一、实验目的1．掌握JavaScript技术,基本掌握JavaScript的开发技巧；2．利用文本编辑器建立JavaScript脚本语言进行简单编程。二、实验要求:1．根据以下实验内容书写实验准备报告。2．独立完成实验。三、实验内容1．显示一个动态的时钟在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下：vartimer=nullfunctionstop(){clearTimeout(timer)}functionstart(){vartime=newDate()varhours=time.getHours()varminutes=time.getMinutes()minutes=((minutesvarclock=hours+":"+minutes+":"+secondsdocument.forms[0].display.value=clocktimer=setTimeout("start()",1000)}现在是北京时间：分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确.2．事件驱动和事件处理在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下：functionmyfun