■ 책 소개

웹 사이트와 모바일 앱 제작을 위한 드림위버 CS5.5
PC, 스마트폰, 태블릿 및 다양한 디바이스에 배포할 디자인을 내 손으로 제작하자!

이 책은 옆에서 가르쳐주는 사람이 없더라도 스스로 홈페이지를 제작하고 운영할 수 있도록 기획, 디자인, 웹 문서 제작, 인터넷 출판 그리고 오류 수정 및 업데이트 과정에 대해 상세하게 설명합니다. 또 학습 과정도 실제 프로젝트의 진행 과정과 유사하게 구성했습니다.

간혹 드림위버 CS5.5를 처음 접하는 사용자는 사소한 오류로 인해 흥미를 잃는 경우가 있는데, 필자가 웹 디자인을 하면서 체득한 노하우를 풀어낸 Tip 또는 Note를 통해 이러한 문제들을 해결하시길 바랍니다.

이 책을 통하여 이전 버전의 드림위버를 사용하던 분들은 드림위버 CS5.5의 새로운 기능으로 한층 업그레이드된 홈페이지를 만들고, 드림위버를 처음 접하는 분들은 기초부터 실전 테크닉까지 단계적으로 공부해 멋진 홈페이지의 주인이 되길 바랍니다.

■ 부분별 요약

Part 01. 드림위버 CS5.5 시작을 위한 워밍업
드림위버 CS5.5의 구체적인 기능들을 배우기 전에 드림위버로 홈페이지를 만드는 과정과 HTML의 태그 사용법에 대해 알아보겠습니다.

Part 02. 드림위버 CS5.5의 기본 기능
이번에는 홈페이지를 구성하는 다양한 오브젝트를 삽입하는 방법과 하이퍼링크를 적용하는 방법에 대해 알아보겠습니다. 또 드림위버를 시작할 때 가장 먼저 해야 할 과정인 사이트 정의에 대해서도 살펴보겠습니다.

Part 03. 테이블 기능으로 레이아웃 구성하기
테이블의 삽입 방법, [Properties] 패널과 메뉴 명령을 이용한 속성 변경, 데이터 삽입 및 처리 방법, 테이블 확장 모드를 이용한 테이블 편집 방법 등을 알아봅니다.

Part 04. 프레임, 아이프레임, 라이브러리, 템플릿 기능 이해하기
이번에는 다른 문서를 테이블이나 이미지처럼 가로와 세로 크기를 지정하여 삽입하는 아이프레임을 알아보겠습니다. 또 공통 레이아웃을 템플릿 페이지로 등록하고, 편집 가능 영역의 내용을 교체하는 템플릿 등을 사용하여 문서를 만들고 하이퍼링크와 타깃을 지정하는 과정에 대해 알아봅니다.

Part 05. AP Div로 자유로운 레이아웃 구현하기
이번 파트에서는 AP Div의 여러 가지 속성에 대해 알아보고 Show-Hide Elements 비헤이비어를 이용하여 팝업 창과 내비게이션을 만들어 봅니다.

Part 06. 스타일 시트(CSS)로 세련된 문서 만들기
스타일 시트를 사용하면 웹 문서를 자유롭게 편집할 수 있고, 쉽고 일관성 있는 관리 및 업데이트가 가능합니다. 따라서 전체적으로 통일된 스타일의 웹 문서를 만드는 방법과 종류별 스타일 시트에 대해 알아보겠습니다.

Part 07. 비헤이비어와 익스텐션으로 역동적인 홈페이지 만들기
비헤이비어를 이용하면 코드 편집 창에 소스를 직접 입력하지 않아도 관련 패널과 대화상자를 설정하여 쉽고 빠르게 작업할 수 있습니다. 또 익스텐션을 이용하면 드림위버와 비헤이비어의 기본 기능 외에도 다양한 기능을 적용할 수 있습니다.

Part 08. 로그인, 게시판, 회원 가입에 사용되는 폼 문서 만들기
폼 문서에 포함되는 폼 정의, 텍스트 필드, 목록 메뉴, 라디오 버튼, 체크 박스, 파일 필드 등을 삽입하고 스타일 시트를 이용하여 디자인을 변경하는 방법을 알아봅니다.

Part 09. Spry 프레임 워크로 동적 패널, 내비게이션, 테이블 만들기
자바스크립트나 XML에 대한 지식이 없어도 메뉴 막대나 탭, 아코디언, 다양한 Spry 효과를 연출하며 웹 문서에 생동감을 불어넣고 개성 넘치는 효과를 추가할 수 있습니다.

Part 10. 웹 계정 만들고 홈페이지 출판 및 게시판 연결하기
국내에서 가장 많이 이용하는 제로보드와 그누보드 중 속도가 빠르고 사용하기 쉬운 그누보드를 이용하여 게시판을 작성하고 관리하는 방법에 대해 알아봅니다.

Part 11. 모바일 환경에 최적화된 드림위버 CS5.5 알아보기
하나의 애플리케이션을 모든 기기에 적용하기 위해 디자인, 영상 편집, 프로그래밍 과정의 변화가 요구되고 있습니다. 이번 파트에서는 급변하는 모바일 기기 환경에 보다 적절하게 대응할 수 있는 다양한 기능에 대해 알아봅니다.

■ 저자 소개

정소희
동덕여자대학교 문헌정보학과 졸업, 숙명여자대학교 디자인대학원 시각디자인 전공 석사로, ㈜타임스토리웍스에서 기획 및 디자이너로 활동
2003년부터 여러 대학의 디자인 관련 강의에 출강했으며 현재 동양미래대학교, 우송정보대학교, 청강대학교, 서울직업전문학교에서 웹 디자인 관련 강의
․ 한국통신 KT 경영연구원 사이트 디자인
․ 삼성전자 프레젠테이션 파워포인트 디자인
․ 교육과학기술부 e-러닝 KOEL 사이트 리뉴얼
․ SK 텔레콤 모바일 게임 캐릭터 플래시 애니메이션 디자인
․ 아이폰 메신저 Tokii Tokii CI 작업
․ 행정자치부 GKMC 인트라넷 디자인
․ 삼성플라자 인터넷 쇼핑몰 디자인 등

■ 목차

Part 01. 드림위버 CS5.5 시작을 위한 워밍업
Chapter 01. 홈페이지 제작 과정 알아보기
Chapter 02. 새로워진 드림위버 CS5.5의 기능과 시험버전 설치하기
Chapter 03. 드림위버 CS5.5 화면 구성과 작업 환경 알아보기
Chapter 04. 화면 조정 기능과 웹 브라우저에서 미리 보기
Chapter 05. HTML 태그 이해하고 코딩 기초 익히기

Part 02. 드림위버 CS5.5의 기본 기능
Chapter 01. 로컬 사이트 정의와 파일 폴더 관리하기
Chapter 02. 텍스트 속성 제어와 활용하기
Chapter 03. 이미지 속성 제어와 활용하기
Chapter 04. 하이퍼링크 활용하기
Chapter 05. 멀티미디어 요소 활용하기

Part 03. 테이블 기능으로 레이아웃 구성하기
Chapter 01. 테이블로 데이터 정리하기
Chapter 02. 테이블로 레이아웃 구성하기

Part 04. 프레임, 아이프레임, 라이브러리, 템플릿 기능 이해하기
Chapter 01. 프레임 구조로 이루어진 문서 만들고 링크 연결하기
Chapter 02. 아이프레임 구조의 문서 만들기
Chapter 03. 라이브러리와 템플릿으로 웹 문서 만들고 관리하기

Part 05. AP Div로 자유로운 레이아웃 구현하기
Chapter 01. AP Div 삽입하고 편집하기
Chapter 02. AP Div를 이용한 레이아웃 배치하기
Chapter 03. AP Div를 이용한 갤러리와 팝업 창 효과 적용하기
Chapter 04. AP Div 레이아웃을 테이블 구조로 전환하기

Part 06. 스타일 시트(CSS)로 세련된 문서 만들기
Chapter 01. Class 스타일 시트 정의 및 적용하기
Chapter 02. Tag 스타일 시트 정의 및 적용하기
Chapter 03. ID 스타일 시트 정의 및 적용하기
Chapter 04. 외부 CSS 스타일 시트 등록하고 적용하기

Part 07. 비헤이비어와 익스텐션으로 역동적인 홈페이지 만들기
Chapter 01. Popup Message와 Set Text 비헤이비어 알아보기
Chapter 02. Open Browser Window와 Call JavaScript 비헤이비어 알아보기
Chapter 03. Swap Image와 Change Property 비헤이비어 알아보기
Chapter 04. Effect 비헤이비어를 이용한 트랜지션 효과 알아보기
Chapter 05. Swap Image와 Show-Hide Elements 비헤이비어 알아보기
Chapter 06. 익스텐션 이해하고 적용하기

Part 08. 로그인, 게시판, 회원 가입에 사용되는 폼 문서 만들기
Chapter 01. 폼을 이용해 로그인 문서 만들기
Chapter 02. 폼 양식으로 게시판 페이지 만들기
Chapter 03. 폼 양식으로 회원 가입 페이지 만들기

Part 09. Spry 프레임 워크로 동적 패널, 내비게이션, 테이블 만들기
Chapter 01. Spry Tabbed Panels 위젯으로 동적 패널 삽입하기
Chapter 02. Spry Accordion 위젯으로 슬라이딩되는 패널 삽입하기
Chapter 03. Spry Collapsible 위젯으로 슬라이딩되는 패널 삽입하기
Chapter 04. Spry Menu Bar 위젯으로 동적 내비게이션 삽입하기
Chapter 05. Spry Data Set 위젯으로 동적 테이블 만들기

Part 10. 웹 계정 만들고 홈페이지 출판 및 게시판 연결하기
Chapter 01. 웹 계정 만들고 FTP로 업로드하기
Chapter 02. 게시판 신청하고 스킨 변경하기

Part 11. 모바일 환경에 최적화된 드림위버 CS5.5 알아보기
Chapter 01. 웹 표준 문서에 적합한 파이어폭스 설치 및 유효성 검사하기
Chapter 02. HTML5와 CSS3로 웹 표준 문서 제작하기
Chapter 03. Media Queries를 이용해 다양한 기기의 멀티스크린 제작하기
Chapter 04. jQuery Mobile을 사용하여 웹 응용 프로그램 제작하기
Chapter 05. 모바일 앱 에뮬레이트 실행하기