간단프로젝또 : 첫째날

1. main.jsp 레이아웃

윗부분
1층 : 간단한메세지 (이벤트)
2층 : 로그인 , 회원가입 , 고객센터
3층 : 메뉴 : 펜션소개(소개글,오시는길), 객실보기, 주변관광지(관광지 목록)
예약하기(예약안내, 실시간 예약), 커뮤니티(공지사항, 게시판, 여행후기)

중간부분
4층 : 펜션관련 그림을 크게
5층 : 공지사항, 자유게시판, 여행후기 4건정도씩 출력하기
6층 : 이벤트나 행사내용 4개정도 출력

아랫부분
7층 : 펜션소개

2. main.jsp : 윗부분(메뉴), 중간부분(페이지내용), 아랫부분(펜션소개)

윗부분과 아랫부분은 모든페이지에 맨위,맨아래에 나올수 있게끔 포함 시킨다리

하위메뉴는 주메뉴 태그내에 포함
주메뉴는 position (relative)을 무조건 가져야함
하위메뉴는 position:absolute;

동일한 이름의 클래스는 자바스크립트로 접근할때 0,1,2,3 순으로 접근 할 수 있다.

사용 예)

function view_menu(n) // 5개의 class="sub"요소중에 하나를 보여준다.
{
	document.getElementsByClassName("sub")[n].style.visibility="visible";
}
function hide_menu(n)
{
	document.getElementsByClassName("sub")[n].style.visibility="hidden";
}

<ul>
		<li class="main"> logo </li>
		<li class="main" onmouseover="view_menu(0)" onmouseout="hide_menu(0)"> 펜션소개
			<ul class="sub">
				<li> 소개인사 </li>
				<li> 오시는 길 </li>
			</ul>
		</li>
		<li class="main" onmouseover="view_menu(1)" onmouseout="hide_menu(1)"> 객실현황
			<ul class="sub">
				<li> 자작나무 </li>
				<li> 계수나무 </li>
				<li> 느티나무 </li>
				<li> 사과나무 </li>
				<li> 은행나무 </li>
				<li> 편백나무 </li>
			</ul>
		</li>

맨 윗부분과 아랫부분을 매번 코드를 쓰지않고 인크루드를 통해 가져다쓰기	
<%@ include file = " 파일명 " %> 

1. 회원가입
   테이블 : member

   항목
   id(식별번호)
   userid
   pwd
   phone
   email
   writeday

   object 는 바로 출력할땐 그냥 사용해도 되지만
   변수에 입력하거나 할땐 toString() 하셔야합니당