드림위버는 편집이 용이한 위지윅 방식에 웹프로그래밍까지 관리할 수 있는 웹 저작 도구로서, 웹 저작 도구 중 가장 많은 사용자를 확보하고 있는 프로그램이다. 특히, 드림위버 CS4는 작업 시간을 단축시켜주는 라이브뷰, 코드 탐색기, 코드 힌트, 관련 파일 표시, HTML 데이터 세트, 스마트 오브젝트 기능 등이 보강되어 시간과 비용을 절감하는 1석2조의 효과를 누릴 수 있게 되었다. 홈페이지 제작과 관련된 직업을 갖길 원하거나 스스로 홈페이지를 만들고 싶다면 점점 막강한 기능으로 무장하는 웹 저작 도구의 대표 프로그램인 드림위버를 배워야 하는 것은 너무나 당연한 일이다.

『독하게 배워 바로 써먹는 드림위버 CS4 [+] HTML&CSS』는 웹 사이트를 개발하는 디자이너나 프로그래머를 꿈꾸거나 더 나아가 개성 넘치는 자신만의 홈페이지를 갖길 원하는 일반인들도 웹사이트를 제작하고 운영하는 실력을 제대로 갖출 수 있게끔 드림위버 CS4를 쉽고 자세하게 설명한다. 홈페이지를 제작하기 위한 첫 단계인 사이트 정의에서부터, 오브젝트를 다루는 방법, 레이아웃을 구성하는 방법, 효율적으로 문서를 정리하는 방법, 다이내믹 콘텐츠를 구현하는 방법, 출판 및 업데이트 방법 등을 차례차례 배워나갈 수 있다. 또한 웹 사이트 제작에 빠뜨릴 수는 없는 HTML과 CSS를 드림위버에서 직접 코딩하는 방법에 관한 기초적인 내용도 쉽게 풀어 설명한다. 그리고 부록 CD에서 제공하는 전자북을 통해 블로그나 게시판 페이지를 만드는 데 가장 널리 사용되는 제로보드의 설치부터 활용 방법도 덤으로 익힐 수 있다.

오랜 기간 실무에서, 강의를 통해 활동해온 필자진의 감각 만점의 실무 예제는 단순히 드림위버의 기능만 익히는 것에 그치지 않고 실전 디자인 감각까지 높일 수 있게 하며, 제작 과정에서의 팁과 노하우는 웹 종사자로서의 가치를 더욱 더 높일 수 있게 해준다.

드림위버 CS4의 핵심 기능 마스터를 위한 ‘개념파악 → 기능파악 → 기능활용’ 순으로 구성
웹 사이트 제작에 가장 최적화된 드림위버 CS4의 핵심 기능을 하나하나 제대로 파악하고 즉시 써먹을 수 있도록 3단계의 점진적 학습법으로 구성한다. 단순히 기능을 설명하는 데 그치지 않고 학습하려는 주제에 대한 개념 설명과 ‘왜’ 학습해야 하는지에 대한 당위성을 알려주어 학습에 대한 의욕을 고취시킨다.

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

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

쌍방향 커뮤니티 페이지를 완성하는 제로보드 XE 활용 기술 소개
전자북으로 실시간 커뮤니티 페이지를 만드는 게시판 제작 프로그램 중 가장 사용자를 많이 확보하고 있는 제로보드를 활용하는 방법을 소개한다. 제로보드 프로그램을 다운로드 받아 설치한 후 관리하는 방법과 홈페이지의 디자인 콘셉트에 맞게 디자인하는 방법에 대해서도 설명한다.

Round 01 드림위버 CS4의 시작을 위한 워밍업
드림위버는 전세계 사용자가 즐겨 사용하는 홈페이지 제작 프로그램입니다. 이번 Round에서는 이러한 드림위버의 특징을 살펴본 후 프로그램을 설치하고 실행하여 어떤 생김새를 갖고 있는지 살펴봅니다. 또한 드림위버로 홈페이지를 제작할 때 반드시 수행해야 하는 사이트 정의 과정과 파일 관리 등 기초적이지만 꼭 필요한 기능에 대해서도 알아봅니다.

Round 02 다양한 오브젝트 삽입으로 홈페이지 제작 시작하기
홈페이지에 삽입되는 오브젝트의 종류에는 텍스트, 이미지, 멀티미디어 오브젝트 등 다양한 콘텐츠가 존재합니다. 드림위버에서는 홈페이지 제작의 기본이 되는 이러한 다양한 오브젝트를 눈에 보이는 그대로 삽입하고 확인할 수 있는 위지윅 방식을 제공합니다. 이번 Round에서는 오브젝트를 삽입하고 관련된 속성을 변경하는 방법에 대해 살펴봅니다.

Round 03 홈페이지 구성의 필수 요소, 하이퍼링크 이해하기
‘하이퍼링크(Hypelink)’는 홈페이지를 구성하는 이미지나 텍스트를 클릭했을 때 다른 홈페이지의 문서가 나타나거나 파일 다운로드 창, 이메일 프로그램 창이 나타나게 하는 연결 기능입니다. 하이퍼링크 기능은 인터넷 상의 웹 사이트 전반을 운영하는 필수적인 기능 중 하나입니다. 이번 Round에서는 이러한 하이퍼링크의 일반적인 설정 방법과 함께 이미지 맵, 네임 앵커, 롤오버 이미지, 점프 메뉴 제작 방법까지 하이퍼링크에 관한 전반적인 내용을 살펴봅니다.

Round 04 데이터 정리와 레이아웃 디자인을 위한 테이블 정복하기
홈페이지에서 테이블은 자료를 정리할 때나 이미지, 텍스트와 같은 콘텐츠를 배치하는 레이아웃 디자인을 위해 주로 이용됩니다. 이번 Round에서는 테이블의 다양한 삽입 방법과 함께 셀의 삭제와 추가 등의 편집과 속성 설정 방법, 편집 모드의 변환과 스타일 적용 방법 등에 대해 알아봅니다.

Round 05 프레임으로 완성하는 홈페이지 레이아웃
여러 문서를 구역으로 나누어 한 화면에 표시해주는 프레임 기능을 이용하면 사이트 문서 관리와 업데이트를 용이하게 구현할 수 있습니다. 이번 Round에서는 프레임 구조로 문서를 제작하는 방법과 하이퍼링크의 타깃을 설정하는 방법을 알아보고, 프레임 정의 없이 프레임을 삽입할 수 있는 아이프레임 기능에 대해서도 살펴봅니다.

Round 06 자유로운 레이아웃을 구사하는 AP 엘리먼트 활용하기
AP 엘리먼트는 이미지, 텍스트, 테이블과 같은 오브젝트를 자유롭게 삽입하여 이동 및 편집할 수 있는 독립된 편집 창으로, 문서의 레이아웃을 보다 쉽고 직관적으로 만들 수 있게 하는 요소입니다. AP 엘리먼트에 비헤이비어를 적용하면 드래그앤드롭 기능을 구현할 수 있고, 조건에 따라 AP 엘리먼트의 표시 속성을 변경할 수도 있습니다. 이번 Round에서는 AP 엘리먼트의 기본 편집 방법과 함께 드래그앤드롭 기능과 표시 여부를 설정하여 다이내믹하게 구현하는 과정에 대해 알아봅니다.

Round 07 홈페이지 디자인을 업그레이드하는 스타일시트
스타일시트를 이용하면 홈페이지 문서 전체에 사용되는 다양한 서식 스타일을 일관성 있게 제어할 수 있습니다. HTML로 만들어지는 웹 문서를 좀 더 체계적으로 정리할 수 있다는 점에서 스타일시트는 효율적인 홈페이지 제작을 위한 필수 요소입니다. 이번 Round에서는 이러한 스타일시트의 다양한 방식을 이해하고 문서를 이루는 전체 요소에 적용하는 과정에 대해 알아봅니다.

Round 08 다이내믹 효과의 결정타, 비헤이비어 활용하기
홈페이지에 팝업 창이나 경고 메시지 창을 띄우게 하거나 애니메이션 효과나 롤오버 갤리리 페이지를 만들기 위해서는 자바스크립트가 필요합니다. 비헤이비어는 이러한 자바스크립트 소스를 직접 코딩하지 않아도 별도의 담당 패널을 이용하여 발생 조건에 따라 다이내믹 효과를 홈페이지에 적용할 수 있는 기능입니다. 드림위버에서 지원하는 다양한 비헤이비어를 이용하여 업그레이드된 다이내믹 효과를 만들어 봅니다.

Round 09 드림위버 CS4의 초강력 고급 기능 활용하기
이번 Round에서는 고정된 레이아웃에 편집이 가능한 영역을 별도로 설정하여 문서를 제작할 수 있는 템플릿 기능과 함께 동적 메뉴와 패널의 효과를 구현해주고, 테이블 데이터의 표시와 툴 팁 효과의 구현도 가능하게 해주는 스프라이 기능에 대해 알아봅니다. 홈페이지 제작의 강력한 고급 기능을 통해 한층 업그레이드된 드림위버를 만나봅니다.

Round 10 드림위버 CS4로 쌍방향 폼 문서 제작하기
사용자가 직접 데이터를 입력하거나 선택하여 자료를 전달하는 회원 가입, 로그인, 게시판, 쇼핑몰 주문서와 같은 문서 양식을 폼 문서라고 합니다. 이번 Round에서는 이러한 폼 문서에 포함되는 폼 정의, 텍스트 필드, 리스트 메뉴, 라디오 버튼, 체크 박스, 파일 필드와 같은 요소를 삽입하고 스타일시트를 이용하여 용도에 맞는 폼 문서로 제작하는 방법에 대해 알아봅니다.

Round 11 완성된 홈페이지 출판하고 업데이트하기
이번 Round의 주제는 완성된 홈페이지를 웹상에 올리는 웹 출판입니다. 웹 출판을 위해서는 홈페이지 저장 공간인 웹계정과 도메인이 필요합니다. 완성된 홈페이지를 출판하기 위해 필요한 준비 작업과 함께 알FTP 프로그램과 드림위버의 FTP 기능을 이용하여 웹에 출판하고 결과를 확인하는 과정에 대해 알아봅니다.

Bonus Round 01 HTML/XHTML 코딩 기초 익히고 인클루드 활용하기
드림위버의 디자인 편집 창에서 제공하는 다양한 도구와 메뉴, 레이아웃을 이용하면 초보자도 쉽게 홈페이지를 제작할 수 있습니다. 그러나 디자인 편집 창에서 지원하지 못하는 코드를 직접 삽입해야 하거나 오류를 수정해야 할 경우도 작업 중 빈번하게 발생하게 됩니다. 이번 Bonus Round에서는 이러한 경우를 대비하여 HTML/XHTML 태그 문법과 함께 웹사이트 제작에 자주 사용되는 인클루드 기능에 대해 알아봅니다. 한 단계 업그레이드된 홈페이지를 제작하기 위해서는 기본적인 HTML/XHTML은 반드시 알아둘 것을 권장합니다.

Bonus Round 02 스타일시트(CSS) 기초 문법 익히고 레이아웃 구현하기
스타일시트(CSS)의 기초 문법을 알아두면 HTML 기초 문법과 마찬가지로 웹페이지를 제작할 때 유용하게 활용할 수 있습니다. 특히 테이블을 이용하여 레이아웃을 구성하거나 최신 트렌드인 CSS를 이용한 레이아웃 구성 기법을 활용하기 위해서는 CSS 기초 문법을 익히는 것이 필요합니다. 드림위버의 코드 편집 창에서 CSS 관련 코드를 입력하면서 기초 문법을 익히고 레이아웃을 구현해 봅니다.

Bonus Round 03 제로보드로 만드는 블로그&게시판형 홈페이지 [e-book]
많은 사용자층을 확보하고 있는 오픈형 게시판 솔루션 제로보드는 웹사이트 운영에 필요한 게시판, 로그인 외에도 모듈, 애드온, 위젯, 에디터 컴포넌트 등 다양한 프로그램들을 지원하도록 개발되었습니다. 제로보드 프로그램은 제로보드 공식 사이트(zeroboard.com)에서 다운로드 받아 웹계정에 설치할 수 있으며, 공식 사이트를 통해 다양한 레이아웃과 사용 중에 발생할 수 있는 여러 문제점에 대한 해결 방법을 제공받을 수 있습니다. 제로보드의 설치부터 게시판 추가, 스킨 변경, 레이아웃 관리 등 제로보드로 커뮤니티 페이지를 구축하기 위한 기능에 대해 살펴봅니다.