머리말 ... 3
Chapter 1 쇼핑몰 구축 전 준비사항
   01 사업계획서 작성 ... 16
      1. 사업개요 ... 16
      2. 시장성 ... 16
      3. 사업추진 방향 ... 17
      4. 마케팅 계획 ... 17
      5. 재무 계획 ... 17
   02 쇼핑몰 기획 ... 18
      1. 벤치마킹 사이트 수집 ... 18
      2. 수집한 벤치마킹 사이트의 분석 ... 18
      3. 쇼핑몰 운영정책 수립 ... 19
      4. 도메인 등록 ... 19
      5. 쇼핑몰 컨텐츠 구성 ... 20
   03 사업자등록／통신판매업신고 ... 23
Chapter 2 카페24 쇼핑몰 솔루션 세팅
   01 쇼핑몰 구축의 첫 단추, 쇼핑몰 솔루션 선택 ... 26
      1. 쇼핑몰 솔루션 임대형인가, 독립형인가? ... 26
      2. 어느 임대형 솔루션을 선택할 것인가? ... 27
   02 카페24의 쇼핑몰 창업 네트워크 ... 29
      1. 웹호스팅 ... 29
      2. 도메인 등록 ... 31
      3. 디자인센터 ... 32
      4. 디자인뱅크 ... 32
      5. 마케팅센터 ... 33
      6. 교육 ... 33
      7. 전자세금계산서 ... 34
      8. 웹로그 ... 34
      9. 샵카페 ... 35
   03 카페24 무료 쇼핑몰 호스팅 신청 ... 36
      1. 쇼핑몰 만들기 ... 36
      2. 쇼핑몰 세팅 ... 37
   04 다른 쇼핑몰 호스팅에서 카페24로 이전하기 ... 39
   05 카페24 쇼핑몰 관리자 살펴보기 ... 41
      1. 쇼핑몰 관리자 접속 ... 41
      2. 쇼핑몰 관리자 화면 둘러보기 ... 42
Chapter 3 쇼핑몰 운영 관련 기본 설정
   01 상점 기본정보 입력 ... 46
      1. 내 상점정보[상점관리〉상점기본정보〉내상점정보] ... 46
      2. 상점 도메인 설정[상점관리〉상점기본정보〉상점도메인 설정] ... 47
      3. 쇼핑몰 이용안내[상점관리〉상점기본정보〉쇼핑몰이용안내] ... 50
   02 상점 운영관련 설정 ... 51
      1. 상점운영방식 설정[상점관리〉상점운영 관련 설정〉상점운영방식 설정] ... 51
      2. 운영자 설정[상점관리〉상점운영 관련 설정〉운영자 설정] ... 52
      3. 상점 결제방식 설정[상점관리〉상점운영 관련 설정〉상점 결제방식 설정] ... 53
      4. 무통장 입금계좌 설정[상점관리〉상점운영 관련 설정〉무통장입금 계좌설정] ... 53
      5. 적립금 상세설정[상점관리〉상점운영 관련 설정〉적립금 상세설정] ... 54
      6. 자동메일발송 설정[상점관리〉상점운영 관련 설정〉자동메일발송 설정] ... 56
      7. 알림 설정[상점관리〉상점운영 관련 설정〉알림메세지 설정] ... 57
      8. 검색엔진용 메타태그／복사방지 설정[상점관리〉상점운영 관련 설정〉검색태그／복사방지 설정] ... 58
   03 배송／반품설정 ... 60
      1. 배송／반품설정[상점관리〉배송／반품설정〉배송／반품설정] ... 60
      2. 지역별 배송료 설정[상점관리〉배송／반품설정〉지역별 배송료 설정] ... 61
Chapter 4 상품분류 등록과 게시판 생성
   01 상품분류 등록 ... 64
      1. 대분류 등록[상품관리〉대분류 등록] ... 65
      2. 중／소분류 등록[상품관리〉분류별 상품관리] ... 66
   02 상품분류 순서 설정 및 상품등록 ... 68
      1. 메인 대분류 표시설정[상품관리〉표시항목관리〉메인 대분류 표시설정] ... 68
      2. 중／소분류 표시순서 설정[상품관리〉표시항목관리〉중／소분류 표시순서 설정] ... 69
      3. 상세정보 기본표시설정[상품관리〉표시항목관리〉상세정보 기본표시설정] ... 70
      4. 목록 기본표시설정[상품관리〉표시항목관리〉목록 기본표시설정] ... 73
      5. 상품등록[상품관리〉분류별 상품관리] ... 74
   03 게시판 생성 ... 81
Chapter 5 카페24 쇼핑몰 구축 상식
   01 카페24 디자인 구축방식의 종류 ... 86
      1. 디자인관리(HTML／템플릿) ... 86
      2. 스마트디자인 ... 86
   02 쇼핑몰 쉽게 시작하기 ... 89
   03 카페24 디자인 구축방식 설정 ... 92
      1. 디자인관리(템플릿) ... 92
      2. 디자인관리(HTML) ... 93
      3. 스마트디자인 ... 94
   04 디자인관리와 스마트디자인 간의 설정 전환 ... 97
      1. 디자인관리(템플릿)→디자인관리(HTML) ... 97
      2. 디자인관리(HTML)→디자인관리(템플릿) ... 98
      3. 디자인관리(HTML／템플릿)→스마트디자인 ... 99
   05 이미지 파일 관리하는 FTP 사용법 ... 100
      1. 웹FTP 이용 시 참고사항 ... 100
      2. 웹FTP 접속 및 이용[FTP〉웹FTP〉웹FTP 접속] ... 101
Chapter 6 나만의 스타일! 포토샵으로 쇼핑몰 디자인하기
   01 포토샵으로 이미지 제작하기 ... 106
      1. 포토샵 기초상식 ... 106
      2. 포토샵 화면구성 살펴보기 ... 107
      3. 작업에 편리하도록 포토샵 환경설정 바꾸기 ... 108
   02 포토샵 기본기: 셰이프 툴 활용하기 ... 109
      1. 6가지 셰이프 툴 ... 109
      2. 셰이프의 3가지 타입 ... 111
   03 포토샵 기본기: 레이어 정복하기 ... 112
      1. 레이어 및 레이어 그룹 추가하기 ... 112
      2. 레이어의 개체를 안 보이게 하기 ... 114
      3. 다수의 레이어 관리 ... 114
      4. Background(백그라운드) 레이어를 일반 레이어로 전환하기 ... 115
      5. 레이어의 투명도 조절하기 ... 116
      6. 레이어 스타일 효과 ... 116
   04 포토샵으로 쇼핑몰 디자인하기 ... 126
      1. 구축할 쇼핑몰 미리 살펴보기 ... 126
      2. 메인화면 상단(상품분류 포함) 디자인하기 ... 127
      3. 메인화면 상단 이미지 디자인하기 ... 147
      4. 메인화면 베스트상품／신상품 타이틀 이미지 디자인하기 ... 156
      5. 메인화면 하단 디자인하기 ... 159
      6. 우측배너／최근 본 상품 디자인하기 ... 163
   05 포토샵으로 이미지 잘라서 저장하기 ... 168
      1. 이미지 크기 줄이기 ... 168
      2. 헷갈리는 이미지 크기와 캔버스 크기! ... 169
      3. 파일 용량 줄이기 ... 170
      4. 이미지 자르기 ... 172
      5. 상품분류용 롤오버 이미지 만들기 ... 181
Chapter 7 나만의 스타일! HTML 코딩으로 내 쇼핑몰 완성하기
   01 HTML 기초상식 익히기 ... 186
      1. HTML이란? ... 186
      2. HTML 문서 제작 후 브라우저에서 확인하기 ... 187
      3. HTML 주요 태그 익히기 ... 188
   02 HTML 디자인 모드에서 포토샵 이미지 적용하기 ... 202
      1. FTP를 사용해 이미지 업로드하기[FTP〉웹FTP〉웹FTP 접속] ... 202
      2. 템플릿 모드에서 HTML 모드로 전환하기[디자인관리〉HTML디자인 관리로 이동] ... 205
      3. 디자인 기본환경 설정하기[디자인관리〉디자인 기본환경설정, 상품관리〉 메인상품 진열관리〉메인상품관리] ... 205
      4. 레이아웃에 맞춰 메인화면 기본 HTML 수정하기[디자인관리〉HTML 디자인 설정〉[페이지 리스트] 탭] ... 208
      5. 롤오버 기능／링크 점선 안 보이게 하는 자바스크립트 추가하기[디자인관리〉HTML 디자인 설정[페이지 리스트] 탭] ... 209
   03 드림위버 둘러보기 ... 212
      1. 드림위버란? ... 212
      2. 드림위버 시작 화면 ... 212
      3. 드림위버 작업화면 ... 213
   04 HTML 디자인 모드에서 모듈별 HTML 코딩하기 ... 214
      1. 상단 영역 코딩하기[드림위버] ... 214
      2. 상단 영역 코드 적용하기[디자인관리〉HTML 디자인 설정〉[공동모듈 리스트] 탭〉[TOP] 탭] ... 234
      3. 상단 검색창 코딩하기[디자인관리〉HTML 디자인 설정〉[공통모듈 리스트] 탭〉[TOP] 탭] ... 236
      4. 로그인／로그아웃-후 모듈 코딩하기[디자인관리〉HTML 디자인 설정〉[공통모듈 리스트] 탭〉[TOP]탭] ... 238
      5. 로그인／로그아웃-전 모듈 코딩하기[디자인관리〉HTML 디자인 설정〉[공통모듈 리스트] 탭〉[TOP] 탭] ... 243
      6. 메인화면 타이틀 이미지[디자인관리〉이미지 관리〉화면상단이미지, 커뮤니티〉게시판관리] ... 244
      7. 메인화면 진열상품 이미지를 크게 변경하기[HTML 디자인 설정〉[페이지 리스트] 탭, 디자인관리〉이미지 관리〉타이틀이미지] ... 246
      8. 이미지맵으로 메인화면 하단 영역 코딩하기 ... 251
      9. 우측배너 코딩하기[디자인관리〉HTML디자인설정〉[공통모듈 리스트] 탭〉[기타] 탭] ... 256
      10. 최근 본 상품 코딩하기[디자인관리〉HTML디자인설정〉[공통모듈 리스트] 탭〉[기타] 탭] ... 260
      11. 상품목록 화면( 디자인관리〉HTML디자인설정〉[페이지 리스트] ... 264
      12. 상품 상세페이지 화면 ( 디자인관리〉HTML디자인설정〉[페이지 리스트] ... 270
Chapter 8 스마트디자인 이해하기
   01 스마트디자인으로 웹 표준을 지키면 어떤 점이 좋은가요? ... 278
      1. 다양하고 많은 유저에게 내용을 전달할 수 있습니다 ... 278
      2. 페이지의 로딩 속도가 향상됩니다 ... 278
      3. 모든 브라우저를 지원합니다 ... 278
      4. 컨텐츠와 디자인을 분리합니다 ... 279
      5. 작성한 코드가 옳다는 것을 확인할 수 있습니다 ... 279
      6. 작업에 투입되는 노력과 시간이 줄어듭니다 ... 279
   02 스마트디자인 개요 ... 279
      1. 모듈 ... 280
      2. CSS ... 282
      3. 자바스크립트 ... 288
   03 스마트디자인에서 사용하는 XHTML 1.0 Transitional이란? ... 288
      1. XHTML 1.0 Transitional의 대표 문법 ... 288
      2. 스마트디자인의 HTML 레이아웃 표준코드 ... 290
Chapter 9 스마트디자인으로 내 쇼핑몰 구축하기
   01 스마트디자인 시작화면 및 기본 메뉴 ... 292
      1. 스마트디자인 시작화면 ... 292
      2. 스마트디자인 기본 메뉴 ... 294
   02 스킨 추가 및 대표 스킨 설정하기 ... 295
      1. 무료 스킨 고르기[디자인관리〉디자인 관리〉디자인 스킨목록] ... 295
      2. 스킨 예약기능 사용해보기[디자인관리〉디자인 관리〉디자인 스킨 예약] ... 300
      3. 현재 디자인에서 수정할 부분 결정하기 ... 301
   03 상점 화면기능 관리하기 ... 303
      1. 기본기능 설정[디자인관리〉화면기능 관리〉기본기능 설정] ... 303
      2. 인트로사용 설정[디자인관리〉화면기능 관리〉인트로사용 설정] ... 303
      3. 화면경로 설정[디자인관리〉화면기능 관리〉화면경로 설정] ... 304
      4. 아이콘 관리[디자인관리〉화면기능 관리〉아이콘 관리] ... 304
   04 스마트디자인 편집하기 ... 305
      1. 스마트디자인 편집창의 메뉴들 ... 305
      2. 디자인 편집하기 ... 310
   05 팝업창 등록하고 관리하기 ... 349
   06 기타 설정 ... 352
      1. SEO 설정 ... 352
      2. 로봇TXT 설정 ... 354
      3. 외부 스크립트 설정 ... 355
      4. 제휴화면 설정 ... 355
   07 디자인 백업 ... 356
      1. 디자인 백업하기 ... 357
      2. 디자인 복구하기 ... 357
Chapter 10 완성된 쇼핑몰에 상품 진열하기
   01 메인화면에 상품 진열하기 ... 360
      1. HTML／템플릿 모드에서 신상품／추천상품 진열하기 ... 360
      2. 스마트디자인에서 메인화면에 상품 진열하기 ... 363
   02 추가 카테고리 ... 366
      1. 템플릿 모드에서 추가 카테고리 사용하기[디자인관리〉디자인원샷설정〉메인-중앙디자인] ... 366
      2. HTML 모드에서 추가 카테고리 사용하기[상품관리〉메인상품 진열관리〉추가분류관리] ... 372
      3. 스마트디자인 모드에서 추가 카테고리 사용하기[상품관리〉메인상품 진열관리〉메인상품관리] ... 380
   03 상품요약정보 노출하기[상품관리〉표시항목관리〉목록 기본표시설정] ... 383
Chapter 11 기본＋알파로 내 쇼핑몰 차별화하기
   01 새 페이지[디자인관리〉새페이지 생성／관리〉새 페이지 생성] ... 390
   02 기획전 페이지 생성하기[상품관리〉기획전 관리] ... 392
   03 출석체크 이벤트로 방문자 유지하기 ... 395
      1. HTML 디자인 모드에서 출석체크 이벤트 생성하기[고객관리〉출석체크 이벤트〉출석체크 등록] ... 395
      2. 템플릿 방식에서 출석체크 이벤트 노출하기[디자인관리〉디자인 원샷설정〉좌／우 디자인] ... 398
   04 팝업창 관리[디자인관리〉NEW 팝업창 설정] ... 400
   05 쿠폰 발행[상점관리〉쿠폰발행관리] ... 404
   06 QR코드 활용하기[상점관리〉QR코드] ... 407
   07 SNS 마케팅[상점관리〉상점운영 관련 설정〉SNS상품홍보] ... 409
   08 상품검색 키워드 설정[상점관리〉쇼핑몰 부가기능 설정〉상품검색 키워드 설정] ... 411
부록 01 한눈에 보는 카페24 관리자 메뉴 ... 418
부록 02 카페24 쇼핑몰의 주요 페이지 URL ... 447