Web的运行环境配置和简单的Web页面实现

最新推荐文章于 2024-05-28 13:20:51 发布

TXQIHYJ

最新推荐文章于 2024-05-28 13:20:51 发布

阅读量155

点赞数

文章标签：前端 intellij-idea java

本文链接：https://blog.csdn.net/TXQIHYJ/article/details/134885814

版权

目的

学会用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基础知识的理解，也提升了自己的实际操作能力。希望今后能够将这些知识应用到实际项目中，不断提升自己的技能水平。

TXQIHYJ

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web的运行环境配置和简单的Web页面实现

这个实验是我在学习Web开发过程中的一次实践性学习，主要包括两个部分：安装Web开发工具并进行初步配置，以及学习HTML基础控件、制作简单HTML页面并部署到Tomcat服务器上运行。首先，我按照指导，选择了适合我的操作系统的Web开发工具，并进行了安装。在安装过程中，我遇到了一些依赖库版本不匹配的问题，需要手动调整配置。通过查阅官方文档和进行一些实验，最终成功地完成了安装。在安装完成后，我对工具进行了初步配置，包括设置默认编码、安装必要的插件等，确保可以顺利进行后续的开发工作。接着。
复制链接

扫一扫