cafe24 디자인뱅크를 활용한 쇼핑몰 디자인하기

Chapter_1 쇼핑몰 디자인을 위한 디자인뱅크 살펴보기

1 디자인 뱅크란?
2 디자인 콘텐츠의 종류
3 디자인 뱅크 무료 사용 방법
4 디자인 소스 다운받기


Chapter_2 디자인뱅크 일러스트 소스 사용법 알아보기

1 일러스트 파일 불러오기와 파일 닫기
2 새로운 작업창을 만들고 Place 명령으로 파일 불러오기
3 일러스트에서 원하는 이미지만 추출하기
4 오브젝트에 색상 및 패턴 적용하기
5 디자인뱅크 일러스트 소스의 핵심 레이어 분석하기
6 쇼핑 아이콘을 활용하여 쇼핑몰 안내 페이지 제작하기
7 인터넷 지도 활용하여 회사 약도 만들기
8 손 글씨 느낌의 회사 로고 만들기
9 아이폰 속에 쇼핑몰 도우미
10 디자인뱅크 소스를 패턴으로 등록하고 사용하기


Chapter_3 디자인뱅크 사진 편집 이미지 및 템플릿 사용법 알아보기

1 편집 디자인 소스의 레이어 활용하기
2 빈티지 태그를 활용하여 콜센터 안내 페이지 완성하기
3 편집이미지를 활용한 메인 페이지 디자인
4 Gif 애니메이션 만들기
5 웹템플릿으로 HTML 소스 만들기
6 뉴스레터 만들기


Chapter_4 디자인을 위한 카페24 솔루션 이해하기

1 카페24 무료 쇼핑몰 호스팅 신청하기
2 쇼핑몰에 상품등록 하는 방법
3 부분별 디자인 소스 삽입하기


Chapter_5 실전! 템플릿 디자인으로 쇼핑몰 만들기

1 템플릿 디자인 쇼핑몰 신청하기
2 쇼핑몰에 로고 등록하기
3 쇼핑몰 화면 상단메뉴 로그인 영역 꾸미기
4 상단 메뉴바 꾸미기
5 쇼핑몰 메인 디자인 꾸미기
6 쇼핑몰 좌우 디자인
7 하단 회사정보 수정
8 디자인을 위한 대분류 등록하기
9 롤오버 메뉴 만들기


Chapter_6 실전! HTML 디자인으로 쇼핑몰 수정하기

1 HTML 디자인으로 모드 변경 및 디자인 신청
2 자주 사용하는 HTML 명령어
3 상단 이미지 옆 게시판 삭제
4 상품 진열 구조 변경하기
5 쇼핑몰 하단 회사정보 수정하기


Chapter_7 응용! cafe24 솔루션 모듈의 움직임 이해하기

1 cafe24 기본 솔루션과 ‘스타일난다’ 메인 화면 비교해 보기
2 cafe24 기본 솔루션의 모듈을 ‘스타일난다’처럼 이동해 보기