JavaWeb网页基本设计练习

最新推荐文章于 2024-05-19 19:34:40 发布
最新推荐文章于 2024-05-19 19:34:40 发布
阅读量9.1k 收藏 63
点赞数 3
分类专栏： 项目 文章标签： JavaWeb Tomcat JaveEE入门
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37808895/article/details/88765290
版权

效果图

在这里插入图片描述
在这里插入图片描述
配置好Tomcat后，JavaEE创建工程，分三个模块框架式搭建

frame.html

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtmll-frameset.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>框架中显示网页</title></head>

<frameset rows="80,* ">
	<frame src="top.html" name="frmtop/">
	
	<frameset cols="25%,* ">
		<frame src="left.html" name="frmleft"/>
		<frame src="content.html" name="frmmain"/>
		</frameset>
		
	</frame>
	
<body>
	
</body>
</html>

top.html

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtmll-frameset.dtd">
<html>

<head>
<meta charset="UTF-8">

</head>
<body bgcolor="# 8888FF">
	<marquee behavior="alternate" direction="right">
		<font size="5 " color="blue">欢迎登陆学生成绩管理系统</font>
	</marquee>
	</body>
</html>

left.html

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtmll-frameset.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>Left 网页</title>
</head>
<body>
	<a href="gradeTable.html" target="frmmain">学生成绩表</a><br></br>
	<a href="STUinfo.html" target="frmmain">学生信息显示</a><br></br>
	<a href="content.html" target="frmmain">返回主页</a><br></br>
</body>
</html>

STUinfo.html

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtmll-frameset.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>学生个人信息</title>
</head>
<body>
	<form name="form1" method="post" action="xsServlet">	
		<table width="400" border="0" align=center bgrcolor="# CCFFCC">
		<tr>
			<td colspan="2" bgcolor="# 999999"><div glign="center">学生个人信息</div></td>
		</tr>
		
		<tr>
			<td width="120" >学号:</td>
			<td><input name="XH" type="text"  value="202160221"/>
		</tr>
			
		<tr>
			<td>姓名:</td>
			<td><input name="XM" type="text"value="王琳"/>
		</tr>
			
		<tr>
			<td>
			<input name="sex" type="radio" name="red" value="男" checked="checked"/>男
			<input name="sex" type="radio" name="red" value="女"/>女
			</td>
		</tr>
		
		
		<tr>
		<td>专业</td>
		<td><select name="se" size="1" multiple="multiple">
			<option>通信工程</option>
			<option selected="selected">计算机</option>
			<option>电子信息</option>
			<option>软件工程</option>
			
		</select></td>
		
		
		<tr>
		<td>所学课程</td>
		<td><select name="se" size="3" multiple="multiple">
			<option>计算机导论</option>
			<option selected="selected">数据结构</option>
			<option>数据库原理</option>
			<option>操作系统</option>
			<option>计算机网络</option>
		</select></td>
		</tr>
		
		<tr>
		<td>兴趣爱好:</td>
		<td>
		<input type="checkbox" name="box" checked="checked"/>旅游
		<input type="checkbox" name="box" checked="checked"/>篮球
		<input type="checkbox" name="box" />阅读
		</td>
		</tr>
		
		<tr><td>简介</td>
		<td>
		<textarea name="ta" rows="3" cols="20" readonly="readonly">
			这是我的简介这是我的简介这是我的简介这是我的简介这是我的简介
			这是我的简介这是我的简介这是我的简介这是我的简介
			这是我的简介这是我的简介这是我的简介这是我的简介
		</textarea>
		</td>
		</tr>
		
		<tr>
		
		

			<td><input type="submit" name="BUTTON1" value="提交"></td>
			<td><input type="reset" name="BUTTON2" value="重置"></td>
		</tr>
	</table>			
</form>	
</body>
</html>

gradeTable.html

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtmll-frameset.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<table align=center border=1 bordercolor=red>
	<!-- 标题 -->
		<caption><font size=5 color=blue>学生成绩表</font></caption>
		<!-- 背景色 --><!-- 表格行设置 -->
		<tr bgcolor=#CCCCCC>
			<th width=80>专业</th>
			<th width=80>学号</th>
			<th width=80>姓名</th>
			<th width=90>计算机导论</th>
			<th width=90>数据结构</th>
		</tr>
	
	
		<tr>
			<td ><font color=red>通信工程</font></td>
			<td>202160221</td>
			<td>肖&nbsp可</td>
			<td align="center">88</td>
			<td align="center">69</td>
		</tr>
		
		
		
		<tr>
			<td rowspan=2><font color=blue>计算机</font></td>
			<td>202160221</td>
			<td>王&nbsp琳</td>
			<td align="center">80</td>
			<td align="center">60</td>
		</tr>
		
		<tr>
			<td>202160221</td>
			<td>何&nbsp红</td>
			<td align="center">85</td>
			<td align="center">79</td>
		</tr>
		
		
		
		<tr>
			<td rowspan=2><font color=green>电子信息</font></td>
			<td>202160221</td>
			<td>李&nbsp诚</td>
			<td align="center">80</td>
			<td align="center">60</td>
		</tr>
		
		
		<tr>
			<td>202160221</td>
			<td>马尚杰</td>
			<td align="center">90</td>
			<td align="center">70</td>
		</tr>
		
	
	</table>
</body>
</html>

content.html

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtmll-frameset.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>Content 网页</title>
</head>
<body>
	<h2 align="center">这里是主网页.</h2>
</body>
</html>
dustdawn
关注
  • 3
    点赞
  • 踩
  • 63
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
JavaWeb 动态网页开发基础
mx861656762的博客
04-05 535
什么是B/S技术 B/S架构（浏览器/服务器）： 程序完全部署在服务器上 B/S技术的工作原理 B/S架构采用请求/响应模式进行交互 URL:Uniform Resource Locator统一资源定位符 组成 http :// localhost:8080 / news/index.html 协议部分 主机IP地址：端口号 项目资源地址 Tomcat 简介 Apache Jakarta的开源项目 JSP/Servlet容器 Tomcat服务器的目录结构 目录 说明 /b
Java Web程序设计
王小波的博客
12-24 565
第一章 Servlet概述 动态网站特点： 交互性 自动更新 随机性 目前被广泛应用的三种动态网站技术：PHP ASP JSP B/S架构 在动态网站技术中，一般使用浏览器作为客户端，客户在浏览器中发出请求，Web服务器得到请求后查找资源，然后向客户返回一个结果； servlet特点： 高效 方便 功能强大 良好的移植性 servlet生命周期的3个方法： ...
Java web网页设计
03-18
Java web网页设计
JavaWeb页面设计
weixin_44530052的博客
10-24 7813
前端js、css和html的基础知识
JavaWeb 网页开发
最新发布
qq_66851231的博客
05-19 932
当我们打开浏览器访问的每一个网站 每个网站都可以看作是一个独立的Web，它由多个互相链接的网页组成 而WEB网页开发又包括静态Web和动态Web两种类型；：静态网页由HTML、CSS和JavaScript组成，内容在服务器上生成后不会改变，用户每次请求相同的页面，服务器都会返回相同的内容，静态网页通常用于内容不经常更新的网站，如个人简历或宣传页面。静态网页就像一张图片，内容是固定的，不会随用户的行为而改变。它主要用HTML、CSS和JavaScript来创建。
JavaWeb练习（一）——HTML
weixin_49516922的博客
08-09 240
JavaWeb练习（一）——HTML 1、HTML 概述 超文本标记语言：Hyper Text Markup Language 文档构成 ： 注释 标签 文本 属性``` <!--注释--> <p><font color="red">你好</font></p> <!-- <p></p><font></font>为标签 也叫做元素 font标签内的 color="red" 为属性 “你好” 是文
javaweb个人主页设计（html+css+js）
qq_63306482的博客
04-24 2万+
个人主页设计
Java Web的概述如何制作
qq_64505257的博客
06-01 423
Java Web的概述
JavaWeb练习题.zip
04-20
在这个"JavaWeb练习题.zip"压缩包中，我们可以推测包含的是作者田超凡设计的一些JavaWeb相关的练习题目，旨在帮助学习者巩固和提升JavaWeb开发技能。 JavaWeb开发主要包括以下几个关键知识点： 1. **Servlet**：...
javaweb学习与练习
03-14
10. **Web安全**：在开发JavaWeb应用时，必须考虑安全性，如防止SQL注入、XSS攻击、CSRF（跨站请求伪造）等，了解基本的安全策略和工具如Spring Security是必要的。 这个“javaweb学习与练习”的资源包可能包含了...
JavaWeb课程设计-鲜花销售系统
05-31
6. **学习价值**：对于初学者来说，这个项目提供了一个实战练习的机会，可以帮助他们了解Web应用开发的基本流程，熟悉Servlet和JSP的生命周期，掌握如何与数据库进行交互，以及如何组织和管理一个JavaWeb项目。...
JavaWeb上机练习8.zip
04-20
综上所述，这个JavaWeb上机练习文件可能涉及了Web应用开发的多个方面，包括基本的请求响应处理、视图层与业务层的分离、数据访问、应用结构设计以及项目构建和部署等。通过实践这些练习，学习者能够深入理解JavaWeb...
JavaWeb练习1.zip
04-20
通过解决这些练习，学习者能够掌握JavaWeb开发的基本技能，为后续的项目开发打下坚实基础。如果包含数据库相关的练习，还可能涉及SQL查询和数据库设计。总之，这是一个全面学习和提升JavaWeb技术的好材料。
javaWeb前端网页课程设计的实现——【JAVA篇】
qq_46412606的博客
06-24 8145
本次课程设计使用MyEclipse编译器，使用的编程语言为HTML5、CSS、JavaScript，本次的课程设计适用于初学者，比较适合本科阶段的结课设计。本次的设计内容包括：各个网页的链接、锚点、注册表、问卷调查、有序列表和无序列表、贪吃蛇小游戏、表格、BOM和DOM、音乐播放器和视频播放器，时钟和电子日历、图片的随机移动，省市联动案例、全选和全不选的效果、压缩包的下载、列表的左右移动.........
JAVAWEB项目页面设计之网上商城JSP页面设计二------JavaWeb
春风若有怜花意，可否许我再少年
09-16 349
JAVAWEB项目页面设计之网上商城JSP页面设计二------JavaWeb
简单的Java web项目代码(8个）
热门推荐
liqz666的博客
11-01 2万+
引言：Java web项目主要采用mvc的的设计思想，系统主要采用java+jsp+servlet+mysql+eclipse实现，具有登陆、分页、导出excel，增删改查等功能,适合初学者，满足基本的实训需求，以下是推荐的几款，总有适合你的java web源码，用于学习非常好！
【用java 写一个web网站流程】
yijiemuhuashi的博客
03-25 5905
要用 Java 写一个 Web 网站，需要掌握 Java 编程语言、Java Web 开发框架（如Spring、Struts等）、Web 前端技术（如HTML、CSS、JavaScript等）和数据库相关知识（如MySQL、Oracle等）。首先，需要选择一个 Java Web 开发框架，如Spring、Struts等。以上是一个简单的Java Web网站开发流程，具体实现过程中需要根据项目需求和实际情况进行调整和优化。在项目中添加Spring相关依赖，然后编写Spring配置文件，配置数据源等信息。
个人博客系统需求文档
demomonster的博客
04-29 9595
个人博客项目需求文档（一）项目简介项目概述功能概述用户需求分析需求一、写文章角色：作者使用场景用例需求二、已发布文章的修改和删除角色：作者使用场景用例需求三、草稿箱的半成品的修改和删除角色：作者使用场景用例需求四、垃圾箱的垃圾的删除和恢复角色：作者使用场景用例功能需求分析功能一...功能二...功能三... 项目简介 项目概述 这是一个简单的个人博客系统，个人练手。完成会部署到云服务器作为记录自己...
java网页设计
小时
10-23 3588
网页设计的概述 1，www: World Wide Web 万维网 ，是信息检索服务系统，用户主要通过网页的形式进行访问 2，URL(Uniform Resource Locator) ，统一资源定位符，是一种地址 3，HTTP（Hyper TextMarkup Language）超文本传输协议，是应用层协议，从www服务器传输超文本导本地浏览器的传,送协议。 4，HTML（Hyper T
javaweb网页设计
09-16
基于您提供的引用内容，javaweb网页设计是一个使用Java编写的Web应用程序。它主要用于创建和开发运行在Web浏览器上的网页和应用程序。在JavaWeb课程设计中，可以通过Java编写后端代码，并使用HTML、CSS和JavaScript等前端技术来实现网页的设计和功能。 在您提供的引用中，有关JavaWeb课程设计的具体内容包括一个音乐播放器网页项目的源代码以及一个Web页面的设计示例。 在音乐播放器网页项目中，您可以使用Java编写后端代码，实现音乐播放器的逻辑和功能，同时通过HTML、CSS和JavaScript等前端技术来实现用户界面和交互效果。 而在Web页面设计示例中，通过引用中的代码，展示了一个基本的盒子模型的设计。盒子模型是Web页面设计中的一个重要概念，用于定义和布局页面中的元素。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值