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

드림위버는 웹페이지 제작에 관련된 기초적인 기능뿐만 아니라 플래시, 동영상과 같은 멀티미디어 콘텐츠나 비헤이비어, 스프라이 위젯과 같은 동적 기능을 제공하는 대표적인 웹페이지 제작 도구입니다. 또, 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 프로그램을 이용하여 업로딩하는 방법, 그누보드와 같은 게시판 프로그램을 이용한 게시판 활용 방법에 대해 알아봅니다.

Part 01 드림위버와의 첫 만남
Section 01 화면 레이아웃 설정하고 패널 분리 및 병합하기
Section 01 사이트 정의와 폴더/파일 관리하기
Section 03 화면 조정 및 안내선과 격자선 살펴보기
장 요약설명
장 실습문제

Part 02 문단, 이미지, 멀티미디어 무비 삽입하기
Section 01 문서 환경 설정하기
Section 02 문단 편집하고 텍스트 꾸미기
Section 03 이미지 삽입하고 편집하기
Section 04 플래시/동영상 무비 삽입하고 편집하기
장 요약설명
장 실습문제

Part 03 하이퍼링크로 문서 연결하기
Section 01 글자와 이미지에 하이퍼링크 지정하기
Section 02 네임 앵커로 자동 이동하기
Section 03 이미지 맵으로 하이퍼링크 지정하기
Section 04 롤오버 이미지와 점프 메뉴 삽입하기
장 요약설명
장 실습문제

Part 04 테이블로 데이터 정리하기
Section 01 테이블 삽입하고 데이터 입력하기
Section 02 셀, 행, 열 단위로 편집하기
Section 03 테이블과 셀의 속성 변경하기
Section 04 Expanded Tables Mode 이용하기
장 요약설명
장 실습문제

Part 05 폼 문서 만들기
Section 01 폼 정의하고 텍스트와 암호 텍스트 필드 삽입하기
Section 02 파일 필드와 텍스트 영역 필드 삽입하기
Section 03 라디오 버튼과 체크 박스 삽입하기
Section 04 리스트 메뉴와 폼 버튼 삽입하기
장 요약설명
장 실습문제

Part 06 CSS 선택자를 이용한 문서 요소 디자인하기
Section 01 태그 선택자 등록하여 요소 꾸미기
Section 02 클래스 선택자 등록하여 필요한 요소만 꾸미기
Section 03 아이디 선택자 등록하여 구역 나누어 꾸미기
Section 04 하이퍼링크 텍스트 스타일 디자인하기
Section 05 복합 선택자 등록으로 구조화하기
장 요약설명
장 실습문제

Part 07 CSS 기능을 이용한 디자인 관리와 레이아웃 설정하기
Section 01 외부 CSS 파일로 여러 문서의 디자인 관리하기
Section 02 AP Div를 이용한 레이아웃 지정하기
Section 03 display 속성을 이용한 레이아웃 설정하기
Section 04 float, clear, position 속성을 이용한 레이아웃 설정하기
장 요약설명
장 실습문제

Part 08 프레임, 아이프레임, 템플릿을 이용한 웹사이트 제작하기
Section 01 아이프레임을 이용한 웹사이트 제작 및 하이퍼링크 연결하기
Section 02 프레임셋 구조로 웹사이트 제작하기
Section 03 템플릿 정의하고 편집 영역 설정하기
Section 04 템플릿을 이용한 웹페이지 만들고 업데이트하기
장 요약설명
장 실습문제

Part 09 비헤이비어로 동적 효과 적용하기
Section 01 Popup Message와 Set Text 비헤이비어로 텍스트 메시지 표시하기
Section 02 Swap Image와 Change Property 비헤이비어로 이미지 교체하고 속성 변경하기
Section 03 Show-Hide Element 비헤이비어로 팝업 창 효과내기
Section 04 Open Browser Window와 Call Javascript 비헤이비어로 팝업 창 열고 닫기
Section 05 Effect 비헤이비어로 트랜지션 효과내기
장 요약설명
장 실습문제


Part 10 Spry 프레임워크 기능을 이용한 동적 패널, 내비게이션 만들기
Section 01 Spry Tabbed Panels 위젯으로 동적 패널 삽입하기
Section 02 Spry Accordion 위젯으로 슬라이딩되는 패널 삽입하기
Section 03 Spry Collapsible Panel 위젯으로 확대/축소되는 동적 패널 삽입하기
Section 04 Spry Menu Bar 위젯으로 동적 내비게이션 삽입하기
장 요약설명
장 실습문제


Part 11 웹 출판 및 게시판 설치/삽입하기
Section 01 웹 계정 신청과 FTP 프로그램을 이용한 웹 출판하기
Section 02 그누보드 설치와 게시판 추가하기
Section 03 아이프레임 구조에서 게시판 연결하기
Section 04 노프레임 구조로 게시판 연결하기
장 요약설명
장 실습문제

총정리 실습
01 공통 레이아웃 문서 제작과 CSS 파일 연결하기
02 게스트북 테이블 제작과 디자인 꾸미기
03 로그인 폼 삽입과 디자인 꾸미기
04 AP Div 레이아웃 이용하여 검색 폼 삽입하기
05 하이퍼링크 메뉴와 이미지가 교체되는 갤러리 만들기
06 메뉴 글자 클릭하면 팝업 창 표시되게 효과내기
07 하이퍼링크 연결 후 웹 계정에 업로딩하기