소장자료검색

책소개

무조건 따라하기는 이제 그만! 달콤한 유혹에 빠지면 어느새 누구나 탐내하는 플래시 내비게이션이 완성됩니다. 초보자는 플래시와 액션스크립트를 이용한 내비게이션 제작에 익숙해질 수 있습니다. 중급자는 내 홈페이지에 날개를 달아줄 비법을 전수받을 수 있습니다. (플래시 MX / 플래시 MX 2004 공용)

* 부록 CD - 본문 예제 파일(Flash MX 2004용, Flash MX용)

목차

Part 01 플래시 기본기 다지기

Section 01 플래시에 대한 짧지만 담백한 이야기
1 플래시란?
2 플래시의 그래픽 표현 방식
3 플래시 플레이어(Flash Player)
4 플래시 파일 포맷

Section 02 플래시 MX 2004의 작업 화면에 익숙해지기
1 시작 페이지(Start Page)
2 플래시 작업 화면 살펴보기
3 플래시 문서의 속성 설정하기

Section 03 편리해진 액션 패널 사용법 익히기
1 액션 패널 살펴보기
2 액션 패널의 팝업 메뉴
3 핀 기능으로 편리하게 작업하기


Part 02 플래시 내비게이션 제작의 기초 테크닉 익히기

Section 01 버튼/그래픽/무비클립 심볼 만들고 편집하기
1 심볼의 개념과 종류
2 버튼 심볼 만들기
3 그래픽 심볼 만들기
4 무비클립 심볼 만들기
5 심볼 편집하기

Section 02 심볼과 인스턴스 이해하기
1 심볼과 인스턴스의 관계 이해하기
2 색상 옵션으로 인스턴스 색상 바꾸기
3 라이브러리 패널

Section 03 롤오버 버튼 만들기
1 버튼 심볼의 편집 모드
2 롤오버 버튼 만들기
SP. 텍스트 오브젝트를 버튼으로 만들 때 주의할 점

Section 04 투명(가상) 버튼 만들기

Section 05 버튼 이벤트 처리하기
1 플래시의 액션스크립트 실행 방식
2 버튼 이벤트의 종류
3 버튼 이벤트 핸들러로 버튼 이벤트 처리하기
4 이벤트 핸들러 메소드로 버튼 이벤트 처리하기

Section 06 버튼에 링크 연결하기
1 버튼에 웹 사이트 링크 연결하기
2 버튼에 파일 다운로드 링크 만들기
3 getURL( )을 이용한 다양한 링크 방법

Section 07 무비 재생을 제어하는 play, stop, replay, skip 버튼 만들기
1 무비 제어의 기본 stop( ) 액션
2 play, stop, replay, skip 버튼 만들기

Section 08 무비클립으로 애니메이션 버튼 만들기

Section 09 마우스 포인터가 올라가면 애니메이션되는 버튼 만들기

Section 10 무비클립 이벤트 처리하기
1 무비클립 이벤트 핸들러와 이벤트 핸들러 메소드
2 무비클립 이벤트의 종류
3 이벤트 핸들러로 무비클립 이벤트 처리하기
4 이벤트 핸들러 메소드로 무비클립 이벤트 처리하기

Section 11 무비클립을 롤오버 버튼으로 만들기

Section 12 무비클립의 대표적인 속성 이해하기
1 무비클립의 대표적인 속성
2 액션스크립트로 무비클립의 속성 제어하기

Section 13 무비클립 계층 구조와 경로 작성법 이해하기
1 Movie Explorer 패널로 무비클립 계층 구조 이해하기
2 절대경로와 상대경로 작성 방식

Section 14 플래시 무비의 좌표 체계 이해하기
1 플래시 무비의 좌표 체계 이해하기
2 무비클립의 등록점 제대로 이해하기

Section 15 반복해서 움직이는 배경 화면 만들기
SP. if/else/else if 조건문

Section 16 클릭한 지점으로 무비클립을 부드럽게 이동시키기
SP. 데이터 저장소, 타임라인 변수 만들고 사용하기

Section 17 탄력 있게 마우스 포인터를 따라다니는 무비클립 만들기
SP. 전역변수와 지역변수

Section 18 무비클립을 복제하고 속성 제어하기
1 duplicateMovieClip( )을 이용한 무비클립 복제 방법
2 무비클립 인스턴스를 복제하면서 동적으로 속성과 변수 값 설정하기
3 attachMovie( )를 이용한 무비클립 복제 방법
4 for 반복문으로 무비 배경에 색상 타일 만들기
5 복제한 무비클립의 속성을 참조하는 방법 총정리
SP. for 반복문 이해하기

Section 19 복제된 무비클립이 쌓이는 순서 이해하기

Section 20 무비클립 복제로 마우스 트레일러 만들기

Section 21 무비클립 드래그&드롭 인터페이스 만들기
1 무비클립을 드래그&드롭할 수 있는 startDrag( )와 stopDrag( )
2 드래그&드롭할 수 있는 공지보드 만들기
3 수평, 수직 스크롤바 만들기
4 hitTest( )로 무비클립 접촉 여부 판단하기

Section 22 플래시 무비에서 팝업 창 열고 닫기
1 버튼을 클릭하면 팝업 창 열리게 만들기
2 버튼을 클릭하면 Full Screen 팝업 창 열리게 만들기
3 팝업 창 닫기, 팝업 창 최소화 버튼 만들기

Section 23 플래시 프로젝터를 제어하는 버튼 액션 만들기

Section 24 링크 주소 수정이 간편한 메뉴 만들기
1 배열 만들고 사용하기
2 배열 객체의 메소드와 속성
3 배열로 링크 주소 수정이 간편한 메뉴 완성하기

Section 25 메뉴 링크 정보를 텍스트 파일에 저장하고 사용하기
1 외부 데이터를 로딩하는 LoadVars 클래스 이해하기
2 외부 데이터를 플래시 무비로 가져오기
3 유효한 텍스트 데이터 문서 만들기
4 메뉴 링크 정보를 외부 텍스트 파일에 저장해서 사용하기

Section 26 외부 SWF, JPG 파일을 무비클립으로 불러오기
1 외부 SWF, JPG 파일을 무비클립으로 로딩하는 loadMovie( ) 이해하기
2 포토 갤러리, 플래시 홈페이지의 제작 원리 배우기

Section 27 플래시 무비에 변수를 전달하여 선택한 메뉴 강조하기

Section 28 무비 배경에 오늘 날짜와 요일, 시간 표시하기
1 오늘 날짜 표시하기
2 오늘 요일 표시하기
3 현재 시각 표시하기
4 디지털 시계 만들기
5 아날로그 시계 만들기
SP. 반복 사용하는 기능을 함수로 만들기

Section 29 일정 시간이 지난 뒤 특정 기능이 실행되는 타이머 만들기
1 경과 시간을 리턴하는 getTimer( ) 함수
2 분과 초 단위로 경과 시간 표시하기
3 setInterval( )을 이용해서 카운트다운 만들기

Section 30 시간에 따라 무비 배경이 자동으로 바뀌게 만들기

Section 31 버튼/메뉴에 효과음 넣기
SP. 사운드 파일 임포트하기

Section 32 무비의 배경 음악 반복 재생하기
1 액션스크립트로 사운드 제어하기
2 배경 음악 반복 재생하기

Section 33 사운드 ON/OFF 버튼 만들기
1 버튼 하나로 두 가지 상태에 따라 다르게 실행되는 결과 만들기
2 사운드 ON/OFF 버튼 완성하기

Section 34 마우스 포인터 모양을 내 맘대로 바꾸기

Section 35 프리로딩 화면 만들기
1 Scene을 이용한 프리로딩 화면 만들기
2 Loader 컴포넌트로 무비 로딩하기

Section 36 ComboBox 컴포넌트를 이용해서 콤보 메뉴 만들기
1 ComboBox 컴포넌트로 콤보 메뉴를 만드는 원리 분석하기
2 콤보 메뉴 완성하기
SP. Extension Manager 설치하고 컴포넌트 추가하기

Section 37 연속 버튼 만들기
1 ‘버튼을 클릭하고 있는 동안’에 해당하는 이벤트 감지 원리
2 연속 버튼 완성하기

Section 38 더블클릭 감지 기능 만들기

Section 39 Key 객체로 메뉴 단축키 기능 만들기
1 키보드로 제어할 수 있는 인터페이스를 만드는 Key 객체 이해하기
2 메뉴 단축키 기능 완성하기

Section 40 플래시 쿠키로 환경 설정 기능 만들기
1 SharedObject에 정보 저장하고 가져오기
2 사용자가 설정한 무비 배경색을 저장하는 환경 설정 기능 만들기


Part 03 다양한 유형의 플래시 내비게이션 제작하기

Navigation 기본 내비게이션 제작에 자주 사용되는 핵심 코드 작성 기법
1 프로토타입으로 무비클립 메소드 만들기
2 자주 사용하는 기능을 무비클립 메소드로 만들고 활용하기
3 무비클립 메소드로 자유롭게 떠다니는 무비클립 만들기
4 플래시 내비게이션을 위한 메뉴 링크(Link) 주소의 저장 및 사용 방법

Navigation 01 숨어있던 메뉴가 슬라이딩되며 나타나는 내비게이션
1 메뉴가 슬라이딩되며 나타나는 내비게이션
2 활용 : 숨겨진 메뉴가 여러 개 있는 경우 서브 메뉴 표시하기
3 도전 문제

Navigation 02 컨텐츠가 상호 교체되어 자연스럽게 전환되는 내비게이션

Navigation 03 컨텐츠 슬라이딩 내비게이션 1
1 컨텐츠가 상하좌우로 슬라이딩되는 내비게이션
2 도전 문제

Navigation 04 컨텐츠가 축소/확대되면서 전환되는 내비게이션

Navigation 05 볼록 렌즈 효과 내비게이션
1 제작 원리
2 getBounds( ) 메소드를 이용한 초기화 기법
3 내비게이션 완성하기

Navigation 06 마우스가 다가가면 달라붙는 자석 내비게이션
1 제작 원리
2 내비게이션 완성하기

Navigation 07 텍스트 링크 만들고 HTML의 HOVER 효과 구현하기

Navigation 08 컨텐츠 슬라이딩 내비게이션 2

Navigation 09 살아 움직이듯 부유하는 내비게이션
1 제작 원리
2 내비게이션 완성하기

Navigation 10 스크롤바와 마우스 휠로 제어하는 컨텐츠 스크롤 내비게이션
1 제작 원리
2 내비게이션 완성하기

Navigation 11 쇼핑몰의 상품 자동 스크롤 내비게이션
1 제작 원리
2 내비게이션 완성하기
3 loadMovie( )로 외부에 상품 이미지를 두고 가져오기
4 도전 문제

Navigation 12 롤오버된 메뉴를 강조하는 내비게이션

Navigation 13 서브 메뉴가 애니메이션되며 나오는 내비게이션

Navigation 14 서브 메뉴가 아래로 펼쳐지며 나오는 트리구조 내비게이션

Navigation 15 랜덤하게 배경 음악을 반복 재생하는 mp3 플레이어 내비게이션
1 mp3 플레이어 제작 기획하기
2 mp3 파일이 저장된 폴더와 파일 이름 설정하기
3 재생 목록에서 음악을 랜덤하게 선곡하여 재생하기
4 곡 이름과 연주 시간을 텍스트 필드에 표시하고 재생 진행 정도를 표시하기 392
5 [일시 정지]와 [다시 듣기] 버튼 기능 만들기
6 [정지]와 [Random Play] 버튼 기능 만들기
7 mp3 플레이어 완성하기
SP. 플래시 무비 최적화하기


Part 04 다양한 장면 전환 효과가 있는 포토 갤러리 만들기

Gallery 기본 독특한 장면 전환 효과를 만드는 동적 마스킹 이해하기
1 동적 마스킹의 핵심 마스크 레이어 이해하기
2 동적 마스킹의 핵심 setMask( ) 이해하기
3 createEmptyMovieClip( )과 attachMovie( )로 동적 마스킹 구현하기
4 동적 마스킹으로 장면 전환 효과 완성하기

Gallery 01 블라인드 장면 전환 효과가 있는 포토 갤러리
1 포토 갤러리 미리 보기
2 블라인드 효과 만들기
3 포토 갤러리 완성하기
4 도전 문제

Gallery 02 랜덤바 장면 전환 효과가 있는 포토 갤러리
1 포토 갤러리 미리 보기
2 랜덤바(RandomBars) 효과 만들기
3 포토 갤러리 완성하기

Gallery 03 랜덤 체커보드 장면 전환 효과가 있는 포토 갤러리
1 포토 갤러리 미리 보기
2 체커보드 만들기
3 포토 갤러리 완성하기

Gallery 04 다양한 크기의 사진을 화면 중앙으로 정렬하는 포토 갤러리
1 포토 갤러리 미리 보기
2 제작 원리
3 포토 갤러리 완성하기

Gallery 05 디졸브 장면 전환 효과가 있는 포토 갤러리
1 포토 갤러리 미리 보기
2 포토 갤러리 완성하기

Gallery 06 이미지 슬라이스 장면 전환 효과가 있는 포토 갤러리
1 포토 갤러리 미리 보기
2 포토 갤러리 완성하기

Gallery 07 Zoom Boxes 장면 전환 효과가 있는 포토 갤러리
1 포토 갤러리 미리 보기
2 포토 갤러리 완성하기

Gallery 08 책장을 넘기는 장면 전환 효과가 있는 포토 갤러리
1 포토 갤러리 미리 보기
2 제작 원리
3 포토 갤러리 완성하기


Part 05 플래시 내비게이션이 탐나는 웹 사이트 분석하기

Theme 01 풍선 도움말이 나오는 아이콘 내비게이션
1 적용 사례
2 내비게이션 완성하기

Theme 02 컨텐츠 영역의 크기가 변하며 정렬되는 내비게이션
1 적용 사례
2 제작 원리
3 내비게이션 완성하기

Theme 03 마우스 포인터를 따라다니는 BACK 버튼 내비게이션
1 적용 사례
2 내비게이션 완성하기

Theme 04 VR(Virtual Reality) 내비게이션
1 적용 사례
2 내비게이션 완성하기

Theme 05 마우스 포인터 위치에 따라 화면 좌우로 슬라이드되는 내비게이션
1 적용 사례
2 내비게이션 완성하기

Theme 06 컨텐츠 드래그 내비게이션
1 적용 사례
2 내비게이션 완성하기

Theme 07 텍스트 타이핑 효과가 있는 내비게이션
1 적용 사례
2 문자열을 추출하는 substr 이해하기
3 내비게이션 완성하기

Theme 08 마스크를 이용한 Show-Hide 내비게이션
1 적용 사례
2 내비게이션 완성하기

Theme 09 마우스 오른쪽 버튼을 클릭하면 나타나는 팝업 메뉴
1 적용 사례
2 내비게이션 완성하기

Theme 10 마우스를 따라 움직이는 내비게이션
1 적용 사례
2 내비게이션 완성하기

Theme 11 스타일이 멋진 콤보 메뉴 내비게이션
1 적용 사례
2 내비게이션 완성하기