카페24 솔루션 난 필요한 기능만 배운다!
카페24 쇼핑몰 호스팅 솔루션은 무료인데도 제공하는 기능이 방대하다. 당장 창업을 준비하는 이들에게 가장 필요한 것은 카페24의 강력한 디자인 기능을 통한 쇼핑몰의 구축이다. 특히 자신만의 컨셉을 만들기 위해서는 초보 운영자라도 어느 정도 쇼핑몰 디자인을 다룰 줄 알아야 한다.
이 책은 창업 준비자들이 자기 손으로 직접 쇼핑몰을 디자인하여 구축할 수 있게 해준다. 이를 위해 카페24의 대표적인 특징이었던 HTML 디자인 모드를 자세히 설명하는 것은 물론 2011년 말 새로 선보인 기능인 스마트디자인도 다룬다.

쇼핑몰 디자인에 특화된 포토샵과 드림위버 사용법
웹디자인을 잘 모르는 초보 창업자의 경우 포토샵의 복잡한 기능을 마스터할 필요는 없다. 포토샵에서도 쇼핑몰 디자인에 필수적인 기능만 알면 된다. 이 책은 쇼핑몰 구축을 위해 디자이너가 하듯 사이트 디자인을 잡고 메뉴를 만들어 카페24 웹FTP에 업로드하는 과정까지 한 단계 한 단계 친절한 따라 하기 실습을 제공한다. 포토샵을 처음 사용하는 쇼핑몰 운영자도 이 과정만 따라오면 자신의 쇼핑몰을 디자인하고 나아가 더 나은 디자인을 구상할 수 있다.
이어서 업로드한 이미지들을 HTML 디자인 모드에서 쇼핑몰에 적용하는 과정을 다룬다. 카페24의 HTML 모드는 변경이 자유로운 대신 초보 운영자가 직접 디자인하기 어려운 면이 있다. 이에 쇼핑몰에 필요한 HTML 지식을 간단히 다루며, 포토샵과 마찬가지로 드림위버를 통해 실습용 쇼핑몰의 HTML 코드를 따라 하기식으로 수정해본다. 포토샵 작업에 사용되는 그림 파일 및 결과물, 그리고 HTML 코드는 모두 별도로도 제공되므로, 직접 만들 필요 없이 필요한 파일을 그대로 가져다 써도 된다. (자료 다운로드 주소 http://durl.me/2tzamb)

모바일에서도 통하는 웹 표준 코딩 맛보기
스마트폰 혁명 이후 웹 표준의 중요성이 커지자 카페24도 이를 반영해 스마트디자인이라는 새로운 디자인 모드를 선보였다. 웹 표준을 준수하는 쇼핑몰은 모바일 시대에 다른 쇼핑몰보다 앞서갈 수 있다. 이 책은 스마트디자인을 이해하기 위해 웹 표준을 간단히 알아보고, 스마트디자인의 특징인 모듈, CSS, 자바스크립트에 대해 살펴본다. 그리고 직접 스마트디자인 모드에서 한 번 더 따라 하기 실습을 통해 샘플 쇼핑몰을 구축해본다.

플러스알파로 내 쇼핑몰 차별화하기
쇼핑몰 디자인에 특화된 책이지만, 쇼핑몰 운영에 필요한 기본 지식을 다루지 않는 것은 아니다. 디자인에 앞서 쇼핑몰 준비 및 솔루션 세팅 방법을 설명하고, 디자인 및 구축을 마친 뒤에는 상품 진열 및 다른 쇼핑몰과 차별화할 수 있는 마케팅 기능도 소개한다. 책 곳곳에 깨알같이 자리한 미니사전, 미니Q&A, 유용한 팁은 독자의 궁금증을 풀어줄 것이다.
카페24 솔루션을 통해 가장 효율적으로 쇼핑몰을 디자인하고 구축하는 방법을 알려주는 책이다. 부록으로는 방대한 카페24 어드민(관리자) 메뉴 전 목록과 카페24 쇼핑몰의 주요 페이지 URL을 제공한다. 책의 장별 내용은 다음과 같다.

01 쇼핑몰 구축 전 준비사항
02 카페24 쇼핑몰 솔루션 세팅
03 쇼핑몰 운영 관련 기본 설정
04 상품분류 등록과 게시판 생성
05 카페24 쇼핑몰 구축 상식
06 나만의 스타일! 포토샵으로 쇼핑몰 디자인하기
07 나만의 스타일! HTML 코딩으로 내 쇼핑몰 완성하기
08 스마트디자인 이해하기
09 스마트디자인으로 내 쇼핑몰 구축하기
10 완성된 쇼핑몰에 상품 진열하기
11 기본+알파로 내 쇼핑몰 차별화하기

 

Chapter1 쇼핑몰 구축 전 준비사항
01│사업계획서 작성
1. 사업개요
2. 시장성
3. 사업추진 방향
4. 마케팅 계획
5. 재무 계획
02│쇼핑몰 기획
1. 벤치마킹 사이트 수집
2. 수집한 벤치마킹 사이트의 분석
3. 쇼핑몰 운영정책 수립
4. 도메인 등록
5. 쇼핑몰 컨텐츠 구성
03│사업자등록/통신판매업신고

Chapter2 카페24 쇼핑몰 솔루션 세팅
01│쇼핑몰 구축의 첫 단추, 쇼핑몰 솔루션 선택
1. 쇼핑몰 솔루션 임대형인가, 독립형인가?
2. 어느 임대형 솔루션을 선택할 것인가?
02│카페24의 쇼핑몰 창업 네트워크
1. 웹호스팅
2. 도메인 등록
3. 디자인센터
4. 디자인뱅크
5. 마케팅센터
6. 교육
7. 전자세금계산서
8. 웹로그
9. 샵카페
03│카페24 무료 쇼핑몰 호스팅 신청
1. 쇼핑몰 만들기
2. 쇼핑몰 세팅
04│다른 쇼핑몰 호스팅에서 카페24로 이전하기
05│카페24 쇼핑몰 관리자 살펴보기
1. 쇼핑몰 관리자 접속
2. 쇼핑몰 관리자 화면 둘러보기

Chapter3 쇼핑몰 운영 관련 기본 설정
01│상점 기본정보 입력
1. 내 상점정보 [상점관리 >상점기본정보>내상점정보]
2. 상점 도메인 설정 [상점관리 >상점기본정보>상점도메인 설정]
3. 쇼핑몰 이용안내 [상점관리 >상점기본정보>쇼핑몰이용안내]
02│상점 운영관련 설정
1. 상점운영방식 설정 [상점관리 >상점운영 관련 설정>상점운영방식 설정]
2. 운영자 설정 [상점관리 >상점운영 관련 설정>운영자 설정]
3. 상점 결제방식 설정 [상점관리 >상점운영 관련 설정>상점 결제방식 설정]
4. 무통장 입금계좌 설정 [상점관리 >상점운영 관련 설정>무통장입금 계좌설정]
5. 적립금 상세설정 [상점관리 >상점운영 관련 설정>적립금 상세설정]
6. 자동메일발송 설정 [상점관리 >상점운영 관련 설정>자동메일발송 설정]
7. 알림 설정 [상점관리 >상점운영 관련 설정>알림메세지 설정]
8. 검색엔진용 메타태그/복사방지 설정 [상점관리 >상점운영 관련 설정>검색태그/복사방지 설정]
03│배송/반품설정
1. 배송/반품설정 [상점관리 >배송/반품설정>배송/반품설정]
2. 지역별 배송료 설정 [상점관리 >배송/반품설정>지역별 배송료 설정]

Chapter4 상품분류 등록과 게시판 생성
01│상품분류 등록
1. 대분류 등록 [상품관리 >대분류 등록]
2. 중/소분류 등록 [상품관리 >분류별 상품관리]
02│상품분류 순서 설정 및 상품등록
1. 메인 대분류 표시설정 [상품관리 >표시항목관리>메인 대분류 표시설정]
2. 중/소분류 표시순서 설정 [상품관리 >표시항목관리>중/소분류 표시순서 설정]
3. 상세정보 기본표시설정 [상품관리 >표시항목관리>상세정보 기본표시설정]
4. 목록 기본표시설정 [상품관리 >표시항목관리>목록 기본표시설정]
5. 상품등록 [상품관리 >분류별 상품관리]
03│게시판 생성

Chapter5 카페24 쇼핑몰 구축 상식
01│카페24 디자인 구축방식의 종류
1. 디자인관리(HTML/템플릿)
2. 스마트디자인
02│쇼핑몰 쉽게 시작하기
03│카페24 디자인 구축방식 설정
1. 디자인관리(템플릿)
2. 디자인관리(HTML)
3. 스마트디자인
04│디자인관리와 스마트디자인 간의 설정 전환
1. 디자인관리(템플릿) → 디자인관리(HTML)
2. 디자인관리(HTML) → 디자인관리(템플릿)
3. 디자인관리(HTML/템플릿) → 스마트디자인
05│이미지 파일 관리하는 FTP 사용법
1. 웹FTP 이용 시 참고사항
2. 웹FTP 접속 및 이용 [FTP >웹FTP>웹FTP 접속]

Chapter6 나만의 스타일! 포토샵으로 쇼핑몰 디자인하기
01│포토샵으로 이미지 제작하기
1. 포토샵 기초상식
2. 포토샵 화면구성 살펴보기
3. 작업에 편리하도록 포토샵 환경설정 바꾸기
02│포토샵 기본기: 셰이프 툴 활용하기
1. 6가지 셰이프 툴
2. 셰이프의 3가지 타입
03│포토샵 기본기: 레이어 정복하기
1. 레이어 및 레이어 그룹 추가하기
2. 레이어의 개체를 안 보이게 하기
3. 다수의 레이어 관리
4. Background(백그라운드) 레이어를 일반 레이어로 전환하기
5. 레이어의 투명도 조절하기
6. 레이어 스타일 효과
04│포토샵으로 쇼핑몰 디자인하기
1. 구축할 쇼핑몰 미리 살펴보기
2. 메인화면 상단(상품분류 포함) 디자인하기
3. 메인화면 상단 이미지 디자인하기
4. 메인화면 베스트상품/신상품 타이틀 이미지 디자인하기
5. 메인화면 하단 디자인하기
6. 우측배너/최근 본 상품 디자인하기
05│포토샵으로 이미지 잘라서 저장하기
1. 이미지 크기 줄이기
2. 헷갈리는 이미지 크기와 캔버스 크기!
3. 파일 용량 줄이기
4. 이미지 자르기
5. 상품분류용 롤오버 이미지 만들기

Chapter7 나만의 스타일! HTML 코딩으로 내 쇼핑몰 완성하기
01│HTML 기초상식 익히기
1. HTML이란?
2. HTML 문서 제작 후 브라우저에서 확인하기
3. HTML 주요 태그 익히기
02│HTML 디자인 모드에서 포토샵 이미지 적용하기
1. FTP를 사용해 이미지 업로드하기 [FTP >웹FTP>웹FTP 접속]
2. 템플릿 모드에서 HTML 모드로 전환하기 [디자인관리 >HTML디자인 관리로 이동]
3. 디자인 기본환경 설정하기 [디자인관리 >디자인 기본환경설정, 상품관리> 메인상품 진열관리>메인상품관리]
4. 레이아웃에 맞춰 메인화면 기본 HTML 수정하기 [디자인관리 >HTML 디자인 설정>[페이지 리스트] 탭]
5. 롤오버 기능/링크 점선 안 보이게 하는 자바스크립트 추가하기 [디자인관리 >HTML 디자인 설정[페이지 리스트] 탭]
03│드림위버 둘러보기
1. 드림위버란?
2. 드림위버 시작 화면
3. 드림위버 작업화면
04│HTML 디자인 모드에서 모듈별 HTML 코딩하기
1. 상단 영역 코딩하기[드림위버]
2. 상단 영역 코드 적용하기 [디자인관리 >HTML 디자인 설정>[공동모듈 리스트] 탭>[TOP] 탭]
3. 상단 검색창 코딩하기 [디자인관리 >HTML 디자인 설정>[공통모듈 리스트] 탭>[TOP] 탭]
4. 로그인/로그아웃-후 모듈 코딩하기 [디자인관리 >HTML 디자인 설정>[공통모듈 리스트] 탭>[TOP]탭]
5. 로그인/로그아웃-전 모듈 코딩하기 [디자인관리 >HTML 디자인 설정>[공통모듈 리스트] 탭>[TOP] 탭]
6. 메인화면 타이틀 이미지 [디자인관리 >이미지 관리>화면상단이미지, 커뮤니티>게시판관리]
7. 메인화면 진열상품 이미지를 크게 변경하기[HTML 디자인 설정>[페이지 리스트] 탭, 디자인관리 >이미지 관리>타이틀이미지]
8. 이미지맵으로 메인화면 하단 영역 코딩하기
9. 우측배너 코딩하기 [디자인관리 >HTML디자인설정>[공통모듈 리스트] 탭>[기타] 탭]
10. 최근 본 상품 코딩하기 [디자인관리 >HTML디자인설정>[공통모듈 리스트] 탭>[기타] 탭]
11. 상품목록 화면( 디자인관리 >HTML디자인설정>[페이지 리스트]
12. 상품 상세페이지 화면 ( 디자인관리 >HTML디자인설정>[페이지 리스트]

Chapter8 스마트디자인 이해하기
01│스마트디자인으로 웹 표준을 지키면 어떤 점이 좋은가요?
1. 다양하고 많은 유저에게 내용을 전달할 수 있습니다.
2. 페이지의 로딩 속도가 향상됩니다.
3. 모든 브라우저를 지원합니다.
4. 컨텐츠와 디자인을 분리합니다.
5. 작성한 코드가 옳다는 것을 확인할 수 있습니다.
6. 작업에 투입되는 노력과 시간이 줄어듭니다.
02│스마트디자인 개요
1. 모듈
2. CSS
3. 자바스크립트
03│스마트디자인에서 사용하는 XHTML 1.0 Transitional이란?
1. XHTML 1.0 Transitional의 대표 문법
2. 스마트디자인의 HTML 레이아웃 표준코드

Chapter9 스마트디자인으로 내 쇼핑몰 구축하기
01│스마트디자인 시작화면 및 기본 메뉴
1. 스마트디자인 시작화면
2. 스마트디자인 기본 메뉴
02│스킨 추가 및 대표 스킨 설정하기
1. 무료 스킨 고르기 [디자인관리 >디자인 관리>디자인 스킨목록]
2. 스킨 예약기능 사용해보기 [디자인관리 >디자인 관리>디자인 스킨 예약]
3. 현재 디자인에서 수정할 부분 결정하기
03│상점 화면기능 관리하기
1. 기본기능 설정 [디자인관리 >화면기능 관리>기본기능 설정]
2. 인트로사용 설정 [디자인관리 >화면기능 관리>인트로사용 설정]
3. 화면경로 설정 [디자인관리 >화면기능 관리>화면경로 설정]
4. 아이콘 관리 [디자인관리 >화면기능 관리>아이콘 관리]
04│스마트디자인 편집하기
1. 스마트디자인 편집창의 메뉴들
2. 디자인 편집하기
05│팝업창 등록하고 관리하기
06│기타 설정
1. SEO 설정
2. 로봇TXT 설정
3. 외부 스크립트 설정
4. 제휴화면 설정
07│디자인 백업
1. 디자인 백업하기
2. 디자인 복구하기

Chapter10 완성된 쇼핑몰에 상품 진열하기
01│메인화면에 상품 진열하기
1. HTML/템플릿 모드에서 신상품/추천상품 진열하기
2. 스마트디자인에서 메인화면에 상품 진열하기
02│추가 카테고리
1. 템플릿 모드에서 추가 카테고리 사용하기 [디자인관리 >디자인원샷설정>메인-중앙디자인]
2. HTML 모드에서 추가 카테고리 사용하기 [상품관리 >메인상품 진열관리>추가분류관리]
3. 스마트디자인 모드에서 추가 카테고리 사용하기 [상품관리 >메인상품 진열관리>메인상품관리]
03│상품요약정보 노출하기 [상품관리 >표시항목관리>목록 기본표시설정]

Chapter11 기본+알파로 내 쇼핑몰 차별화하기
01│새 페이지 [디자인관리 >새페이지 생성/관리>새 페이지 생성]
02│기획전 페이지 생성하기 [상품관리 >기획전 관리]
03│출석체크 이벤트로 방문자 유지하기
1. HTML 디자인 모드에서 출석체크 이벤트 생성하기 [고객관리 >출석체크 이벤트>출석체크 등록]
2. 템플릿 방식에서 출석체크 이벤트 노출하기 [디자인관리 >디자인 원샷설정>좌/우 디자인]
04│팝업창 관리 [디자인관리 >NEW 팝업창 설정]
05│쿠폰 발행 [상점관리 >쿠폰발행관리]
06│QR코드 활용하기 [상점관리 >QR코드]
07│SNS 마케팅 [상점관리 >상점운영 관련 설정>SNS상품홍보]
08│상품검색 키워드 설정 [상점관리 >쇼핑몰 부가기능 설정>상품검색 키워드 설정]

부록 01 한눈에 보는 카페24 관리자 메뉴
부록 02 카페24 쇼핑몰의 주요 페이지 URL