目录
目的
学会用Web开发工具编制网页,能使用Jbuilder网页代码;掌握Tomcat的安装、初步配置和运行。
内容
(1)把Web开发工具安装在自己的机器上,做好初步配置。
(2)学习中html基础控件,能制作简单html页面,并能部署到tomcat服务器上运行
实现过程
Tomcat部署到IDEA:
Tomcat服务器上运行html页面:
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
label{
color: red;
}
input{
border: 1px solid #ccc;
padding: 7px 0px;
border-radius: 3px;
padding-left:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
input:focus{
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
</style>
<title>登录</title>
</head>
<body background="../img/307e003b885dbada.gif"
style="background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100% ;" >
<form action="http://www.baidu.com" method="">
<center>
<h1>登录界面</h1>
<br>
<label style="">账号</label>
<input type="text" name="uesr" id="001" value="" placeholder="请输入账号" />
<br/>
<label>密码</label>
<input type="password" name="password" id="" value="" placeholder="请输入密码"/>
<br/>
<button type="button">登录</button>
<button type="button">注册</button>
<a href="index.html">回来</a>
</center>
</form>
</body>
</html>
运行结果:
总结
这个实验是我在学习Web开发过程中的一次实践性学习,主要包括两个部分:安装Web开发工具并进行初步配置,以及学习HTML基础控件、制作简单HTML页面并部署到Tomcat服务器上运行。
首先,我按照指导,选择了适合我的操作系统的Web开发工具,并进行了安装。在安装过程中,我遇到了一些依赖库版本不匹配的问题,需要手动调整配置。通过查阅官方文档和进行一些实验,最终成功地完成了安装。在安装完成后,我对工具进行了初步配置,包括设置默认编码、安装必要的插件等,确保可以顺利进行后续的开发工作。接着,我开始学习HTML基础知识,包括HTML标签、元素、属性等内容。我通过实践编写了一些简单的HTML页面,包括标题、段落、列表、链接等基本元素,并学会了如何在页面中插入图片、创建表单等操作。在编写HTML页面的过程中,我也注意到了HTML的结构和语法规范,这对于今后编写更复杂的页面将起到重要的基础作用。 最后,我学会了如何将制作好的HTML页面部署到Tomcat服务器上进行运行。我按照指导,将HTML文件放置到Tomcat的webapps目录下,并启动Tomcat服务器,通过浏览器访问相应URL,成功地看到了自己制作的页面在浏览器中显示的效果。这个过程让我对Web页面的部署有了更深入的了解,也使我对Web开发的整个流程有了更清晰的认识。
在整个实验的过程中,我不仅学会了具体的操作技能,还培养了解决问题的能力。在遇到困难时,我学会了如何查阅相关文档、向同学请教,以及如何利用搜索引擎寻找解决方案。这些都是非常宝贵的经验,对我未来的学习和工作都将大有裨益。总的来说,通过这个实验,我收获颇丰,不仅增强了对Web开发工具和HTML基础知识的理解,也提升了自己的实际操作能力。希望今后能够将这些知识应用到实际项目中,不断提升自己的技能水平。