“탐나는 웹 사이트 제작을 위한 드림위버 CS5의 완벽 사용법!”
드림위버는 ‘드림(Dream)’과 ‘위버(Weaver)’가 조합된 단어로 ‘꿈을 짜는 기구’라고 해석할 수 있습니다. 여기서 꿈이란 웹 사이트 즉, 홈페이지를 뜻하는 것으로, 드림위버는 홈페이지를 제작하는 최강의 기능을 보유하고 있는 웹 저작 도구입니다. 드림위버는 위지윅 방식의 편집 창과 더불어 코드를 직접 입력할 수 있는 코드 편집 창이 제공되는 웹 저작 도구로서, 세계적으로 많은 사용자를 확보하고 있는 프로그램입니다. 특히, 드림위버 CS5 버전은 CSS 레이아웃 기능, 비활성화를 이용한 주석 처리 기능, CS Live를 이용한 온라인 서비스 기능, 간략화된 사이트 정의 기능, 라이브 뷰 내비게이션 기능과 같은 새롭고 강화된 기능으로 웹 종사자들에게 주목 받고 있습니다.
<실력이 탐나는 드림위버 CS5>는 웹에 관련된 직업을 갖길 원하거나 스스로 웹페이지를 만들어내고 싶어 하는 사람을 대상으로 드림위버 CS5의 사용법을 친절하고 완벽하게 소개합니다. <실력이 탐나는> 시리즈의 체계적인 구성 방식으로 실전에 완벽하게 대비할 수 있도록 하였으며, 드림위버를 학습하는 데 있어 필요한 HTML과 CSS의 기초적인 내용과 그누보드, 고도몰 솔루션 등 실전 웹 사이트를 위한 다양한 연계 프로그램의 활용법에 대해서도 소개합니다. 웹 저작에 관련한 여러 권의 책을 학습하는 것이 부담스러워 중도에 포기했다거나 시작도 하지 못했다면, 이 책 한권으로 웹 저작의 기초부터 실전 테크닉까지 단계적으로 확실하게 배울 수 있습니다.

독자 타깃
■ 전문적인 웹디자이너를 꿈꾸는 웹디자이너 지망생
■ 웹 프로그래밍, 웹 기획 등 웹 관련 업무를 하는 웹 종사자
■ 천편일률적인 블로그에서 벗어나 개성 넘치는 개인 웹사이트를 갖고 싶어 하는 일반인

■ 웹 제작의 표준 도구, 드림위버를 체계적으로 익힐 수 있는 실전 대비 입문서!
웹 종사자라면 반드시 익혀야 하는 드림위버를 체계적으로 학습할 수 있는 입문서입니다. 수준 높은 예제들로 구성되어 있어 실전에 완벽하게 대비할 수 있습니다.

■ 디자인 편집 작업부터 웹 표준 코딩까지 아우르는 웹 제작 기법의 모든 것 소개!
디자인 편집 모드에서의 작업부터 웹 제작에 필수 요소인 HTML, CSS의 코딩 방법뿐만 아니라 최근 들어 각광받고 있는 웹 표준에 대해서도 설명합니다. 또한, XHTML과 CSS, 그리고 HTML5에 대한 특징과 구현 방법에 대해서도 소개합니다.

■ 실전 웹 사이트를 위한 다양한 연계 프로그램의 활용법 소개!
드림위버 CS5를 이용하여 제작한 웹 문서를 실전에 활용할 수 있도록 다양한 연계 프로그램의 활용법을 알려줍니다. 그누보드를 통한 게시판 사이트와 고도몰 솔루션을 통한 쇼핑몰 페이지의 제작 과정을 살펴볼 수 있습니다.

장별 요약
Chapter 01 업계를 선도하는 웹 사이트 제작 툴, 드림위버 CS5와의 첫 만남
드림위버는 홈페이지 저작 도구로 홈페이지를 처음 제작하는 초보자부터 블로그와 같은 CMS 기반의 제작 프로그램까지 전반적으로 다룰 수 있는 고급 사용자도 만족시킬 만한 막강한 기능을 가집니다. Chapter 01에서는 이러한 드림위버 CS5에 대한 신기능과 함께 설치와 실행 과정, 사이트 정의, 작업 레이아웃 구성 요소와 같이 기본적으로 알아야 할 주요 기능에 대해 알아봅니다.

Chapter 02 웹 문서에 텍스트, 이미지, 멀티미디어 파일 삽입하기
화면에 표시되는 형태 그대로 문서로 만들어지는 위지윅(WYSIWYG) 방식을 제공하는 드림위버의 문서 편집 창을 이용하면, 웹 페이지에 삽입되는 텍스트, 이미지, 멀티미디어 무비와 같은 콘텐츠를 빠르고 직관적으로 확인할 수 있어 편집에 용이합니다. Chapter 02에서는 웹 문서에 기본적인 콘텐츠를 삽입하고 편집하는 방법에 대해 알아봅니다.

Chapter 03 다양한 하이퍼링크 기능으로 웹 문서 연결하기
웹 문서 안의 텍스트, 이미지 등에 마우스 포인터를 가져가면 손가락 모양으로 형태가 변경되고, 클릭하면 새로운 웹 사이트로 이동되거나 파일을 다운로드 받을 수 있는 대화상자가 표시되거나 메일을 보낼 수 있는 프로그램이 실행됩니다. 이러한 기능을 담당하는 하이퍼링크는 웹사이트에서 문서와 문서를 연결해주는 중요한 역할을 합니다. Chapter 03을 통해 하이퍼링크에 관련된 기초적인 사용법부터 응용까지 함께 알아보겠습니다.

Chapter 04 테이블 기능으로 데이터 정리와 문서 레이아웃 구현하기
셀, 행, 열로 구성되어 있는 테이블은 한눈에 데이터를 확인할 수 있도록 정리하는 용도 외에도 이미지, 텍스트, 플래시 무비와 같은 멀티미디어 요소를 상하좌우로 배치하는 레이아웃 구성의 용도로도 사용됩니다. Chapter 04에서는 테이블의 기본 삽입과 편집 방법에 대해 알아보고, [PROPERTIES] 패널을 이용하여 자유롭게 꾸미는 방법에 대해서도 살펴봅니다.

Chapter 05 스타일시트로 세련된 웹 문서 디자인하기
홈페이지의 디자인을 유연하게 조정할 수 있으며 정확하게 구현할 수 있는 ‘CSS(Cascading Style Sheets)’는 홈페이지 제작에 있어 중요한 요소입니다. CSS를 이용하면 홈페이지의 실제 내용과 서식 디자인을 분리시킬 수 있어 소스를 간결하며 효율적으로 관리할 수 있고, 빠른 업데이트를 할 수 있습니다. Chapter 05에서는 CSS의 다양한 선택자 등록과 관련된 속성을 이용하여 문서를 디자인해 봅니다.

Chapter 06 AP Div로 자유로운 문서 레이아웃 구현하기
AP Div는 투명한 별도의 문서 편집 창으로써, AP Div 안에는 텍스트, 이미지, 멀티미디어, 테이블과 같은 오브젝트를 삽입할 수 있고, 자유롭게 드래그앤드롭할 수 있으며, 좌표 값을 통해 이동시킬 수 있고, 여러 AP Div를 삽입하여 중첩할 수도 있습니다. Chapter 06에서는 이러한 AP Div의 특징을 이용하여 문서에 원하는 형태로 AP Div를 삽입하여 배치시키고, 관련된 비헤이비어 기능과 연계하여 서브 메뉴 표시, 팝업 창 표시 효과와 같은 동적인 기능을 구현해 봅니다.

Chapter 07 회원 가입, 로그인, 게시판에 사용되는 폼 문서 만들기
인터넷 뱅킹, 쇼핑몰, 영화 예매, 카페, 블로그, 미니 홈피와 같은 웹사이트를 이용하다 보면 사용자가 직접 텍스트를 입력하거나 목록을 선택하여 자료를 전달하는 형태의 폼 문서를 자주 접하게 됩니다. Chapter 07에서는 이러한 폼 문서를 구성하는 요소들에는 어떤 것들이 있는지 알아보고 폼 문서를 제작하고 편집하는 방법에 대해서도 살펴봅니다.

Chapter 08 프레임, 아이프레임, 템플릿으로 홈페이지 제작하기
두 개 이상의 문서를 한 화면에 배치하는 프레임 구조, 다른 문서를 테이블이나 이미지처럼 가로와 세로 크기를 지정하여 삽입하는 아이프레임, 레이아웃을 고정 포맷 문서로 등록한 후 편집 가능 영역만 내용을 교체하는 템플릿 등을 사용하여 문서를 만들고 하이퍼링크와 타깃을 지정하는 과정에 대해 알아봅니다.

Chapter 09 비헤이비어, 롤오버 이미지, 점프 메뉴로 이벤트에 따라 동적 효과 내기
비헤이비어는 자바스크립트를 이용하여 팝업 창, 이미지 교체, 속성 변경과 같은 동적인 효과를 문서에 추가할 수 있는 기능입니다. 코드 편집 창에 소스를 직접 입력하지 않아도 비헤이비어 기능을 이용하면 관련된 패널과 대화상자를 설정하는 것으로 쉽고 빠르게 구현할 수 있습니다. Chapter 09에서는 이미지와 텍스트만으로 이루어진 웹 문서를 다이내믹하게 꾸미는 방법에 대해 알아봅니다.

Chapter 10 Spry 프레임 워크를 이용한 동적 패널, 내비게이션, 테이블 구현하기
별도의 자바스크립트 파일과 CSS 파일을 자동 생성하며 이벤트에 따라 관련된 내용 부분이 교체되고 애니메이션 효과가 실행되는 Spry 위젯에 대해 알아봅니다. 또한 관련된 동적 패널, 내비게이션, 테이블을 삽입하고 디자인을 변경해 봅니다. 이와 같은 Spry 위젯은 웹 페이지를 고급스럽고 다이내믹하게 만듭니다.

Chapter 11 웹 계정 만들고 홈페이지 출판 및 운영하기
드림위버에서 제작한 홈페이지 문서의 최종 목적지는 웹으로 출판하는 것입니다. 홈페이지를 웹으로 출판하기 위해서는 웹 계정이라 불리는 저장 공간과 웹 계정에 업로딩할 수 있도록 도와주는 FTP 프로그램이 필요합니다. Chapter 11에서는 이러한 웹 출판을 위한 환경 준비와 신청한 웹 계정에 알FTP나 드림위버의 FTP 기능을 이용하여 업로딩하는 과정에 대해 알아봅니다.

Chapter 12 드림위버에서 HTML과 CSS 하드 코딩하기
드림위버에서는 쉽고 편리한 디자인 모드의 편집 창도 제공하지만 코드 힌트, 오류 검사, 소스의 자동 정리 기능과 같이 HTML과 CSS와 같은 소스를 직접 입력하는 코드 편집 창에서도 다양한 기능을 지원하고 있습니다. HTML과 CSS는 홈페이지 제작에 있어 기본이 되는 문법이므로 이러한 드림위버의 다양한 코딩 지원 기능을 활용하여 직접 소스를 입력하고 결과를 확인해 봅니다.

Chapter Plus 01 인클루드, 그누보드, 고도몰 솔루션으로 실전 웹사이트 만들기
여기에서는 인클루드 기능과 그누보드 게시판, 고도몰의 쇼핑몰 솔루션과 같은 프로그램을 이용하여 드림위버에서 제작한 홈페이지 문서를 활용하는 과정에 대해 소개합니다. 인클루드와 그누보드 게시판의 경우에는 PHP가 지원되는 웹 계정이 필요하며, 고도몰의 쇼핑몰 솔루션은 웹사이트에서 직접 회원으로 가입한 후 서비스를 신청해야 본문을 진행할 수 있습니다.

Chapter Plus 02 웹 표준 문서 제작과 CSS 레이아웃, XHTML, HTML5 구현하기
최근 들어 각광받고 있는 웹 표준에 대해 이해하고 유효성 검사 방법, XHTML 문서 제작 방법, CSS를 이용한 레이아웃 제작 방법, 그리고 HTML5에 대한 특징과 구현 방법에 대해 살펴봅니다. 또한, 파이어폭스 웹브라우저에서의 미리 보기 연결 과정에 대해서도 알아봅니다.