이 책은 우리나라 최대의 쇼핑몰 사이트인 카페24에서 기획 단계부터 시작하여 실제 운영 가능한 3종류 쇼핑몰(농수산물, 패션의류, 인테리어)을 직접 만들어 보면서 실전 지식을 자연스럽게 익힐 수 있도록 구성하였습니다. 특징 오랜 기간 카페24 및 직업학교에서 쇼핑몰 강의를 하면서 수강생들에게 받았던 질문들과 그동안 모은 자료들을 바탕으로 보다 고급화 하고 차별화된 쇼핑몰 디자인을 구축할 수 있도록 기획되었습니다. 이 책의 앞부분은 쇼핑몰을 기획하고 설계하는 방법과, 고급 쇼핑몰을 만들기 위한 기본적인 HTML 및 CSS 기능을 설명하고, 중반 부분은 스마트 디자인 Easy와 스마트 디자인 기법을 이용하여 직접 따라하면서 익힐 수 있도록 실무 예제를 구성하여 활용 능력을 키울 수 있도록 하였습니다. 본격적인 쇼핑몰 제작 따라하기 편에서는 실제 운영 가능한 3종류의 쇼핑몰을 설계하고 만들어나가면서 실전 제작 기법을 익혀 궁극적으로 자신만의 멋진 쇼핑몰을 만들 수 있도록 하였습니다.

고은희( 저자)

제로레인보우 대표이며 카페24 쇼핑몰 전문강사와 직업전문학교 전자상거래 전문강사로 활동하였습니다. 저서로는 ’레이아웃별로 따라하면서 배우는 카페24 스마트 디자인을 이용한 실전테크닉’, ‘cafe24 스마트 디자인으로 인터넷 쇼핑몰 만들기’, ‘한 권으로 끝내는 쇼핑몰 창업&운영 바이블’이 있습니다.

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 무료 디자인 및 무료 폰트 사이트