CMS매뉴얼 1.메인디자인 하기
2012-02-25 19:32:05
 

완성화면 미리보기 : http://ushop009.yestop.co.kr

 

 

 

 

01. 메인디자인 하기

1 메인디자인 하기

본교제에서 사용되는 웹디모 솔루션을 사용하여 “메인 기본 세팅이미지”를 아래의 “메인 변경 할 이미지”로 바꾸어 보도록 하겠습니다. 아래의 “메인 변경 할 이미지”의 쇼핑몰 디자인을 간단히“웹디모 샵”이라고 하겠습니다.

(1) 메인 디자인 하기

메인 기본 셋팅 이미지

EMB000014903549 src

메인 변경할 이미지

EMB00001490354a src(2) 메인 디자인 영역 나누기

웹디모 솔루션을 적용할 쇼핑몰의 메인을 상단 디자인, 왼쪽 디자인, 메인 중앙 디자인, 하단 디자인으로 나누어서 코딩해 보겠습니다.

? 가로와 세로 높이를 맞추어 잘 구분된 경우입니다.

EMB00001490354b src

? 메인디자인의 구분이 잘못된 경우로 왼쪽 디자인과 상단 디자인, 하단 디자인의 가로길이를 맞추기가 어렵습니다.

EMB00001490354c src

? 메인디자인의 구분이 잘못된 경우로 왼쪽 디자인과 하단 디자인의 가로길이를 맞추기 어렵습니다.

EMB000014903546 src

? 메인디자인의 구분이 잘못된 경우로 서브디자인 코딩시에 상단 디자인을 다시 해야 하는 번거로움이 있습니다.

EMB000014903547 src