PART 01 카페24 스마트 디자인 제작 기초

chapter 01 카페24 스마트 디자인이란?
chapter 02 레이아웃이란?
1. 기본형 레이아웃
2. 블로그형 레이아웃
3. 홈페이지 + 쇼핑몰형 다중 레이아웃
chapter 03 HTML&CSS 기본 기능 익히기

PART 02 스마트 디자인 Easy와 스마트 디자인의 차이점

chapter 01 카페24 스마트 디자인 Easy
1. 카페24 스마트 디자인 Easy 추가하기
2. 카페24 스마트 디자인 Easy 편집창의 구성
chapter 02 카페24 스마트 디자인
1. 카페24 스마트 디자인 추가하기
2. 카페24 스마트 디자인 편집창의 구성
3. 새 페이지 만들기

PART 03 스마트 디자인 제작 기획 및 설계

chapter 01 잘 나가는 쇼핑몰 벤치마킹하기
1. 네이버 파워링크 및 사이트 검색순위로 벤치마킹하기
2. 다음 사이트 파워링크 및 검색순위로 벤치마킹하기
3. 쇼핑몰의 대표 색상과 보조 색상 정하기
4. 신상품이 먼저 올까? 추천상품이 먼저 올까? 화면의 적재적소에 구성요소 배치하기
chapter 02 쇼핑몰 디자인 기획 및 설계하기
1. 문서로 만드는 기획 및 설계
2. 이미지로 만드는 기획 및 설계

PART 04 간편하게 뚝딱 만드는 로고, 배너, 상세페이지

chapter 01 로고 만들기
chapter 02 배너 만들기
chapter 03 스마트 배너 만들기
chapter 04 팝업 만들기
chapter 05 상품 목록 이미지 만들기
chapter 06 상세페이지 만들기
chapter 07 앱 아이콘 만들기

PART 05 스마트 디자인 Easy 오우이 반응형을 이용한 농수산물 쇼핑몰 만들어보기

chapter 01 오우이 디자인 추가하기
chapter 02 상단 영역 변경하기
1. 로고 변경하기
2. 카테고리 변경하기
chapter 03 본문 영역 변경하기
1. 메인 슬라이드
2. 이미지&텍스트 갤러리(기획전)
3. 스마트 배너
4. 메인 상품 분류 카테고리
5. 상품 복사 및 변경하기
6. 사용하지 않은 영역 감추기
7. 지도
chapter 04 하단 영역 변경하기

PART 06 스마트 디자인 아이베이스 반응형을 이용한 패션의류 쇼핑몰 만들어보기

chapter 01 아이베이스 디자인 추가하기
chapter 02 상단 영역 변경하기
1. 로고 변경하기
2. 카테고리 변경하기
chapter 03 본문 영역 변경하기
1. 메인 슬라이드
2. 이미지 배너 3개
3. 상품 복사 및 변경하기
4. 상품 분류 카테고리
5. 좌측 배너
6. 비디오 영역
7. 중간 배너
chapter 04 하단 영역 변경하기

PART 07 스마트 디자인 무료 스킨-기업형을 이용한 인테리어 쇼핑몰 만들어보기

chapter 01 무료 스킨-기업형 디자인 추가하기
chapter 02 상단 영역 변경하기
1. 로고 변경하기
2. 카테고리 변경하기
chapter 03 본문 영역 변경하기
1. 메인 슬라이드
2. 회사소개 페이지
3. 오시는 길 페이지
4. PRODUCT 페이지
5. 상품 복사 및 변경하기
6. 사용하지 않은 영역 감추기
chapter 04 하단 영역 변경하기
1. 배경 변경하기

PART 08 유용한 카페24 스마트 디자인 기능 및 백업, 복구하기

chapter 01 SNS 로그인 만들기
1. 페이스북 로그인
2. 구글 로그인
3. 네이버 로그인
4. 카카오 로그인
chapter 02 카카오톡 무료 채팅 상담 연동하기
chapter 03 디자인 백업 및 복구하기
1. 디자인 백업
2. 디자인 복구

부록
01 파일질라 FTP
02 웨일 브라우저 : 멀티태스킹 브라우저
03 무료 디자인 및 무료 폰트 사이트