<!-- 상단 디자인 출력 부분 -->
<table width="960" border="1" align=center>
<tr>
<td><br>
<a href="/shop_main/main_body.htm">웹디모 초간단 홈페이지</a><br>
<br>
우리 홈피 메뉴 : ( 아직없음^^;;)<br>
<br>
</td>
</tr>
</table>

<!-- BODY 본문 디자인 출력 부분 -->
<table width="960" border="1" align=center>
<tr>
<td width=200 valign=top>
<table width="200" border="1">
<tr>
<td>
<br>
<br>
로그인 박스<br>
<br>
<br>
배너1 <br>
배너2 <br>
배너3 <br>
배너4 <br>
</td>
</tr>
</table>
</td>
<Td valign=top>
{BODY_CONTENT}
</td>
</tr>
</table>

<!-- 하단 디자인 출력 부분 -->
<table width="960" border="1" align=center>
<tr>
<td width="200">
<p><br>
<a href='/shop_main/main_body.htm'> 하단 로고</a><br>
</p>
</td>
<td> <br>
홈페이지명 : 초급미션홈피<br>
운영자:웹돌이<br>
이메일주소 : aaaa@naver.com<br>
<br>
총방문자수 : 00 / 이달방문자수 : 00 / 오늘 방문자수 : 00 </td>
</tr>
</table>

※ 위 소스에서 /shop_main/main_body.htm 은 메인으로 이동하는 링크이므로 꼭 기억해두세요

(x)<a href='/'>메인으로 이동</a>

(x)<a href='http://내도메인'>메인으로 이동</a>

(o)<a href='/shop_main/main_body.htm '>메인으로 이동</a>

※ 본 솔루션은 일반 html 및 <div>표준 코딩 모두 적용 가능 합니다.

※ HTML 소스

<table width="740" border="1">
<tr>
<td>
<p><br>
안녕하세요 000 네 홈페이지 입니다.</p>
<p>(여기에 간단한 홈페이지 소개말입력해주세요 ^^)<br>
</p>
</td>
</tr>
</table>

※ 본 미션을 정상적으로 수행 하셨다면 본 솔루션은 어떠한 틀에 구애 받지않고 원하는 레이아웃을 만들수 있는것을 확인 할수 있었을것 입니다.

레이아웃을 스킨방식으로 설정시 자유로운 레이아웃이 가능하지만 너무 많은 스킨은 유지보수면에서 복잡하고 어려워질수 있으니 체계적으로 소스관리를 잘하셔야 합니다.

예를들어 메뉴가 많은 홈페이지를 제작할때 각 메뉴마다 배경 이미지만 다르다고 했을때, 각 메뉴마다 스킨을 만들때 원본소스를 다 넣을것인지, 반복되는 부분을 그룹디자인으로 어떻게 처리할것인지를 적절하게 조절해야 합니다.

※ 인증업체를 목표로 하신다면 본 미션은 맞춤제작에 필요하므로 꼭 알아두셔야 하고,

템플릿 주문이 들어오는경우 대부분의 템플릿이 초급A코스와 같은 형태로 코딩되어 있으므로, A코스, B코스 모두 사용방법을 숙지해야 합니다.