드림위버는 홈페이지의 제작과 운영에 꼭 필요한 프로그램입니다. 또, 블로그나 카페, 오픈마켓이나 쇼핑몰창업까지 다양한 공간에서 웹문서 관련한 작업을 하는 사용자에게 필요한 최고의 저작도구입니다. 교재에서는 드림위버 CS5 기본 기능부터 살펴보고 특정 기능을 배울 때 반드시 알아야 하는 부분을 추가했으며 CS5의 강력하고도 새로운 기능들도 넣었습니다. 재미있는 공부하면서 실무로 연결되도록 구성하려고 노력했으며 하나하나의 구체적인 기능과 더불어 응용 실무 기능도 넣었습니다. 실무 단계에서는 오픈마켓 창업이나 쇼핑몰 창업을 위한 메인 디자인과 홈페이지 구축을 위한 게시판 설치 및 등록에 관한 부분까지 다뤘습니다. 웹에서 나의 꿈을 펼치는 드림위버의 막강한 기능을 활용하시기 바랍니다.

이 책은 크게 세 부분으로 나누어져 있습니다.

첫 번째 부분에서는 기본적인 내용을 학습한 후 실습하도록 되어 있으며 연습문제를 통해 본문을 보강하였습니다. 홈페이지 시작의 첫걸음인 텍스트, 이미지, 멀티미디어 컨텐츠를 적용한 홈페이지 만들어 보고 홈페이지 구성의 기본인 하이퍼링크와 테이블, AP Div와 연동한 비헤이비어 기능 적용, 디자인 업그레이드의 핵심인 스타일시트까지 다뤄 봅니다.

두 번째 부분에서는 중급 수준의 기능을 다루실 수 있도록 활용하여 자신감을 갖도록 진행 되었습니다. 프레임세트와 아이프레임 레이아웃, 라이브러리와 템플릿 정의, 폼문서 제작과 다이나믹한 홈페이지를 위한 비헤이비어, 스프라이메뉴, 마지막으로 반드시 알아야 하는 HTML 코딩하기를 다뤄 봅니다.

세 번째 부분에서는 드림위버를 활용하여 실제 실무를 하는 분들이나 실무를 알고 싶은 분들을 위한 실전 예제로 구성하였습니다. 웹 출판을 위한 도메인과 호스팅, FTP와 그누보드 설치를 통한 홈페이지 구축, 오픈마켓 창업 기술 익히기, 임대형 쇼핑몰 솔루션 알아보기와 쇼핑몰 메인 디자인 적용하기를 다뤄봅니다. 현장에서 실제 강의를 진행하는 내용들로 제작되었으며 그 안에서 필요한 노하우를 담았습니다.

본 교재에 사용된 각종 예제 및 결과 파일들은 교학사 홈페이지(www.kyohak.co.kr) [IT/기술/수험서]-[도서자료]에서 다운받을 수 있도록 하였습니다.

PART 01 기본편

1차시 홈페이지 시작의 첫걸음, 텍스트 다루기

Step 1 텍스트 입력하고 편집하여 문단으로 정리하기

Step 2 문서 전체의 텍스트 스타일과 배경 꾸미기

Self test

2차시 홈페이지에 이미지 삽입하고 편집하기

Step 1 이미지 삽입하고 속성 편집하기

Step 2 이미지 편집기능과 포토샵 연동으로 이미지 보정하기

Self test

3차시 멀티미디어 컨텐츠를 적용한 홈페이지 만들기

Step 1 사운드 삽입하기

Step 2 동영상과 플래시 무비 삽입하기

Self test

4차시 홈페이지 구성의 기본인 하이퍼링크와 이미지맵

Step 1 텍스트와 이미지에 하이퍼링크 지정하고 스타일 변경하기

Step 2 네임앵커와 이미지맵을 이용한 하이퍼링크 만들기

Step 3 롤오버와 점프메뉴를 이용한 하이퍼링크 만들기

Self test

5차시 홈페이지 제작의 필수기능인 테이블 다루기

Step 1 테이블 생성하고 셀 편집하기

Step 2 테이블과 셀의 속성 편집하기

Self test

6차시 테이블을 이용한 홈페이지 레이아웃 완성하기

Step 1 테이블로 레이아웃 디자인하기

Step 2 배경이미지 지정하고 테이블 불러들이기

Self test

7차시 AP Div로 내 마음대로 레이아웃 디자인하기

Step 1 AP Div 삽입하고 기본 속성 다루기

Step 2 AP Div를 이용한 웹페이지 레이아웃 만들기

Self test

8차시 AP Div에 비헤이비어 기능 적용하기

Step 1 AP Div를 이용하여 움직이는 이벤트 창 만들기

Step 2 AP Div를 이용하여 서브 메뉴 디자인하기

Self test

9차시 홈페이지를 예쁘게 만드는 스타일 시트

Step 1 클래스 방식 스타일 시트 적용하기

Step 2 클래스 방식 스타일 시트의 속성 변경하기

Step 3 아이디 방식과 태그 재정의 방식의 스타일 시트 적용하기

Self test

10차시 디자인 업그레이드의 핵심, 스타일 시트

Step 1 롤오버 텍스트에 사용하는 스타일시트 활용하기

Step 2 외부 스타일 시트 파일로 스타일 만들기

Self test

PART 02 고급편

11차시 프레임세트를 이용한 레이아웃 알아보기

Step 1 드림위버 CS5의 프레임세트 구조 알아보기

Step 2 프레임세트 구조에서 다른 문서 불러오기

Step 3 프레임세트 구조의 문서에서 하이퍼링크 지정하기

Self test

12차시 아이프레임으로 자유로운 레이아웃 만들기

Step 1 아이프레임 삽입하고 속성 알아보기

Step 2 아이프레임 문서에서 컨텐츠 연동하기

Step 3 아이프레임 문서에서 스크롤바 색상 바꾸기

Self test

13차시 라이브러리를 적용하여 웹페이지 업데이트하기

Step 1 라이브러리를 활용한 문서 만들기

Step 2 라이브러리로 제작한 문서 업데이트하기

Self test

14차시 템플릿을 정의하고 문서에 활용하기

Step 1 템플릿 문서 만들고 편집영역 지정하기

Step 2 템플릿을 이용하여 홈페이지 업그레이드하기

Self test

15차시 폼나게 만드는 폼 문서 제작하기

Step 1 폼 정의하고 다양한 구성요소로 폼 문서 완성하기

Step 2 폼 문서에 스타일시트 적용하기

Self test

16차시 다이나믹한 홈페이지를 위한 비헤이비어I

Step 1 Popup Message와 Set Text 비헤이비어 사용하기

Step 2 Open Browser Window로 이벤트 팝업창 만들기

Self test

17차시 다이나믹한 홈페이지를 위한 비헤이비어II

Step 1 Swap Image로 제품 소개 갤러리 만들기

Step 2 Set Text of Container로 지정 개체에 효과 주기

Step 3 Effects의 다양한 효과 적용해 보기

Self test

18차시 스프라이 메뉴로 동적인 홈페이지 만들기I

Step 1 Spry Accordion으로 클릭하면 문서 내용 나타내기

Step 2 Spry Tabbed Panels로 고객 안내 페이지 만들기

Self test

19차시 스프라이 메뉴로 동적인 홈페이지 만들기II

Step 1 Spry Menu Bar로 왼쪽 메뉴 만들기

Step 2 Spry Collapsible Panel로 클릭하면 열리는 패널 만들기

Self test

20차시 반드시 알아야 하는 HTML 코딩하기

Step 1 HTML 기본 구조 이해하기

Step 2 HTML 기본 문서 만들고 저장하기

Step 3 HTML 태그 작성하고 이해하기

Self test

PART 03 실무편

21차시 웹 출판을 위한 도메인과 호스팅, FTP 알아보기

Step 1 인터넷 비즈니스의 시작, 도메인 알아보기

Step 2 홈페이지 출판을 위한 호스팅 계정 만들기

Step 3 FTP(File Transfer Protocol) 알아보기

22차시 그누보드 설치하여 홈페이지 만들기

Step 1 그누보드 게시판을 계정에 설치하기

Step 2 홈페이지에 그누보드 게시판 연동하기

23차시 오픈마켓 창업을 위한 기술 익히기

Step 1 오픈 마켓 창업을 위한 이미지 호스팅과 FTP 알아보기

Step 2 상세 페이지 연동을 위한 HTML 생성하기

24차시 임대형 솔루션 메이크샵 쇼핑몰 알아보기

Step 1 쇼핑몰 솔루션 신청하고 대분류 카테고리와 게시판 생성하기

Step 2 관리자모드에서 상품과 상품 상세 공통정보 등록하기

25차시 메이크샵 쇼핑몰 메인 디자인 적용하기

Step 1 쇼핑몰의 상단 메뉴 개별 디자인하기

Step 2 쇼핑몰의 로그인/로그아웃 폼 디자인하기

Step 3 쇼핑몰의 하단 메뉴 개별 디자인하기

부록

드림위버 CS5 들어가기

01 드림위버 CS5 화면 살펴보기

02 드림위버 CS5 기본 기능 살펴보기

03 드림위버 CS5 메뉴 알아보기

04 드림위버 CS3과 CS5의 메뉴 위치 비교하기