[무료 쇼핑몰 만들기] 카페24를 이용하여 무료 쇼핑몰 제작 _ 6(디자인관리)

쇼핑몰 스킨을 꾸미는 디자인관리에 대하여 알아보자. "디자인관리"를 효율적으로 하기 위해서는 "포토샵" 사용을 권한다. 포토샵을 익혀 두면 여러분야에 다양하게 쓸 수 있으므로 기회를 잡아 포토샵 공부를 하기 바란다. 포토샵을 사용해 본 사람으로서 사람의 손으로 할 수 있는 모든 그림을 다 할 수 있는 탁월한 프로그램이다.

 

 

1. [디자인관리]-[디자인 기본환경설정]

- 쇼핑몰에 처음 접속했을 때 웹브라우저 맨 위 상단에 뜨는 제목 내용을 표시된 부분에 기록한다.

- 쇼핑몰 정렬 : 좌측정렬 또는 중앙정렬 선택

- 쇼핑몰 배경 : 색상 또는 이미지배경을 선택한다.

- 쇼핑몰에서 좌, 우측에 움직이는 배너의 상,좌,우 간격 설정

- 최근 본 상품 : 최근 본 상품의 갯수를 표시

 

 

 

 

2. [디자인관리]-[HTML 디자인설정]에서 대부분의 스킨을 수정할 수 있다.

"메인화면" 설정에서 첫페이지를 수정할 수 있다.

 

 

 

3. [디자인관리]-[HTML 디자인설정]-[메인화면]-[공통모듈설정]

- TopLogo : 오른쪽 "편집"버튼을 클릭하여 "이미지등록"에서 상호 이미지를 등록한다. 

 

 

4. [디자인관리]-[HTML 디자인설정]-[메인화면]-[공통모듈설정]

- 상단이미지 : 메인 이미지 또는 플래시가 들어가는 곳이다. "편집" 버튼을 눌러 준비한 이미지 또는 플래시 화일을 넣는다.

 

 

 

 

5. [디자인관리]-[HTML 디자인설정]-[메인화면]-[공통모듈설정]-<LEFT/RIGHT 공통모듈>

 

여기에서는 메인페이지 좌, 우에 배치되는 "배너"에 대한 수정 부분이다.

카페24에서 기본적으로 제공되지 않는 배너는 "임의 배너"를 선택하여 "편집"버튼을 클릭하여 넣으면 된다.

 

 

 

 

6. [디자인관리]-[HTML 디자인설정]-[메인화면]-[공통모듈설정]-<BOTTOM 공통모듈>

- 쇼핑몰 하단에 나오는 정보를 입력하는 곳이다.

[디자인관리]-[HTML 디자인설정]-[메인화면]-[공통모듈설정]-<기타 공통모듈>

- 쇼핑몰 좌, 우에 움직이는 배너에 관한 부분이다.

 

 

 

 

"디자인관리"는 개인의 역량에 따라 쇼핑몰의 퀄러티를 좌우한다.

바라기는 포토샵 프로그램에 도전해보길 진심으로 바란다.

포토샵도 기능인만큼 한 가지 작업을 반복해서 자기의 것으로 만들면 그 다음 부터는 가속도가 붙는다.