카페24 쇼핑몰 만들기 - 메인 화면 디자인 1

카페24 쇼핑몰 만들기 – 메인 화면 디자인 1

카페24 쇼핑몰 메인화면 입니다.
위 그림에서 보는 것과 같이 카페24 쇼핑몰의 메인 화면은 TOP, LEFT, CENTER, RIGHT, BOTTOM 으로 분류 되어 있습니다.

그리고 CENTER를 제외한 나머지 부분들은 공통모듈 리스트에서 모두 수정 할 수있는데요 공통모듈이란 전체 페이지에서 공통적으로 사용되는 부분을 이야기 합니다.

카페24 쇼핑몰은 전체적으로 table 을 생성하고 TOP, LEFT, CENTER, RIGHT, BOTTOM 부분 별로 각각의 table 로 구성되어있으며 table속에 다시 하나하나의 모듈로 분류 되었습니다.

예를 들어 고객이 로그인을 했을때 나타나는 인사말 카페24쇼핑몰에서는 “환영인사” 로 표기 됩니다.

{{* top start *}}
  <table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=”{{$tab_array.a_16.bgcolor}}”>
    <tr>
       <td>
          <table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
            <tr>

            {{* MODULE a_1 : TOP LOGO $a_1 *}}
     {{$a_1}}
            {{* MODULE a_6 : 환영인사/로그아웃 *}}
            {{$a_6}}

            </tr>
          </table>
       </td>
    </tr>
    {{* 상단 메뉴 /검색창 A형 (a_32 공통모듈)포함 : 이 모듈은 반드시 사용된다.*}}
    {{$a_33}}
    <tr>
      <td height=”7″></td>
    </tr>
    {{* 상단이미지 *}}
    {{$a_7}}
  </table>
  {{* top end *}}