“풍부한 실습 문제를 통해 드림위버의 기본기를 확실하게 내 것으로 만들다!”

드림위버는 웹페이지 제작에 관련된 기초적인 기능뿐만 아니라 플래시, 동영상과 같은 멀티미디어 콘텐츠나 비헤이비어, 스프라이 위젯과 같은 동적 기능을 제공하는 대표적인 웹페이지 제작 도구입니다. 또, HTML5나 CSS 레이아웃, 웹 표준과 같은 최신 기술까지도 자유자재로 구현할 수 있어 초보자부터 고급 사용자까지 두터운 사용자층을 확보하고 있습니다.

특히, 드림위버 CS5는 CSS 레이아웃, CS Live의 온라인 서비스, 사이트 정의, 라이브 뷰 내비게이션 등의 기능이 강화되어 웹 관련 종사자로부터 주목 받는 버전입니다.

드림위버를 처음 접하는 입문자에게는 기능을 단순히 따라해 보는 학습 과정만으론 확실히 자신의 것으로 만들었다고 하긴 어렵습니다. 책을 통해 기능을 따라해 보고 반복적인 실습으로 유사한 작업을 스스로 할 수 있어야만 비로소 자신의 것이 되는 것이죠. 이 책은 이러한 반복 훈련을 통해 드림위버의 기능을 내 것으로 제대로 익힐 수 있게 구성하였습니다.

핵심 기능을 정확하게 익힌 후 바로 테스트해볼 수 있는 실습 문제가 제공되고, 마지막 파트에는 전반적인 기능을 활용하여 실제 웹사이트를 구축해볼 수 있는 총정리 실습 문제를 포함합니다.

십 수 년 간 현장에서 쌓은 실전 노하우와 풍부한 강의 경력을 갖춘 저자의 꼼꼼한 설명과 체계적인 구성으로 짜여진 『눈으로 보고 손으로 길들이는 드림위버 CS5』라면 드림위버의 핵심 기능을 확실하게 익힐 수 있을 것입니다.

독자 타깃
드림위버 입문자
드림위버 기본기를 제대로 다지고 싶은 기존 사용자

구성 특징
드림위버의 필수 핵심 기능을 한 권으로 마스터!
드림위버를 사용할 때 핵심이 되는 필수적인 기본 기능을 꼼꼼하게 설명합니다. 실전에서 꼭 필요한 핵심 기능만을 엄선하였습니다.

저자의 실무 노하우와 다년간의 강의 경험으로 얻어진 TIP 공개!
다년간의 실무 경험과 강의 경력을 가진 저자의 노하우를 통해, 초보자가 겪을 수 있는 부분에 대해 알짜 팁을 곳곳에 공개합니다.

기능 익힌 후 풍부한 실습 문제의 반복 학습으로 자신감 강화!
필수적인 핵심 기능을 익힌 후 실습 문제로 유사한 유형의 작업을 반복 학습하여 기능을 확실하게 파악하고 마무리할 수 있게 합니다. 책의 마지막 장에서 제공하는 종합 실습 문제로 드림위버의 전체적인 기능을 되짚는 과정을 통해 자신감을 갖고 실전에 적용할 수 있게 합니다.

장별 요약

Part 01 드림위버와의 첫 만남
드림위버는 홈페이지를 제작하는 대표적인 저작 도구로 HTML 태그, CSS를 직접 마크업할 수 있는 코드 모드의 편집 창과 보이는 그대로 문단과 이미지 등을 삽입하고 편집할 수 있는 디자인 모드의 편집 창을 제공합니다. 1장에서는 이러한 드림위버의 화면 레이아웃을 기본적으로 설정하고 사이트를 정의하는 등의 기초적인 기능과 사용법에 대해 알아봅니다.

Part 02 문단, 이미지, 멀티미디어 무비 삽입하기
웹페이지에 삽입되는 구성 요소는 크게 문단, 이미지, 플래시 무비나 동영상 무비와 같은 멀티미디어 콘텐츠가 있습니다. 2장에서는 이러한 구성 요소의 삽입 방법과 함께 [PROPERTIES] 패널을 이용하여 속성을 설정하고 문서 전체의 배경, 여백, 기본 글자 속성과 같은 문서 환경을 설정하는 방법에 대해 알아봅니다.

Part 03 하이퍼링크로 문서 연결하기
웹사이트 제작에 있어 하이퍼링크는 문서, 이미지 외에도 모든 파일을 연결해주는 매개체 역할을 담당합니다. 이미지와 텍스트에 하이퍼링크를 지정하는 과정은 하이퍼링크 사용에 있어 가장 기초적으로 알아야 할 중요한 내용입니다. 3장에서는 이러한 하이퍼링크의 일반적인 기능과 함께 네임 앵커, 이미지 맵, 점프 메뉴, 롤오버 이미지와 같이 하이퍼링크를 지정할 수 있는 다양한 기능에 대해 알아봅니다.

Part 04 테이블로 데이터 정리하기
엑셀, MS-워드, 한글과 같은 응용 프로그램에서 데이터를 한눈에 볼 수 있게 정리해 주는 테이블은 웹페이지의 레이아웃을 지정하는 요소로도 사용됩니다. 테이블의 기본적인 삽입과 셀의 추가와 삭제, [PROPERTIES] 패널을 이용한 속성 변경과 확장 모드를 이용한 배치와 편집 방법에 대해 알아봅니다.

Part 05 폼 문서 만들기
회원 가입, 게시판, 로그인, 상품 주문서와 같이 사용자가 직접 데이터를 삽입하거나 선택하는 용도로 사용되는 폼 문서에는 텍스트 필드, 텍스트 영역, 버튼, 체크 박스, 라디오 버튼 등이 삽입됩니다. 5장에서는 이러한 폼 문서의 제작 방법과 폼 문서에 사용되는 컨트롤 요소에 대해 알아봅니다.

Part 06 CSS 선택자를 이용한 문서 요소 디자인하기
CSS는 캐스케이딩 스타일시트(Cascading Style Sheet)의 줄임말로 스타일시트라고도 합니다. CSS슴 HTML에서 지원하지 못했던 타이포그래피, 배경, 여백과 같은 다양한 디자인 속성을 구현할 수 있습니다. 또한, 홈페이지의 실제 내용과 서식 디자인을 분리시킬 수 있어 작업 소스를 간결하고 효율적으로 관리할 수 있고 빠른 업데이트를 할 수 있습니다. CSS의 다양한 선택자 등록과 관련된 속성을 이용하여 문서를 업그레이드해 봅니다.

Part 07 CSS 기능을 이용한 디자인 관리와 레이아웃 설정하기
6장에 이어 7장에서는 ‘*.css’ 형태의 외부 CSS 파일을 이용하여 CSS 선택자를 등록하고 적용하는 과정을 살펴봅니다. 또한 ‘float’, ‘clear’, ‘position’, ‘display’와 같은 문서 레이아웃에 관련된 CSS 속성에 대해서도 함께 알아봅니다.

Part 08 프레임, 아이프레임, 템플릿을 이용한 웹사이트 제작하기
문서의 특정 위치에 또 다른 문서를 이미지나 테이블과 같이 삽입할 수 있는 아이프레임, 2개 이상의 문서를 한 화면에 배치하는 프레임셋, 레이아웃을 고정 포맷 문서로 등록한 후 편집 가능 영역만 내용을 교체하는 템플릿은 웹사이트의 전체 구조를 만드는 기법들입니다. 이러한 기법을 이용하여 다양한 형태의 웹사이트 제작 방법에 대해 알아보고 예제를 통해 실습합니다.

Part 09 비헤이비어로 동적 효과 적용하기
비헤이비어(Behavior)를 이용하면 팝업 창, 경고 메시지 창, 웹브라우저 상태 표시줄의 텍스트 표시, 텍스트와 이미지 등 오브젝트의 속성 변환처럼 자바스크립트를 이용한 동적인 기능을 구현할 수 있습니다. 별도의 복잡한 소스 편집 없이 드림위버에서 제공하는 [Behaviors] 패널을 이용하므로 누구나 쉽게 적용할 수 있으며 속성 또한 추가 변경이 가능합니다. 비헤이비어의 특징을 알아보고 다양한 요소를 이용하여 동적 효과를 적용하는 과정에 대해 알아봅니다.

Part 10 Spry 프레임워크 기능을 이용한 동적 패널, 내비게이션 만들기
탭을 클릭할 때마다 관련 패널이 변경되어 표시되는 Spry Tabbed Panels, 탭을 클릭할 때마다 선택된 패널만 표시되고 나머지는 축소되는 Spry Accordion, 탭을 클릭할 때마다 패널의 내용이 축소되거나 확장되는 애니메이션이 실행되는 Spry Collapsible Panel, 마우스 포인터의 움직임에 따라 서브 메뉴를 표시하는 Spry Menu Bar와 같은 Spry 프레임 워크에 대해 알아봅니다. Spry 프레임 워크를 삽입하는 과정과 함께 디자인을 변경해보고 관련된 [PROPERTIES] 패널을 이용하여 편집하는 방법을 살펴봅니다.

Part 11 웹 출판 및 게시판 설치/삽입하기
드림위버에서 제작한 홈페이지 문서의 최종 목적지는 웹 출판입니다. 웹 출판을 위해서는 웹 계정이라 불리는 저장 공간과 웹 계정에 업로딩하는 FTP 프로그램이 필요합니다. 11장에서는 이러한 웹 출판을 위한 웹 계정 신청과 함께 알FTP 프로그램을 이용하여 업로딩하는 방법, 그누보드와 같은 게시판 프로그램을 이용한 게시판 활용 방법에 대해 알아봅니다.