ProgrammingWeb

카페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  *}} 

앞으로 여러분이 많이 접하게 될 부분인데요 한번 보세요…

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

이런 부분이 있습니다..
만약 정상적으로 코딩이 된다면

<td> 화면 내용 </td>

이렇게 되어야겠죠 하지만 카페24 쇼핑몰에서는 각각을 모듈로 표현되기 때문에 세부적인 내용은 각각의 모듈을 찾아서 수정을 함으로 해서 변경이 가능 합니다.

기존에 html 코딩에 익숙하신 분이라면 조금 혼돈이 올 수도 있겠지만 기본적은 부분만 잘 이해 하신다면..
그닥…어렵지 않다는 것을 아실 수 있을거에요..

이부분이 이해 되셨다면 이제 부터 본격적으로 카페24 쇼핑몰 디자인을 배워 보도록 할까요~

더 보기

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Back to top button