JAVA개념&실습

WEB : [0530] 게시판 기본 구성 실습

u_SZero 2023. 6. 6. 21:59

! 배워가고 있는 주인장이 쓴 글이니 정보의 정확성에 유의하시기 바랍니다 !



WebApp19


Main.jsp

<%@ page contentType="text/html; charset=UTF-8"%>
<% 
	request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Main.jsp</title>
<link rel="stylesheet" type="text/CSS" href="css/main.css">

<style type="text/css">
	* {font-size: 9pt;}
</style>

</head>
<body>
<!-- 요즘엔 사용 잘 안함 -->
<div>
	<table style="width: 400px;" border="1">
		<tr>
			<td colspan="2">
				<!-- Top -->
				<jsp:include page="Top.jsp"></jsp:include>
			</td>
		</tr>
		<tr style="height: 300px;">
			<td style="width: 100px;">
				<!-- Left -->
				<jsp:include page="Left.jsp"></jsp:include>
			</td>
			<td>
				Main(메인 화면)
			</td>
		</tr>	
		<tr>
			<td colspan="2">
				<!-- Bottom -->
				<jsp:include page="Bottom.jsp"></jsp:include>
			</td>
		</tr>	
	</table>
</div>

</body>
</html>

 


Top.jsp

<%@ page contentType="text/html; charset=UTF-8"%>
<% 
	request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Top.jsp</title>
<link rel="stylesheet" type="text/CSS" href="css/main.css">
</head>
<body>

상단 메뉴<br>
<a href="">로그인</a> | <a href="">회원가입</a> | <a href="">정보확인</a>

</body>
</html>

Bottom.jsp

<%@ page contentType="text/html; charset=UTF-8"%>
<% 
	request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bottom.jsp</title>
<link rel="stylesheet" type="text/CSS" href="css/main.css">
</head>
<body>

하단 메뉴<br>
<a href="">사이트 소개</a> |
<a href="">이용 약관</a> |
<a href="">도움말</a> |
<a href="">사이트 맵</a> |

</body>
</html>

Left.jsp

<%@ page contentType="text/html; charset=UTF-8"%>
<% 
	request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Left.jsp</title>
<link rel="stylesheet" type="text/CSS" href="css/main.css">
</head>
<body>

좌측 메뉴<br>
<ul>
	<li><a href="">게시판</a></li>
	<li><a href="">방명록</a></li>
	<li><a href="">일정관리</a></li>
</ul>

</body>
</html>

 

 


! 배워가고 있는 주인장이 쓴 글이니 정보의 정확성에 유의하시기 바랍니다 !