实验二 创建并发布一个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="查看谜底" onclick="alert('1.虾\n2.对虾\n3.龙虾')"> </td> </tr> </table> </body> </html>