实验二 创建并发布一个JSP网站

实验二  创建并发布一个JSP网站

一、实验目的

1、掌握tomcat配置及使用方法;

2、熟悉Eclipse

3、掌握在Eclipse中创建JSP网站,并发布的基本过程

二、实验内容

Eclipse中创建并发布一个JSP网站。要求如理论课本P58简答题2

三、实验方法

1、打开Eclipse, 创建一个名称为自己名字的动态web项目。

2.在项目中的webContent节点下创建一个名为index.jspJSP文件,并设置页面采用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="查看谜底" onclick="alert('1.虾\n2.对虾\n3.龙虾')">
  </td>
  </tr>
</table>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/nabla_/article/details/79818928