드림위버는 홈페이지 제작에 가장 최적화된 도구로 전 세계적으로 널리 사랑받고 있는 프로그램이다. 특히, 드림위버 CS3은 포토샵이나 플래시 등의 프로그램과의 편리한 연동 기능을 자랑하고, 모바일 및 다양한 장치 환경에서의 문서 제작을 지원하며, 웹 2.0의 표준 코딩 문서를 가능하게 하는 코드 편집 창을 제공한다. 또한, 플래시 비디오 콘텐츠 및 Ajax용 스프라이 기능으로 동적 패널을 손쉽게 삽입할 수도 있게 되었다. 이러한 막강한 기능은 웹 개발에 종사하는 디자이너, 프로그래머의 욕구를 충족시켜주고, 더 나아가 개성 넘치는 자신만의 홈페이지를 갖길 원하는 일반인들까지 만족시킬 만큼 매력적이라 할 수 있다.

'독하게 배워 바로 써먹는 드림위버 CS3+HTML'은 이처럼 막강해진 드림위버 CS3을 처음 접하는 사람들도 홈페이지를 제작하고 운영하는 실력을 제대로 갖출 수 있게끔 쉽고 자세하게 설명한다. 홈페이지를 제작하기 위한 첫 단계인 사이트 정의에서부터, 오브젝트를 다루는 방법, 레이아웃을 구성하는 방법, 효율적으로 문서를 정리하는 방법, 다이내믹 콘텐츠를 구현하는 방법, 출판 및 업데이트 방법 등을 차례차례 배워나갈 수 있다. 또한 홈페이지 제작에 빠뜨릴 수는 없지만 어렵게 느낄 수 있는 HTML을 직접 코딩하는 방법에 관한 내용을 핵심만 엄선하여 쉽게 풀어 설명한다.
이 같은 드림위버 CS3의 전반적인 기능은 오랜 강의 경력과 실무 경험을 쌓은 저자가 준비한 감각 만점의 실무 예제를 통해 학습하게 된다. 실제 현장에서 사용될만한 수준 높은 예제를 통해 드림위버 CS3의 기능뿐만 아니라 디자인 감각까지 향상시킬 수 있으며, 제작 과정에서 베테랑 실무자의 노하우도 함께 터득할 수 있다. 또한 게시판 페이지를 만드는 데 가장 널리 사용되는 제로보드에 대해서도 권말 부록으로 다루고 있다. 실시간 커뮤니티 사이트에서 빠뜨릴 수 없는 핵심 프로그램인 제로보드의 설치부터 활용 방법까지 실전 예제를 통해 차근차근 설명해 준다.

대상 독자

① 웹디자인을 시작하려는 초보 웹디자이너
② 웹디자인을 위한 툴 테크닉을 향상하고픈 웹디자이너
③ 개인 홈페이지를 제작하려는 일반인
④ 드림위버 CS3 버전을 학습하려는 사용자

책의 특징 및 강점

① ‘Ready(개념잡기) → Start(기능파악하기) → Go(기능활용하기)’ 구성의 드림위버 입문서
홈페이지 제작에 가장 최적화된 드림위버 CS3의 핵심 기능을 하나하나 제대로 파악하고 즉시 써먹을 수 있도록 3단계의 점진적 학습법으로 구성한다. 단순히 기능을 설명하는 데 그치지 않고 학습하려는 주제에 대한 개념 설명과 ‘왜’ 학습해야 하는지에 대한 당위성을 알려주어 학습에 대한 의욕을 고취시킨다.

② 오랜 강의와 집필 경험에서 우러나오는 알짜 노하우와 고품격의 예제 활용
오랜 시간 동안 웹디자인 실무와 강의 경험을 바탕으로 얻은 노하우 및 테크닉을 도서 곳곳에 수록하였으며, 최근 웹 경향에 맞춘 고급스러운 예제를 활용하여 디자인 감각까지 향상시킬 수 있도록 구성하였다.

③ 홈페이지 제작의 기본 언어인, HTML 코딩 기술 소개
홈페이지를 내 손으로 직접 제작하려면 드림위버의 전반적인 기능도 습득해야 하지만 그와 더불어 홈페이지 제작 언어인 HTML을 반드시 알아두어야 한다. 초보자도 쉽게 이해할 수 있도록 HTML 코딩 방법을 자세하게 소개하여 간단한 소스라면 직접 편집할 수 있는 실력을 갖추게 한다.

④ 역동적인 커뮤니티 페이지를 완성하는 제로보드 활용 기술 소개
권말 부록으로는 실시간 커뮤니티 페이지를 만드는 게시판 제작 프로그램 중 단연 으뜸인 제로보드를 활용하는 방법을 소개한다. 제로보드 프로그램을 다운로드 받아 설치한 후 관리하는 방법과 홈페이지의 디자인 콘셉트에 맞게 디자인하는 방법에 대해서도 설명한다.

챕터별 요약

Round 01 드림위버 CS3 시작을 위한 워밍업
드림위버는 홈페이지를 제작하는 대표적인 프로그램입니다. Round 01에서는 이러한 드림위버의 특징을 살펴본 후 컴퓨터에 직접 설치하고 실행하여 화면이 어떻게 구성되어 있는지 알아봅니다. 또한 드림위버로 홈페이지를 제작할 때 반드시 수행해야 하는 사이트 정의 과정 등 기초적이지만 꼭 필요한 기능에 대해 알아봅니다.

Round 02 홈페이지 제작의 첫 걸음, 다양한 오브젝트 삽입하기
홈페이지에 삽입되는 오브젝트에는 어떠한 것이 있을까요? 아마도 여러분은 수없이 접한 인터넷 상의 홈페이지에서 보아왔듯이 텍스트, 이미지, 멀티미디어 등 다양한 종류의 오브젝트가 있다는 것 정도는 알고 있을 것입니다. Round 02에서는 홈페이지 제작의 기본이 되는 다양한 오브젝트를 삽입하고 관련된 속성을 변경하는 방법에 대해 살펴봅니다.

Round 03 홈페이지를 구성하는 기본 요소, 하이퍼링크 이해하기
홈페이지를 구성하는 이미지 또는 텍스트를 클릭했을 때 다른 홈페이지의 문서나 이미지, 텍스트 문서 등으로 이동하는 기능을 ‘하이퍼링크’라고 합니다. Round 03에서는 홈페이지 제작의 필수 요소인 일반적인 하이퍼링크 설정 방법부터 이미지맵, 네임 앵커, 플래시 버튼과 텍스트, 롤오버 이미지와 점프 메뉴 제작 방법까지 드림위버에서 제공하는 하이퍼링크에 관한 전반적인 내용을 살펴봅니다.

Round 04 홈페이지 레이아웃 디자인의 최강자, 테이블 익히기
데이터를 한눈에 알아보기 쉽게 정리할 때 주로 사용하는 테이블은 홈페이지 제작에 중요한 역할을 합니다. 자료 정리는 물론 문서의 오브젝트를 배치하는 레이아웃 구성에서도 테이블은 빠뜨릴 수 없는 필수 요소입니다. Round 04에서는 드림위버의 3가지 테이블 편집 모드를 이용하여 용도에 맞게 테이블을 삽입하고 편집하는 방법에 대해 알아봅니다.

Round 05 효율적인 구조의 홈페이지, 프레임으로 완성하기
여러 개의 문서를 한 문서에 표시해주는 프레임 기능은 홈페이지 제작의 효율성을 높여주는 요소입니다. Round 05에서는 프레임 구조로 문서를 제작하는 방법과 함께 프레임 구조에서 하이퍼링크의 타깃을 설정하는 방법, 프레임 정의 없이 프레임을 삽입할 수 있는 아이프레임 기능 등에 대해 학습합니다.

Round 06 AP Div로 움직이는 홈페이지 레이아웃 만들기
AP Div에는 이미지, 텍스트, 테이블 등을 자유롭게 삽입하여 이동 및 편집할 수 있는 유용한 개체입니다. 이러한 AP Div와 타임라인 패널, 비헤이비어를 활용하면 다이내믹 애니메이션의 연출이 가능합니다. Round 06에서는 AP Div를 삽입하고 편집하는 방법, 그리고 이를 활용하여 애니메이션을 제작하는 방법에 대해 알아봅니다.

Round 07 홈페이지 디자인을 업그레이드하는 스타일시트
스타일시트는 홈페이지 전체 문서의 일관성을 유지하기 위해 꼭 필요한 요소로, HTML로 만들어지는 웹 문서를 좀 더 체계적으로 정리할 수 있다는 장점이 있습니다. 또한 문서 제작에 사용되는 다양한 스타일시트를 한 곳에 모아 놓고 필요할 때 쉽게 적용할 수 있어 작업 시간도 단축할 수 있습니다. Round 07에서는 텍스트의 간격 조정, 배경 이미지의 반복 횟수 조정, 색상 스크롤바 지정, 테이블의 테두리 디자인 등에 주로 사용되는 스타일시트에 대해 알아봅니다.

Round 08 다이내믹 홈페이지를 위한 결정적 요소, 비헤이비어
비헤이비어는 자바스크립트를 직접 코딩하지 않아도 드림위버의 패널을 이용하여 자바스크립트의 기능을 활용할 수 있는 매력적인 기능입니다. 팝업 창을 나타내거나, 오브젝트를 드래그 앤 드롭으로 이동하게 하거나, 애니메이션 효과를 구현하거나, 롤오버 갤러리 페이지를 만드는 등의 동적 효과를 구현할 수 있는 비헤이비어를 Round 08에서 자세하게 살펴봅니다.

Round 09 초강력 드림위버 CS3의 고급 기능 활용하기
Round 09에서는 이미지가 담겨 있는 폴더를 자동으로 정리해 갤러리 페이지로 만드는 웹 포토 앨범, 엑셀의 매크로처럼 명령을 기록하여 실행하는 커맨드 등 홈페이지를 제작하는 데 있어 효율을 높여주는 기능에 대해 알아봅니다. 또한 드림위버 CS3에 새롭게 추가되어 동적 메뉴와 패널 제작을 쉽게 구현해주는 스프라이 기능과 드림위버의 기능을 확장하여 사용할 수 있게 하는 익스텐션에 대해서도 알아봅니다. 초강력 드림위버 CS3의 고급 기능으로 드림위버의 막강한 포스를 느껴봅니다.

Round 10 홈페이지 제작의 효율 만점 필수 도구 활용하기
홈페이지 제작에 사용되는 이미지, 하이퍼링크, 플래시 무비 등의 오브젝트는 [Assets] 패널이라는 곳에 모두 등록되며, [Assets] 패널을 이용하여 필요에 따라 문서에 적용하거나 삽입할 수 있습니다. 이러한 [Assets] 패널에는 문서에 빈번하게 사용되는 요소를 등록하여 바로 꺼내 쓸 수 있는 라이브러리와 문서의 레이아웃을 등록하여 재사용할 수 있는 템플릿 또한 등록할 수 있습니다. Round 10에서는 [Assets] 패널을 이용하여 오브젝트를 삽입하고 라이브러리와 템플릿을 등록하여 문서를 빠르게 만드는 효율 만점 도구에 대해 살펴봅니다.

Round 11 드림위버 CS3으로 쌍방향 폼 문서 제작하기
홈페이지에서 자주 접하는 회원 로그인 문서나, 쇼핑몰 주문 문서 등의 폼 문서는 사용자가 입력하는 내용을 서버로 전송하는 문서로서, 텍스트 필드, 리스트 메뉴, 라디오 버튼, 체크 박스, 파일 필드 등 다양한 방식을 제공합니다. Round 11에서는 이처럼 드림위버에서 제공하는 메뉴를 이용하여 폼 문서를 만들고 스타일시트를 활용하여 편집하는 방법에 대해 알아봅니다.

Round 12 완성된 홈페이지 출판하고 업데이트하기
완성된 홈페이지를 웹상에 올리는 작업을 ‘출판’이라고 합니다. Round 12에서는 완성된 홈페이지를 출판하기 위해 필요한 준비 작업과 함께 알FTP 프로그램과 드림위버의 FTP 기능을 이용하여 웹에 출판하고 결과를 확인하는 과정에 대해 알아봅니다.

Bonus Round 01 드림위버에서 코딩하는 HTML, 기초 다지기
드림위버의 디자인 편집 창은 위지윅 방식으로 텍스트, 하이퍼링크, 이미지와 같은 오브젝트를 쉽게 삽입할 수 있습니다. 그러나 간혹 디자인 편집 창에서 지원하지 못하는 속성이나 삽입된 코드를 수정해야 할 경우가 발생합니다. Bonus Round 01에서는 이러한 경우를 대비하여 코드 편집 창에서 직접 HTML을 입력하고 편집하는 방법에 대해 알아봅니다. 홈페이지를 제작하기 위해서는 기본적인 HTML은 반드시 알아두어야 합니다.

Bonus Round 02 제로보드로 뽀대 나는 커뮤니티 홈페이지 만들기
제로보드는 웹사이트에 필요한 게시판과 같은 기능을 웹 계정에 직접 설치하여 운영할 수 있게 하는 프로그램입니다. 여기서 다루는 제로보드 XE는 모듈, 애드온, 위젯, 에디터 컴포넌트 등 다양한 기능을 지원하도록 개발되었으며, 제로보드 공식 사이트(www.zeroboard.com)를 통하여 다양한 레이아웃과 사용 중에 발생할 수 있는 문제점에 대한 해결 방법을 제공받을 수 있습니다. Bonus Round 02에서는 제로보드의 설치부터 게시판 추가, 스킨 변경, 레이아웃 관리 등 제로보드로 커뮤니티 페이지를 구축하기 위한 기능에 대해 살펴봅니다.