이 책은 어도비 뮤즈를 이용한 홈페이지 기획부터 제작까지를 담고 있다. 다섯 개의 파트를 진행하면서 단계적으로 뮤즈를 익히고 웹 사이트를 제작할 수 있다. 독자가 쉽게 따라하고 실무 노하우를 배울 수 있도록 다양한 구성 요소를 제공한다. 이 책에서는 기본적인 웹 사이트를 개발하는 방법뿐만 아니라 모바일 환경에 적합한 다양한 대화형 콘텐츠를 제작하는 방법을 다루었다. 또한 HTML5 기반 웹 콘텐츠가 최근 모바일 앱을 개발하는 목적으로도 사용되기에 이 책의 후반부에는 폰갭 빌드 서비스와 같은 클라우드 서비스를 통해 이른바 하이브리드 앱을 손쉽게 개발하는 방법도 소개한다.

Part 01. 뮤즈 시작을 위한 준비 과정 살펴보기
CHAPTER 01 홈페이지를 만드는 과정 알아보기
01 홈페이지 기획하기
02 홈페이지 디자인하기
03 홈페이지 콘텐츠 종류와 특징 알아보기
04 웹 프로그래밍 기술 알아보기
05 콘텐츠 관리하고 유지 보수하기
CHAPTER 02 뮤즈 알아보고 설치하기
01 디자이너를 위한 웹 저작 도구인 뮤즈 알아보기
02 멀티플랫폼과 멀티스크린을 지원하는 HTML5 알아보기
03 HTML5의 다양한 쓰임새를 알아보고 뮤즈 활용하기
04 어도비 크리에이티브 클라우드 알아보기
05 뮤즈 설치하기
CHAPTER 03 사용 환경과 주요 기능 알아보기
01 뮤즈 사용 환경 알아보기
02 Plan 모드 살펴보기
03 Design 모드 살펴보기
04 Preview 모드 살펴보기
05 Publish 모드 살펴보기
06 Manage 모드 살펴보기

Part 02. 뮤즈 기본 기능 활용하기
CHAPTER 01 새로운 홈페이지 프로젝트 시작하기
01 사이트 맵 구성하기
02 홈페이지 세부 설정 알아보기
03 마스터 페이지 설계하기
04 다중 레이아웃 설계하기
CHAPTER 02 도구와 〔Control〕 패널 속성 알아보기
01 도구 알아보기
02 Design 모드 〔Control〕 패널 알아보기
CHAPTER 03 패널 살펴보기
01 작업별 옵션 조절하기
CHAPTER 04 스크롤 모션 효과 살펴보기
01 스크롤 모션 효과 적용 방법 알아보기
02 〔Browser Fill〕을 이용해 배경에 스크롤 모션 적용하기
03 개체 속 이미지에 스크롤 모션 적용하기
04 개체에 스크롤 모션 적용하기
05 스크롤 모션 효과와 투명도 효과 함께 연출하기
06 슬라이드쇼 위젯과 스크롤 효과 연동하기
07 에지 애니메이트 콘텐츠와 스크롤 효과 연동하기

Part 03. 생동감 넘치는 웹 사이트 만들기
CHAPTER 01 Plan 모드에서 페이지 구성하기
01 웹 사이트 구성 살펴보기
02 새 사이트 만들고 Plan 모드에서 페이지 추가하기
CHAPTER 02 마스터 페이지 디자인하기
01 웹 페이지 배경 설정하기
02 배경과 콘텐츠 영역 색 지정하기
03 헤더 영역 설정하기
04 위젯으로 메뉴 버튼 만들기
05 위젯으로 푸터 영역에 저작 정보 표시하기
06 마스터 페이지 확인하기
07 마스터 페이지 복제 및 활용하기
CHAPTER 03 텍스트 스타일과 하이퍼링크 활용하기
01 마스터 안내선 사용하여 이미지 배치하기
02 텍스트 스타일 만들기
03 하이퍼링크 만들기
CHAPTER 04 폼 위젯 사용하고 게시하기
01 콘텍트 위젯 사용하기
02 완성한 사이트 내보내고 구동 확인하기
CHAPTER 05 위젯을 활용한 인터랙티브 웹 사이트 만들기
01 별도 레이어에 고정된 새로운 메뉴 만들기
02 자르기 기능으로 화면 구성하기
03 슬라이드쇼 위젯으로 갤러리 만들기
04 Contact 페이지에서 Tooltip 위젯 활용하기
CHAPTER 06 위젯을 활용한 다양한 페이지 디자인하기
01 아코디언 위젯을 활용한 동적인 페이지 구성하기
02 탭 위젯을 사용하여 페이지 구성하기
03 Featured News 위젯을 사용하여 멀티 콘텐츠 페이지 디자인하기
CHAPTER 07 스크롤 모션 효과를 응용한 역동적인 페이지 디자인하기
01 조각 모음 효과 살펴보기
02 페이지 롤 업하기
03 고정된 배경 이미지 효과 만들기
04 파노라마 배경 효과 만들기
05 반복되는 패턴 이미지를 사용한 모션 효과 만들기
06 마스크 효과 만들기
07 투명 효과 만들기

Part 04. 실전 웹 & 앱 사이트 만들기
CHAPTER 01 포토저널 형식의 여행 소개 웹 사이트 만들기
01 포토샵과 뮤즈 연동 작업하기
02 스크롤 모션 효과를 활용한 애니메이션 연출하기
03 툴팁과 슬라이드쇼 위젯을 활용한 포토 스토리 페이지 만들기
04 슬라이드쇼 위젯 활용하기
CHAPTER 02 화면 전환이 있는 웹 사이트 만들기
01 Typekit을 활용하여 제목 디자인하기
02 페이지 기본 레이아웃 디자인하기
03 스크롤 투명 효과를 응용하여 화면 전환 효과 연출하기
04 미니 슬라이드쇼와 전체 화면 팝업 이미지 만들기
CHAPTER 03 트리거와 앵커를 활용한 정보 지도 페이지 디자인하기
01 트리거와 앵커를 활용한 정보 지도 페이지 구성하기
CHAPTER 04 모바일 환경에 대응하는 웹 사이트 만들기
01 HTML 웹 표준 모바일 웹사이트 만들기
02 스마트폰 레이아웃 구성하기
CHAPTER 05 에지 애니메이트로 인터랙티브한 웹 사이트 만들기
01 에지 애니메이트 살펴보기
02 에지 애니메이트 설치하기
03 전체 화면 살펴보기
04 속성 설정하기
05 타임라인에서 트위닝 애니메이션 만들기
06 애니메이션을 활용한 인터랙티브 콘텐츠 만들기
07 에지 애니메이트에서 만든 대화형 콘텐츠를 뮤즈에 삽입하기

Part 05. 폰갭 빌드로 하이브리드 앱 만들기
CHAPTER 01 하이브리드 앱과 폰갭 살펴보기
01 하이브리드 앱과 폰갭 알아보기
02 폰갭 빌드 작업 준비하기
CHAPTER 02 앱 생성 및 등록을 위한 인증키 만들기
01 인증서 및 인증키 등록하기
02 애플 iOS 인증키 생성 및 등록 방법 알아보기
03 안드로이드용 인증키 생성 및 등록 방법 알아보기
CHAPTER 03 앱 설정 정보 파일을 작성하고 빌드하기
01 하이브리드 앱의 설정을 정의하는 config.xml 파일 살펴보기
02 아이콘 설정하기
03 스플래시 이미지 설정하기
04 폰갭 빌드 웹 사이트에서 앱 빌드하기
CHAPTER 04 폰갭 빌드 서비스 웹 사이트 살펴보기
01 폰갭 빌드 프로젝트 페이지 살펴보기
02 빌드 완료된 앱 테스트하고 앱 스토어에 등록하기

김경홍

웹 사이트 기본부터 활용까지 노하우를 배우자!

어도비 뮤즈는 HTML5 코딩과 웹 프로그래밍에 대한 지식 없이도 높은 수준의 웹 사이트를 만들 수 있어서 디자이너들에게 큰 축복과 같은 앱입니다. 게다가 정적인 웹 페이지 제작을 뛰어넘어 대화형 콘텐츠를 손쉽게 제작할 수 있는 기능들이 계속 추가되고 있어 그 효용성을 극대화하고 있습니다.

이런 분들께 추천합니다!
- 코드를 다룰 수 없으면서 웹 사이트를 만들려는 디자이너
- 전공이 디자인은 아니나, 어도비 뮤즈를 익히는 것에 관심있는 학생 또는 강사
- 뮤즈를 통해 웹 디자인 분야로 업무를 확장해 나가려는 그래픽 디자이너

이 책이 필요한 이유와 나아가야 할 방향
뮤즈 공개 버전이 발표된지 1년 가까이 되었으나 한국에서는 제대로 사용할 수 없었고 정보가 부족하기 때문에, 어도비 크리에이티브 클라우드가 발표된 지금 많은 웹 디자이너들이 뮤즈 서적을 요구하고 있습니다.
이 책에서는 디자이너를 위해 뮤즈를 소개하고 활용에 중점을 두어 기본 웹 페이지 제작법, 유동형 레이아웃 사이트를 만드는 방법, 웹에 업로드 하는 방법 등을 다루었습니다. 필수 기능, 기능 예제 등 상세한 설명으로 초보자가 보더라도 무리가 없도록 구성하였으며, 활용 예제를 통해 전문적인 디자인 스킬을 쌓고 질 높은 실무 예제로 독자들에게 디자인적인 영감을 제시할 것입니다.


웹 사이트 개발은 기획자, 디자이너, 개발자 외에 여러 전문가들이 협력하여 이루어집니다. 디자이너가 가진 톡톡 튀는 아이디어와 창의성은 웹 사이트에 생기를 불어넣습니다. 뮤즈를 통해 기술적인 장벽을 극복하고 뮤즈가 보다 창의적인 웹 사이트 개발에 큰 도움이 되리라 기대합니다.

■ 부문별 요약

Part 01. 뮤즈 시작을 위한 준비 과정 살펴보기
홈페이지를 만들기 위한 일반적인 방법을 살펴보고 어도비 크리에이티브 클라우드 서비스 가입을 통한 뮤즈 설치 방법을 살펴보겠습니다.

Part 02. 뮤즈 기본 기능 활용하기
뮤즈는 디자이너를 위한 웹 저작 도구라는 목적에 맞게 직관적이고 편리한 기능들로 채워져 있습니다. 웹 프로그래밍 기술을 손쉽게 구현할 수 있는 다양한 기능을 활용하는 방법을 살펴보겠습니다.

Part 03. 생동감 넘치는 웹 사이트 만들기
위젯을 활용한 인터랙티브한 웹 사이트와 스크롤 모션 효과를 이용한 역동적인 웹 사이트를 만들어 보겠습니다.

Part 04. 실전 웹&앱 사이트 만들기
뮤즈와 에지 애니메이트를 활용하여 다양한 스타일의 웹&앱 사이트를 만들어 보겠습니다.

Part 05. 폰갭 빌드로 하이브리드 앱 만들기
HTML 기반의 웹 기술을 활용하여 앱을 개발할 수 있는 폰갭 빌드 서비스를 알아보겠습니다.