드림위버는 홈페이지 제작 및 운영을 위한 기본적인 기능뿐만 아니라 플래시, 동영상과 같은 멀티미디어나 스타일시트를 이용한 디자인 구현 및 사이트의 통합 관리, 자바스크립트를 이용한 비헤이비어나 스프라이 위젯과 같은 다이내믹 기능을 완벽하게 구현할 수 있게 하는 대표적인 홈페이지 저작도구입니다. 특히, 드림위버 CS5 버전은 CSS 레이아웃, CS Live를 활용한 온라인 서비스, 간편해진 사이트 정의, 라이브 뷰 내비게이션과 같은 새롭고 강화된 기능으로 주목 받고 있습니다.

이 책은, 철저한 예제 중심으로 구성된 교육 과정과 병행하여 어느 정도의 개념은 알지만 머릿속에서 정리되지 않는 기능에 대해 이해하게 하고, 실전에 응용할 수 있게 하여 단계별로 차근차근 기능과 실전을 파악할 수 있도록 정리하였습니다. 아무쪼록 이 책을 선택한 모든 독자에게 좋은 지침서가 되기를 바랍니다.




드림위버 최신 버전 CS5로 설명한 최신 드림위버 학습서!

드림위버의 기본 기능부터 게시판 프로그램인 그누보드까지 설명하고 있어, 이 책 한 권만으로도 홈페이지를 완벽하게 구현해낼 수 있습니다.




웹 전문가의 쉽고 자세한 설명, 그리고 실전에서 바로 활용 가능한 고퀄리티 예제 수록!

저자의 오랜 시간 웹 관련 강의와 도서를 집필한 풍부한 경험으로 드림위버의 필수 기본 기능과 핵심 기능을 중심으로 쉽고 꼼꼼하게 설명하였으므로, 입문자도 무리 없이 편안하게 드림위버를 익혀나갈 수 있습니다.




실전 활용에 대비한 특별 예제와 동영상 해설 파일 제공!

장별 연습 과정을 마친 후 학습한 내용을 정리할 수 있도록 [이번 장 실습하기] 페이지와 해설 파일을 제공하며, 모든 장의 연습 과정을 마친 후 실력 총점검을 위한 [실전 실력 충전하기] 페이지와 해설 파일을 제공합니다.

 

Chapter 01. 드림위버 CS5를 사용하기 위한 준비 운동
001. 내 컴퓨터에 드림위버 CS5 설치하기
|덧붙이기| 드림위버 CS5의 새로운 기능 알아보기
002. 드림위버 CS5의 화면 구성 살펴보고 레이아웃 설정하기
003. 드림위버 CS5의 패널 분리하고 병합하기
004. 화면 배율 조정하고 가이드와 그리드 표시하기
|이번 장 마무리하기|
|이번 장 실습하기|

Chapter 02. 사이트 정의 및 문단과 이미지 삽입하기
001. 웹사이트 제작을 위한 사이트 정의하기
002. 폴더와 파일 관리 기능 살펴보기
003. 문서 환경 설정하기
004. 문단 편집 및 스타일 적용하기
005. 이미지 삽입 및 편집하기
|덧붙이기| 드림위버에서 제공하는 다양한 이미지 편집 기능 살펴보기
|이번 장 마무리하기|
|이번 장 실습하기|

Chapter 03. 플래시, 동영상 및 폼 요소 삽입하기
001. 플래시와 동영상 무비 삽입 및 편집하기
002. 폼 정의하고 텍스트 필드와 암호 텍스트 필드 삽입 및 편집하기
003. 파일 필드와 텍스트영역 필드 삽입 및 편집하기
004. 라디오 버튼과 체크 박스 삽입 및 편집하기
005. 리스트 메뉴와 폼 버튼 삽입 및 편집하기
|덧붙이기| Validate Form 비헤이비어로 텍스트 필드의 유효성 검사하기
|이번 장 마무리하기|
|이번 장 실습하기|

Chapter 04. 하이퍼링크로 문서 연결하기
001. 글자와 이미지에 하이퍼링크 연결하기
002. 네임 앵커로 특정 위치로 자동 이동하기
003. 이미지 맵으로 하이퍼링크 연결하기
004. 롤오버 이미지 삽입하고 하이퍼링크 연결하기
005. 점프 메뉴 삽입하고 하이퍼링크 연결하기
|덧붙이기|점프 메뉴 스타일 꾸미기
|이번 장 마무리하기|
|이번 장 실습하기|

Chapter 05. 테이블을 이용하여 데이터 입력하고 배치하기
001. 테이블 삽입하고 데이터 입력하기
002. 셀, 행, 열 편집하기
003. 테이블과 셀 속성 변경하기
004. 테이블을 이용한 레이아웃 지정하기
005. [Expanded Tables Mode]로 테이블 편집하기
|이번 장 마무리하기|
|이번 장 실습하기|

Chapter 06. AP Div를 이용하여 레이아웃 배치하고 다양한 효과 적용하기
001. AP Div 삽입 및 편집하기
002. AP Div를 이용한 레이아웃 만들기
003. Show-Hide Element 비헤이비어로 팝업 창 만들기
004. Show-Hide Element 비헤이비어로 롤오버 시 서브 메뉴 표시하기
|덧붙이기| AP Div 구조를 테이블 구조로 변환하기
|이번 장 마무리하기|
|이번 장 실습하기|

Chapter 07. CSS를 이용한 스타일 디자인 및 활용 기법 살펴보기
001. 클래스 정의 및 적용 기법 살펴보기
002. 태그 선택자 정의 및 적용 기법 살펴보기
003. 아이디 선택자 정의 및 적용 기법 살펴보기
004. 하이퍼링크 텍스트 스타일 디자인하기
005. 복합 선택자 정의 및 적용 기법 살펴보기
006. 외부 CSS 파일로 여러 파일에 디자인 적용하기
|덧붙이기| 문서 내부에 등록된 선택자를 자동으로 외부 CSS 파일로 이동하기
|이번 장 마무리하기|
|이번 장 실습하기|

Chapter 08. CSS를 이용한 레이아웃 구현하기
001. 레이아웃에 관련된 CSS 속성 이해하기 1
002. 레이아웃에 관련된 CSS 속성 이해하기 2
003. CSS를 이용한 수평 롤오버 내비게이션 구현하기
004. 3단 레이아웃 구현하기 1
005. 3단 레이아웃 구현하기 2
|덧붙이기| 파이어폭스 웹브라우저의 미리보기 기능을 드림위버에서 단축키로 설정하기
|이번 장 마무리하기|
|이번 장 실습하기|

Chapter 09. 프레임, 아이프레임, 템플릿을 이용한 웹사이트 제작하기
001. 프레임세트 구조로 웹사이트 제작하기
002. 프레임세트 구조에서 하이퍼링크 연결하기
003. 아이프레임을 이용하여 웹사이트 제작하고 하이퍼링크 연결하기
004. 템플릿 정의하고 편집 영역 설정하기
005. 템플릿을 이용하여 웹사이트 제작하기
|덧붙이기| 적용된 템플릿 해제하기
|이번 장 마무리하기|
|이번 장 실습하기|

Chapter 10. 비헤이비어로 다이내믹 효과 적용하기
001. Popup Message 비헤이비어로 텍스트 메시지 표시하기
002. Call Javascript 비헤이비어로 창 닫고 인쇄 버튼 만들기
003. Open Browser Window로 팝업 창 효과내기
004. Swap Image 비헤이비어로 이미지 교체 갤러리 만들기
005. Effect 비헤이비어로 트랜지션 효과내기
|이번 장 마무리하기|
|이번 장 실습하기|

Chapter 11. Spry 프레임 워크로 동적 패널, 내비게이션 만들기
001. Spry Tabbed Panels 위젯으로 동적 패널 삽입하기
002. Spry Accordion 위젯으로 슬라이딩되는 패널 삽입하기
003. Spry Collapsible Panel 위젯으로 확대/축소되는 동적 패널 삽입하기
004. Spry Menu Bar 위젯으로 동적 내비게이션 삽입하기
|이번 장 마무리하기|
|이번 장 실습하기|

Chapter 12. 웹 출판 및 그누보드 게시판 설치하기
001. 웹사이트 운영에 필요한 웹 계정 신청하기
002. 알FTP 프로그램을 이용한 웹 출판하기
003. 그누보드 프로그램 설치하기
004. 그누보드 그룹과 게시판 추가하기
005. 아이프레임 구조에서 게시판 연결하기
|이번 장 마무리하기|
|이번 장 실습하기|

워크북. 드림위버 CS5 실전 실력 충전하기
001. 예제 사이트 등록 및 문서 만들기
002. CSS로 배경 이미지 적용 및 이미지, 표제, 문단 꾸미기
003. 회원 가입 폼 문서 만들기
004. CSS로 폼과 테이블 꾸미기
005. 이미지맵, 롤오버 메뉴, 글자 메뉴로 하이퍼링크 연결하기
006. 비헤이비어를 이용한 사진 갤러리 문서 만들기
007. 외부 CSS 파일로 문서 꾸미기
008. Spry Collapsible Panel 위젯을 이용한 게시물 꾸미기
009. 아이프레임 구조로 연결하기
010. 웹상에 출판하고 게시판 추가 연결하기