카페24로 부자쇼핑몰 디자인하기

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