实验二 创建并发布一个JSP网站
一、实验目的
1、掌握tomcat配置及使用方法;
2、熟悉Eclipse;
3、掌握在Eclipse中创建JSP网站,并发布的基本过程。
二、实验内容
在Eclipse中创建并发布一个JSP网站。要求如理论课本P58简答题2
三、实验方法
1、打开Eclipse, 创建一个名称为自己名字的动态web项目。
2.在项目中的webContent节点下创建一个名为index.jsp的JSP文件,并设置页面采用UTF-8编码。
3.在index.jsp中,参照电子课件第2章《JSP动态网页设计基础》知识来设计web页面元素,利用javascript+css完成实验要求。
4.运行index.jsp.
代码如下:
<!DOCTYPE html>
<html>
<body>
<head>
<style type=text/css>
table{
width:400px;
font-size:13px;
}
.tds1{
background-color:#b2d68e;
height:30px;
text-align:center;
}
.tds2{
background-color:#f3db5d;
height:200px;
text-align:left;
padding:10px;
}
.tds3{
background-color:#ff8158;
height:30px;
text-align:right;
}
</style>
</head>
<table border="0">
<tr>
<td class="tds1">
<script language = "JavaScript">
<!--
var today = new Date();
var day = today.getDate(); //获取日期
var month = today.getMonth() + 1; //获取月份
var year = today.getFullYear(); //获取年份
var week = today.getDay(); //获取星期几
var vw = new Array("星期天","星期一","星期二","星期三","星期四","星期五","星期六");
document.write("今天是" +year+ "年" + month + "月" + day+"日"+vw[week]);
//->
</script>
——欢迎您来猜一猜
</td>
</tr>
<tr>
<td class="tds2">
<p>谜面:</p>
<p>1:一只羊在吃草,一只狼从旁边经过没有吃羊。 <br />
2:又一只狼经过,还是没有吃羊。 <br>
3:第三只狼经过,羊冲狼大叫,狼还是没吃羊。 </p>
<p>打:3种动物 </p>
</td>
</tr>
<tr>
<td class="tds3">
<input type="button" value="查看谜底" οnclick="alert('1.虾\n2.对虾\n3.龙虾')">
</td>
</tr>
</table>
</body>
</html>