<플래시를 이용한 애니메이션 제작 수행순서>

[2]사운드 효과와 동영상 무비 삽입하기
2. 삽입된 줄에 커서를 두고 lnsert〉Media〉 Plugin을 선택하여 음악 파일을 불러온다.

3. 저장 후 S키를 눌러 브라우저 창에서 슬라이드 쇼와 함께 재생되는 사운드를
확인한다.
4. 동영상 무비도 사운드 효과를 적용하는 방법과 동일하게 적용한다.

3-3. 프로토타이핑
1. 프로토타이핑

(1) 프로토타이핑의 개념
개발자들과 사용자들의 의사소통상의 효과를 증진시키기 위하여 취하는 시스템 개발 기법이다.
프로토타이핑 기법을 수행할 때 중요한 점은 개발자와 사용자 간의 상호 이해 및 지식 교환을 위한 작업이라는 점을 명심하는 것이다. 일반적인 분석 방법을 취할 경우 양자 간에 서로 다른 이해를 가져올 수 있으므로 프로토타입이라는 의사소통 도구를 만들자는 것이다

(2) 프로토타이핑의 목적
먼저，오직 사용자의 요구 분석이 목적인 경우 폐기 처분용 프로토타입을 만들 수
있고，둘째 가급적 빨리 개발해야 하는 경우 4GL 등을 써서 개발하는 quick and dirty 프로토타입이 있다.
셋째 상세 설계와 구현까지 마친 다음 대량 생산에 앞서 시험용으로 개발된 프로토타입이 있을 수 있다. 넷째로，입출력의 사례를 보여줄 뿐 실제 데이터도 없고 절차 논리도 구현되지 않는 프로토타입이 있으며, 마지막으로 개발된 프로토타입을 계속 진화시켜 나감으로써 최종적인 시스템으로 발전시키는 진화형 프로토타입이 있다.

(3) 프로토타이핑 프로세스



2. 인터랙션 디자인
인터랙션 디자인은 인간이 제품이나 서비스를 사용하면서 상호 작용하는 것을 용이하게 하는 디자인 분야이다 주로 인간과 컴퓨터의 상호작용을 디자인하는 것으로 컴퓨터에 의해 작동하는 전자 제품 시스템의 행동과 사용자의 행동 간의 상호 작용을 용이하게 하는 기술이자 응용 예술분야이다.

3. 애니메이션
애니메이션이란，움직임이 없는 무생물적인 존재를 여러 번에 걸쳐 변형시키고 이를 연속 촬영는 기타 영상적 기법을 이용하여 마치 움직이는 듯한 눈의 착각을 일으키도록 하는 기술이다.

(1) 애니메이션 방식
정해진 시간에 한 컷 한 컷을 보여 주는 방식으로 정지 화면을 빠르게 보여 주어 움직임이 있는 것처럼 착시를 일으키게 하는 프레임 방식과，시작 프레임과 끝 프레임을 지정하여 중간 프레임이 자동적으로 생성되도록 하는 방식인 키 프레임 방식이 있다.

(2) 애니메이션의 종류
애니메이션은 크게 그림 애니메이션，모델 애니메이션，컴퓨터 애니메이션으로 나뉜다. 그림 애니 메이션은 셀，종이，유리，모래，핀 스크린 애니메이션으로 분류되크 모델애니메이션은 인형， 클레이，컷 아웃 애니메이션으로 분류되며，컴퓨터 애니메이션은 2D, 3D 애니메이션으로 분류된다.

4. 내비게이션
콘텐츠를 분류하고 체계화시킨 후 이를 연결시켜 방문자가 웹 사이트를 이용할 수 있도록 히는 체계이다
사용자가 웹 사이트 내에 있는 다양한 페이지를 이동할 수 있도록 지원하며，웹 사이트에서 제공되는 정보를 쉽게 찾을 수 있도록 도와준다 특히，인터넷 비즈니스를 위한 사이트의 경우에는 고객이 쉽고 편리하게 자신의 목적에 맞는 상품을 찾을 수 있도록 내비게이션을 설계하는 것이 중요하다.


<프로토타이핑 수행순서>
1.새로운 파일 만들기
1. 비어 있는 HTML문서를 만들고，이를 index.html로 저장한다.
2. 다음과 같이 입력한다.



3. 코멘트 태그를 이용하여 CSS와 자바스크립트 프레임워크를 위해 자리를 확보하고，
AJAX 스타일의 인터랙티비티를 추가하고，프로토타입을 꾸민다.

4. 기본 구조 추가하기
1. 콘텐츠를 올릴 수 있는 기본 구조를 제작한다.
2. 가장' 일반적인 Sj소^는 Header, Navigation, Main, Sidebar, Footer가 있다.
3. 메인 콘텐츠 영역을 위해 각 요소의 div 컨테이너를 추가한다.