SHOPPING MALL - OnLine VIDEO LECTURE
   
ID/PW 찾기 My페이지 |  처음사용자 이용안내 |  게시판 |  VIP 전과정 자유이용권
한달 9,900원이면 사이트내 전과정을 프리패스로 이용~

[2018 모먼트스킨 신규촬영 2편] 메인페이지 테마와 상품진열 및 Display 디자인 완전정복
1 선수학습 : [ 2018 New 실전 1 ] 고도몰5로 내 쇼핑몰 가장 빠르고 트랜디하게 만들기    
2 Part 1 - 메인페이지 Display 수정 [일괄다운]     동영상다운
3 강의개요    
4 상품등록 - 복사기능 활용    
5 상품 이미지 사이즈도 디자인이다    
6 메인페이지 베스트상품쪽에 상품을 노출하려면    
7 수정옵션들 1    
8 수정옵션들 2 - 타이틀바 이미지로 등록 및 더보기 버튼 삭제    
9 수정옵션들 3 - 하단 더보기 버튼    
10 수정옵션들 4 - 수동진열과 자동진열    
11 수정옵션들 5 - 상품설명바를 활용한 자동정렬    
12 수정옵션들 6 - 먼저 보여주고픈 상품 상단에 노출하려면    
13 한 화면에 노출시키는 베스트상품 갯수를 조정하려면    
14 [Tip] 상단에 상품진열 고정시 애매한 것1    
15 [Tip] 상단에 상품진열 고정시 애매한 것2    
16 Part 2 - 메인테마 11종류 디자인 [일괄다운]     동영상다운
17 고도몰 메인테마 11개 디자인에 대한 개괄적인 개요    
18 고도몰 메인테마 이름들 알기쉽게 변경하기    
19 고도몰 메인테마 이름들 알기쉽게 변경하기2    
20 고도몰 메인테마 - 갤러리형과 상품이동형    
21 고도몰 메인테마 - 세로이동형과 스크롤형    
22 고도몰 메인테마 - 선택강조형 디자인    
23 고도몰 메인테마 - 심플이미지형 디자인    
24 고도몰 메인테마 - 말풍선형 디자인    
25 고도몰 메인테마 - 장바구니형 디자인    
26 메인테마 노출항목 설정 - 상품할인금액을 설정하려면    
27 Part 3 - 메인테마 탭진열형 집중 [일괄다운]     동영상다운
28 탭진열 가로형 사용법1    
29 탭진열 가로형 사용법2    
30 탭진열 가로형 사용법3 - 동기화    
31 탭진열 가로형 사용법4 - 각 탭메뉴 클릭시 원하는 상품 출력은    
32 탭진열 세로형 사용법1    
33 탭진열 세로형 사용법2 - 7개 메뉴생성 및 동기화    
34 탭진열 세로형 사용법3 - 마무리    
35 Thank you for your endeavors~!!    
수강기간 : 2개월 / 수강료 : \77,000

본 과정은 고도몰5 쇼핑몰 솔루션에서 제공하는 메인페이지 테마디자인 11종류에 대해서 집중적으로 배워보는 동영상 교육과정입니다.
고도몰5 사용자라면 어떤 스킨을 사용하든간에 반드시 알아둬야하는 내용입니다.

★★★ 메인 테마란 무엇인가? ★★★

고도몰5 쇼핑몰 솔루션에서 제공하는 메인페이지 디자인을 담당하는 테마별 디자인 종류를 말합니다.
강의찍는 현 시점에서 총 11종류의 메인테마가 제공되고 있는데요.
이중 쉬운건 쉬운데 약간 어려운게 1~2개 있습니다.
탭진열 방식을 사용자들이 어떻게 사용하는지 약간 어려워하는데요.
그래서 이런 메인테마 디자인은 Part 3 강좌편에서 집중적으로 설명해드립니다.

기본 베이스는 무료스킨인 Moment 스킨을 베이스로 적용하고 수정해나가지만,
사실상 이 과정은 어떤 스킨을 사용하든간에 공통적으로 보는 강좌입니다.
따라서 고도몰5 쇼핑몰 솔루션 사용자라면 자신이 사용하는 스킨에 상관없이 이 강좌를 볼 수 있습니다.

고도몰5로 쇼핑몰을 운영하는데 아직 메인테마에 대해서 잘 모르거나 사용법을 헤갈려하시는 분들은 반드시 보시기를 권장드립니다.
기본적인 옵션과 사용방법 등에 대해서 많은걸 알게 되실겁니다.
이 과정을 학습하면 메인페이지 디자인을 다양하게 꾸밀 수 있습니다.
더 나아가 HTML, CSS 코딩까지 할줄 안다면 내가 원하는대로 쇼핑몰 메인페이지를 꾸밀 수 있습니다.

궁극적인 강의목표는 스킨을 수정하고, 부분적으로는 새로운 레이아웃 디자인을 만들어서 입히는 것을 강의목표로 합니다.
이 과정은 [2018 모먼트스킨 신규촬영] 과정의 한 코스로써 아래의 Step 순서대로 진행되는 과정의 일환이오니 아래 설명을 찬찬히 필독해주세요.

.
.

(↓아래는 1~3 Step 과정의 공통설명 글 입니다)

고도몰 무료스킨을 사용해본 분들은 잘 아시겠지만 고도몰5 무료스킨을(어떤것이든) 적용하면 바로 사용할 수는 없습니다.
기본적인 수정작업을 내 쇼핑몰에 맞게 수정해줘야하죠.
만약 기존의 사용하던 고도몰5 쇼핑몰에 스킨을 엎어쓰는 경우라면 기존 이미지사이즈나 이런것들도 수정이 필요할 수 있습니다.

그리고 무료스킨 그대로 사용하기 보다는 좀더 내 쇼핑몰에 맞는 컨셉을 잡고 디자인을 기획하는게 좋습니다.
결국 이러한 부분은 HTML, CSS를 사용해서 부분적으로 디자인을 Reform하고 Redesign 하여 내 쇼핑몰에 적용해줘야 합니다.
쉽게 말해 HTML5, CSS3 코딩을 직접하여 내가 원하는대로 부분적인 레이아웃 디자인을 만들어서 적용해야 합니다.
위 3단계 Step까지의 과정이 바로 이러한 것을 하는 과정입니다.

...

예를들면,
하단디자인을 바꾸고 싶으면 완전히 바꿔서 새디자인으로 입힙니다.
그러기 위해서는 먼저 HTML, CSS를 사용해서 하단디자인 레이아웃 코딩을 하고,
관리자모드에서 하단디자인 코딩한 레이아웃을 바꿔 적용해주면 됩니다.

말은 쉽게 썼지만 이 정도를 직접 한다는 것은 초보자가 하기에는 어렵습니다.
기본적으로 HTML, CSS에 대해서 기본은 할줄 알아야 하겠지요..
1, 2단계 과정에 비해서 3단계 과정은 실무 코딩 과정이기 때문에 결국 HTML, CSS에 대한 기본적인 학습과 이해가 어느정도는 있어야 합니다.

...

따라서 사이트내 "어서와~ HTML5 & CSS3 처음이지~" 강의를 먼저 꼭 공부하세요~
할줄 아는 사람은 위 3단계 강의를 바로 공부해나가시면 됩니다.

3단계 Step까지 학습을 진행하면 부분적으로 아래와 같은 레이아웃 디자인을 직접 코딩해서 내 쇼핑몰에 적용하고 입힐 수 있습니다.


- 하단디자인. (완전 다 바꿉니다)
- 메인페이지 중간영역의 콘텐츠영역 디자인.
- 사이트 디자인을 높여주는 폰트 아이콘 사용법.
- 갤러리 레이아웃 디자인.


등을 HTML5, CSS3를 사용해서 직접 만들고 내 쇼핑몰에 적용합니다.
HTML5, CSS3 초보자들도 이러한 레이아웃 디자인 코딩을 잘 따라올 수 있도록 모든 강의는 하드 코딩을 통해서 하나하나 타이핑 치면서 결과 과정을 보여주면서 진행합니다.
학습자 입장에서는 가장 이해하기 좋고 따라하기 좋은 실습 과정이 될겁니다.

...

3단계 과정은 상당히 실무 과정이라고 보시면 됩니다.
우선 1, 2단계 과정을 통해서 고도몰 스킨의 기본적인 수정과 메인페이지 상품진열 및 메인테마 사용법 등에 대해서 완전히 정복하시고 3단계 과정을 공부하도록 하십시오.

고도몰 솔루션을 사용하는데 기본적인 사용법과 메인페이지 디자인을 담당하는 메인테마 11개 디자인에 대한 사용법을 모르면 안되겠지요~

VIP Freepass 전과정 자유이용권 혜택보기



   
   
홈 회사소개 이용약관 개인정보 보호정책 이용안내 Q&A FAQ Guide