제로보드 XE로 홈페이지 쇼핑몰 만들기(개정판)(CD1장포함)

한 권으로 홈페이지와 쇼핑몰 페이지 만들기

- XE 1.5.1.x 버전의 설치부터 홈페이지 제작 과정 알아보기

- 간단한 홈페이지 작성부터 카페24 쇼핑몰 솔루션을 이용한 쇼핑몰 만들기

- 카페24 호스팅 계정을 3개월간 사용할 수 있는 무료 쿠폰 제공

- 홈페이지 제작에 필수적인 디자인을 위해 포토샵 기초 수록

- 나모 웹에디터를 활용한 홈페이지 만들기

- 검색 사이트에 홈페이지 및 쇼핑몰 등록 방법 수록

Part 1 홈페이지 마법사 XE란 무엇인가?



Lesson 01 XE 살펴보기

01 XE 이해하기

02 XE 홈페이지 살펴보기



Part 2 XE로 홈페이지 만들기



Lesson 02 XE 설치하기

01 XE 설치를 위한 호스팅 세팅하기

02 XE 다운 받기

03 XE 업로드하기

04 XE 설치



Lesson 03 메뉴 수정 및 레이아웃 설정

01 홈페이지 제작을 위한 스토리 보드 만들기

02 게시판 생성을 위한 게시판 모듈 설치

03 사이트 맵 만들기

04 레이아웃 적용하기

05 홈페이지 로고 및 링크 주소 연결하기



Lesson 04 카테고리가 있는 게시판 만들기

01 추가 설정 기능으로 에디터 높이 및 권한 설정

02 분류 기능으로 카테고리 게시판 만들기



Part 3 게시판을 다시 디자인하는 스킨 설정



Lesson 05 게시판 형태 알아보기

01 XE에서 제공하는 게시판 기본 형태

02 게시판 형태 변경해 보기



Lesson 06 모듈스킨 다시 설정하는 방법

01 XE 홈페이지에서 스킨 다운받기

02 다운로드 받은 스킨 업로드하기

03 업로드한 스킨을 게시판에 등록하기

04 일정관리 스킨 적용하기



Part 4 새로운 내용을 알려주는 최근 게시물



Lesson 07 메인 화면에 최근 게시물 출력

01 메인 화면에 플래시 파일 등록하기

02 직접 꾸미기로 등록한 파일 수정하기

03 최근 문서 출력하기

04 최근 문서의 속성을 복사하여 사용하기

05 최근 이미지 출력하기

06 위젯 속성을 변경하여 최근 문서 위치 설정하기



Lesson 08 최근 게시물 스킨 다시 적용하기

01 최근 문서 탭형식으로 출력하기

02 최근 이미지 슬라이드 형태로 출력하기

03 로그인 스킨 적용하기



Lesson 09 위젯 스타일과 레이아웃 적용하기

01 위젯 스타일을 다운받아 최근 게시물 업그레이드 하기

02 홈페이지 레이아웃 변경하기



Part 5 나모 웹에디터와 XE 연동하기



Lesson 10 나모 웹에디터 설치 및 기본 문서 만들기

01 나모 웹에디터 다운로드 및 설치

02 나모 웹에디터를 실행하여 문서 만들고 저장하기

03 스마트 클립아트 삽입하기

04 플래시 버튼 삽입하기

05 이미지 파일 삽입하기

06 동영상 파일 삽입하기

07 포토 앨범 만들기



Lesson 11 홈페이지의 필수! 표 구성하기

01 표 만들기와 삭제하기

02 표로 편지지 만들기



Lesson 12 스크립트 마법사 활용하기

01 텍스트 메뉴 만들기

02 움직이는 텍스트 만들기

03 순환 배너 만들기

04 팝업 창 만들기

05 사진 위에 흐르는 영상시 만들기



Lesson 13 XE의 빈 페이지와 외부 페이지 살펴보기

01 XE의 빈 페이지에 HTML 소스 넣기

02 나모 웹에디터에서 만든 문서를 XE에 연결하기

03 메뉴를 추가하고 외부 페이지 링크 걸기



Lesson 14 나모 웹에디터 프레임 기능으로 홈페이지 만들기

01 나모 웹에디터에서 프레임 구성하고 저장하기

02 셀에서의 롤오버 메뉴 구성하기

03 나모 웹에디터 프레임에서 XE 게시판 링크 걸기

04 나모 웹에디터의 원격 관리 기능 활용하기

05 에디트 플러스 설치



Part 6 홈페이지 & 쇼핑몰 디자인을 위한 포토샵



Lesson 15 포토샵 기본과 활용

01 포토샵 다운로드 및 설치

02 새로운 파일 만들고 저장하기

03 그레이디언트 툴로 배경색 만들기

04 브러시 도구 활용하기

05 펜 도구를 활용하여 선택 영역 만들기

06 문자 툴을 활용하여 내용 입력하기

07 사용자 정의 도형 툴 활용하기

08 마스크 기법을 활용한 이미지 표현

09 홈페이지 로고 디자인하기



Part 7 카페24 쇼핑몰 만들기



Lesson 16 상점 개설 및 기본 필수 사항

01 cafe24 무료 쇼핑몰 신청하기

02 쇼핑몰 관리자 접속 및 관리자 바로 가기 아이콘 생성하기

03 회사 기본 정보 입력하기

04 상점 도메인 설정

05 상점 부운영자 설정

06 상점 결제 방식 및 무통장 입금 계좌 설정



Lesson 17 쇼핑몰 디자인 관리

01 쇼핑몰 상단 소개글 변경하기

02 쇼핑몰 로고 변경하기

03 쇼핑몰 메인 이미지 변경하기

04 메인 페이지에 연락처 등록하기



Lesson 18 쇼핑몰 상품 관리

01 쇼핑몰 대분류 등록하기

02 중분류 등록하기

03 대분류 및 중분류 메뉴 순서 변경하기

04 메뉴를 롤오버 이미지로 교체하기



Lesson 19 상품 등록 및 진열 관리 기법 익히기

01 상품 등록하기

02 상품 진열 관리



Lesson 20 옵션 설정하는 기법 익히기

01 상품 등록할 때 옵션 설정하기

02 등록된 상품에 옵션 일괄 적용하기



Lesson 21 주문 관리

01 배송/반품 관리 및 배송 업체 설정

02 쇼핑몰에서 상품 주문해 보기

03 주문 들어온 상품 확인하고 배송하기

04 배송이 완료된 후에 반품 신청을 했을 경우

05 정산 관리



Part 8 XE와 쇼핑몰의 연결과 검색 사이트에 등록하기



Lesson 22 XE 홈페이지에 쇼핑몰 연결하기

01 XE로 만든 홈페이지에 쇼핑몰 연결하기

02 XE에서 배너 등록하고 쇼핑몰 링크 걸기



Lesson 23 검색 사이트에 홈페이지 등록하기

01 네이버에 홈페이지 등록하기

02 다음 사이트에 홈페이지 등록하기

전진수