web第一次实验

实验报告（2014/2015学年第二学期）课程名称Web技术（双语）实验名称客户端HTML脚本编写实验时间2015年4月15日指导单位南京邮电大学指导教师韩京宇学生姓名高明珠班级学号B13040907学院(系)计算机软件学院专业软件工程-2-实验报告实验名称客户端HTML脚本编写指导教师韩京宇实验类型上机实验学时2实验时间2015、4、15一、实验目的和要求（1）、通过上机实践，熟悉HTML和JavaScript脚本实现技术。（2）、加深对web编程的认识。二、实验环境(实验设备)硬件：微机软件：windowXP，浏览器IE，编辑器Editplus-3-三、实验原理及内容实验1、编写个人主页，要求包含如下信息。(1)、标题“欢迎访问XXX的主页”(2)、个人简介，包含照片(3)、个人经历简介，以有序列表形式显示(4)、个人最喜欢的4本书，以无序列表显示(5)、个人兴趣简介，以段落文字方式显示，或者以列表显示。(6)、列出6门主干课程成绩，以表格形式显示。如下示例表3.1：成绩显示格式课程名开课学期任课教师分数高等数学2012秋季张三90离散数学2012春季李四80（7）个人的朋友主页链接或者学校主页链接。（8）其它个人想表达的信息。2、HTML文件中嵌入javascript脚本实现输入a，b，c三个系数，计算方程的两个根并在页面上显示。实验代码1：!doctypehtml!--实验一第一小题--htmllang=enheadmetacharset=UTF-8metaname=Generatorcontent=EditPlus®metaname=Authorcontent=metaname=Keywordscontent=metaname=Descriptioncontent=!--(1)--title欢迎访问高明珠的主页/title/headbodyh1Theintrodutionofmyself/h1hr/!--(2)--ph2imypicture/i/h2br/imgsrc=me.jpgalt=Pictureofmine/br/br//ppbigMynameisbigGaoMingzhu/bigandIam20yearsold,whoisagirl,bornin1994./bigbr/smallThecityofNeijiang,Sichuanprovinceismyhometown./smallbr/-4-/pp!--(3)--h2个人经历简介/h2olliIliveandstudyinthecityofNanJingnow.IlearnintheuniversityofbigNJUPT/big./lilibSoftwareengneering/bismymajorincollege.AndIwillstudyharder./p/liliTherearefivepeopleinmyfamily.br/Theyaremygrandmother,mymother,myfatherandmysister.br/bigIlovethemverymuch./big/li/olbr/br/!--(4)--h2我最喜欢的4本书/h2ulli《白雪公主》/lili《钢铁是怎样炼成的》/lili《读者》/lili《演讲与口才》/li/ulbr/br/!--(5)--h2我的兴趣/h2blockquotepIlikeplayingshuttlecockwithmyfriendsverymuch,feelinghappy./p/blockquotebr/br/!--(6)--h26门主干课程成绩表/h2br/tableborder=bordertrth课程表/thth开学日期/thth任课教师/thth分数/th/trtrth高等数学/thth2012秋季/thth张三/thth90/th/trtrth离散数学/thth2012秋季/thth李四/thth80/th/trtrth线性代数/thth2013秋季/thth黎明/thth85/th/trtrth大学物理/th-5-th2014春季/thth陈辉/thth90/th/trtrthc语言程序设计/thth2013秋季/thth金仙力/thth90/th/tr/tablebr/br!--(7)--h4我的大学主页链接/h4br/Thehomepageofmyuniversityisahref=://jwc.njupt.edu.cn//abr//p/body/html实验代码2：!doctypehtmlhtmllang=enheadmetacharset=UTF-8metaname=Generatorcontent=EditPlus®metaname=Authorcontent=metaname=Keywordscontent=metaname=Descriptioncontent=titleDocument/title/headbodyscripttype=text/javascriptvara=prompt(a=,);varb=prompt(b=,);varc=prompt(c=,);varroot_part=Math.sqrt(b*b-4*a*c);vardemon=2.0*a;varroot1=(-b+root_part)/demon;varroot2=(-b-root_part)/demon;document.write(Thefirstrootis:,root1,br/);document.write(Thesecondrootis:,root2,br/);/script/body/html-6-实验报告四、实验小结（包括问题和解决方法、心得体会、意见与建议等）通过本次试验，我基本掌握并熟悉了客户端HTML脚本编写过程。我对web网页设计的认识有了很大的提高，而且兴趣也更浓厚了，只是现在还有很多程序设计的知识还不太清楚，不过我会努力学好，因为我觉得这个很有用。五、指导教师评语成绩批阅人日期