Dreamweaver 4 간결한 튜토리얼(8. 웹 페이지에 인터랙티브 효과 추가 2)
저자:Eve Cole
업데이트 시간:2009-05-30 18:35:33
8. 웹페이지에 대화형 효과 추가
더욱 복잡한 대화형 효과 만들기
Dreamweaver에서는 동작이라는 기능을 통해 더 복잡한 효과를 얻을 수 있습니다. 동작은 문자 그대로 "동작"을 의미하며 이를 이벤트 응답이라고도 합니다. 마우스 움직임, 클릭 및 기타 "이벤트"(이벤트), 팝업 창 실행, 페이지 닫기 및 기타 "응답"(액션)과 같은 웹 페이지 요소의 변경을 통해 이벤트 응답입니다. 그리고 고맙게도 "The Act"의 제작 과정은 거의 완벽합니다.
아래와 같이 Shift+F3을 눌러 동작 패널을 엽니다.
웹 페이지에 동작을 추가하려면 다음 세 단계가 필요합니다.
1. 그림, 링크가 포함된 텍스트, 레이어 등 동작을 생성하는 요소를 선택합니다. 페이지가 로드되자마자 효과가 나타나기 시작하려면 상태 표시줄에서 라벨 2를 선택하고 버튼은 응답(요소마다 해당 응답이 다름)을 선택하고 후속 대화 상자에서 이 응답의 속성을 설정합니다. 다음은 선택할 수 있는 응답에 대한 설명입니다.
JavaScript 호출: JavaScript를 호출합니다.
속성 변경: Html 태그의 CSS 스타일을 변경합니다.
브라우저 확인: 다양한 브라우저에 따라 다른 페이지를 입력합니다.
플러그인 확인: 브라우저에 필요한 플러그인이 있는지 확인하세요.
Shockwave 또는 Flash 제어: Shockwave 또는 Flash 애니메이션의 재생을 제어합니다.
레이어 드래그: 뷰어가 레이어의 요소를 드래그할 수 있습니다.
URL로 이동: 지정된 URL로 연결됩니다.
점프 메뉴, 점프 메뉴 이동: 점프 메뉴 및 이동 버튼;
브라우저 창 열기: 새 브라우저 창을 엽니다.
소리 재생: 소리를 재생합니다.
팝업 메시지: 경고 창이 팝업됩니다.
이미지 미리 로드: 이미지를 미리 읽습니다.
탐색 모음 이미지 설정: 탐색 모음의 이미지를 설정합니다.
텍스트 설정: 특정 위치에 텍스트를 표시합니다.
레이어 숨기기 표시: 레이어를 표시하거나 숨깁니다.
이미지 교환, 이미지 복원: 사진을 변환하고 원본 사진을 복원합니다.
타임라인: 타임라인 재생을 제어합니다.
양식 확인: 양식의 정확성을 확인합니다.
더 많은 행동 가져오기: 더 많은 행동 이벤트를 다운로드합니다.
3. 이벤트를 선택하여 응답이 트리거되는 상황을 결정합니다. 일반적인 이벤트는 다음과 같습니다.
onMouseOver: 마우스가 대상으로 이동합니다.
onMouseUp: 마우스를 누른 후 왼쪽 버튼을 놓았을 때;
onMouseOut: 마우스가 멀어질 때;
onMouseDown: 마우스를 눌렀을 때(왼쪽 버튼을 놓을 필요가 없음);
onClink: 클릭할 때;
onDblClick: 두 번 클릭했을 때;
onLoad: 웹페이지를 로드할 때;
onUnload: 페이지를 떠날 때;
onResize: 뷰어가 탐색 창의 크기를 변경할 때;
onScroll: 시청자가 스크롤 막대를 드래그할 때.