web第一次实验Word下载.doc
《web第一次实验Word下载.doc》由会员分享，可在线阅读，更多相关《web第一次实验Word下载.doc（6页珍藏版）》请在冰点文库上搜索。
计算机软件学院
专业
软件工程
实验类型
上机
实验学时
2
2015、4、15
一、实验目的和要求
（1）、通过上机实践，熟悉HTML和JavaScript脚本实现技术。
（2）、加深对web编程的认识。
二、实验环境（实验设备）
硬件：
微机
软件：
windowXP，浏览器IE，编辑器Editplus
三、实验原理及内容
实验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="
en"
>
<
head>
<
metacharset="
UTF-8"
metaname="
Generator"
content="
EditPlus®
"
Author"
Keywords"
Description"
--
（1）-->
title>
欢迎访问高明珠的主页<
/title>
/head>
body>
h1>
Theintrodutionofmyself<
/h1>
hr/>
<
--
（2）-->
p>
h2>
i>
mypicture<
/i>
/h2>
br/>
imgsrc="
me.jpg"
alt="
Pictureofmine"
/>
/p>
big>
Mynameis<
GaoMingzhu<
/big>
andIam20yearsold,whoisagirl,bornin1994.<
br/>
small>
ThecityofNeijiang,Sichuanprovinceismyhometown.<
/small>
--（3）-->
个人经历简介<
ol>
<
li>
IliveandstudyinthecityofNanJingnow.Ilearnintheuniversityof<
NJUPT<
.<
/li>
b>
Softwareengneering<
/b>
ismymajorincollege.AndIwillstudyharder.<
Therearefivepeopleinmyfamily.<
Theyaremygrandmother,mymother,myfatherandmysister.<
Ilovethemverymuch.<
/ol>
--（4）-->
我最喜欢的4本书<
ul>
《白雪公主》<
《钢铁是怎样炼成的》<
《读者》<
《演讲与口才》<
/ul>
--（5）-->
我的兴趣<
blockquote>
Ilikeplayingshuttlecockwithmyfriendsverymuch,feelinghappy.
/blockquote>
--（6）-->
6门主干课程成绩表<
tableborder="
border"
tr>
<
th>
课程表<
/th>
开学日期<
任课教师<
分数<
/tr>
高等数学<
2012秋季<
张三<
90<
离散数学<
李四<
80<
线性代数<
2013秋季<
黎明<
85<
大学物理<
2014春季<
陈辉<
c语言程序设计<
金仙力<
/table>
br>
/br>
--（7）-->
h4>
我的大学主页链接<
/h4>
Thehomepageofmyuniversityis<
ahref="
/body>
/html>
实验代码2：
Document<
scripttype="
text/javascript"
vara=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,"
Thesecondrootis:
root2,"
/script>
四、实验小结（包括问题和解决方法、心得体会、意见与建议等）
通过本次试验，我基本掌握并熟悉了客户端HTML脚本编写过程。
我对web网页设计的认识有了很大的提高，而且兴趣也更浓厚了，只是现在还有很多程序设计的知识还不太清楚，不过我会努力学好，因为我觉得这个很有用。
五、指导教师评语
成绩
批阅人
日期
-5-
升级会员 