본 미션을 수행하기전 자신에게 맞는 미션인지 확인 후 수행하시기 바랍니다.

[1세대 - 레이아웃선택 방식] ------------------------------------------------------------ A코스

우리 아람 솔루션은 지난 2006년부터 비공식 베타오픈 하였으며, 이때 당시 표준코딩이라는 작업방식이 존재하지 않았습니다.

그렇다 보니 2006~2009년사이에 구축된 모든 홈페이지 및 템플릿은 익스7,8에만 맞춰줘 있으며, 스마트폰이라는게 보급화되지 않았기 때문에 스마트폰에서는 일부 깨지는 현상이 발생되고 있습니다.

결국 2009년도 이하 제작된 템플릿은 PC전용 홈페이지이며, 스마트폰에서 사용시 별도 모바일웹을 구축해서 이를 보안해야 합니다.

이때 당시 제작된 모든 템플릿은 "레이아웃 선택방식 + 자바스크립트"로 제작되어 있으며, 사용방법을 익히시려면 미션 A코스를 수행하셔야 합니다.

왜 궂이 구버젼 템플릿을 사용하기 위해 사용방법을 익혀야 하냐구요?

이유는 간단합니다. 싸고 종류가 무려 200여종이나 되기 때문입니다.

[2세대 - 스킨 방식] ------------------------------------------------------------------- B코스

위 레이아웃 선택 방식의 문제점은 특정 레이아웃이 정해져있기때문에 좀 더 독특하고 다양한 디자인을 소화해내기에 한계가 있으며, 모바일웹 제작시 적합하지 않습니다.

이를 보안하기 위해 스킨제작 방식이 추가 되었으며, 사용방법은 미션 B코스를 수행하시면 됩니다.

스킨방식으로 제작된 템플릿은 2010~2012년 사이에 제작된 템플릿으로 약 200여종 됩니다.

[3세대 - PHPX 방식] ------------------------------------------------------------------ C코스

최근 IT급변화로 인해 홈페이지 하나 제작 하려면 많은것을 고려 해야 합니다.

스마트폰 및 테블릿 최적화, 장애인차별법 금지, 접근성, 웹표준등 신경써야할것들이 너무나 많아 졌습니다.

더군다나 반응형웹이라는 새로운 상품이 출시 되어 더욱더 복잡해져만 가고 있습니다.

아람 솔루션은 이를 보안하기 위해 PHPX 문법을 개발하고 반응협 템플릿을 출시하였습니다.

PHPX문법을 익히시려면 미션 C코스를 수행해야 합니다.

※ 운영관리자모드란?

홈페이지 제작완료 후 운영에 필요한 컨텐츠만 관리 할 수 있도록 되어 있습니다.

반면에 고급관리자 모드는 홈페이지 제작 및 컨텐츠 관리등 모든 기능이 포함 되어 있습니다.

<!-- 상단 디자인 출력 부분 -->
<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코스 모두 사용방법을 숙지해야 합니다.

위 미션 수행 후 덧글에 소감 한마디 남겨주세요~~~~ ^0^