创建并发布一个JSP网站

实验二 创建并发布一个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.
四、实验学时:2学时(第4周)
五、 实验代码:
word.html


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>猜字谜title>
<style type="text/css">
#div1 {
    background-color: #A9A9A9;
    padding: 10px 0 10px 0;
    margin: 3px 10% 3px 10%;
    text-align: center;
    font-size: 30px;
    font-family: Georgia;
}

#div2 {
    background-color: #DCDCDC;
    margin: 3px 10% 3px 10%;
    font-size: 15px;
    text-indent: 5em;
}

#div3 {
    background-color: #808080;
    text-align: right;
    margin: 3px 10% 3px 10%;
    padding: 10px 5px 10px 0;
}
style>
head>
<body>
    <div id="div1">
        <script type="text/javascript">
            var today = new Date();
            var day = today.getDate();
            var month = today.getMonth() + 1;
            var year = today.getFullYear();
            var week = today.getDay();
            var vm = new Array("星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
            document.write("今天是" + year + "年" + month + "月" + day + "日"
                    + vm[week] + " ---欢迎您来猜一猜");

            function answer() {
                document.write("
谜底是三种动物!"
); document.body.style.backgroundColor = "#FFFFE0";//改变背景色 }
script> div> <div id="div2"> <br> <br> <p>谜语:p> <br /> <p>1.一只羊在吃草,一只狼从旁边经过没有吃羊。p> <p>2.又一只狼经过,还是没有吃羊。p> <p>3.第三只狼经过,羊冲狼大叫,狼还是没有吃羊。p> <p>打:3种动物p> <br> div> <div id="div3"> <input type="button" value="查看谜底" onclick="answer()" /> div> body> html>

效果展示

创建并发布一个JSP网站_第1张图片

创建并发布一个JSP网站_第2张图片

你可能感兴趣的:(【编程语言】➣,jsp)