Dreamweaver에서 Adobe Edge Animate 파일을 사용하는 방법 - 인형

비디오: [Adobe Creative Cloud] Adobe Edge Animate CC의 새로운 기능들 2024

번들로 내보내십시오. 웹 페이지에 쉽게 삽입 할 수있는 파일 애플의 강렬한 인기를 모으고있는 아이폰과 아이 패드가 플래시 지원을 거부 한 이래, 어도비는 웹 디자이너에게 대안을 제시하고있다.

. oam 파일에는 Dreamweaver에서 웹 페이지에 애니메이션을 표시하는 데 사용하는 이미지와 JavaScript, HTML5 및 CSS 코드가 포함되어 있습니다. 추가하려면. oam 파일을 Dreamweaver의 페이지로 가져 오려면 다음 단계를 사용하십시오.

웹 페이지에 Edge Animate 파일을 표시 할 위치를 클릭합니다.

삽입 패널이 아직 열려 있지 않으면 창 → 삽입을 선택하십시오. 그런 다음 드롭 다운 목록을 사용하여 미디어 패널을 선택합니다.
미디어 드롭 다운 목록에서 Edge Animate Composition 옵션을 선택하십시오.
삽입 → 미디어 → 컴포지션 가장자리 애니메이트를 선택하거나 Ctrl + Alt + Shift + E를 누릅니다. Edge Animate Package 선택 대화 상자가 나타납니다.

페이지에 삽입 할 Edge Animate 패키지 파일을 찾아 파일을 선택하고 확인을 클릭합니다.
접근성 옵션을 사용하도록 설정 한 경우 Edge Animate 파일을 설명하는 대체 텍스트를 추가하라는 메시지가 표시됩니다. 파일에 대한 설명을 입력하고 확인을 클릭하십시오.
대화 상자가 닫히고 Edge Animate 파일이 문서에 삽입됩니다. 또한 Dreamweaver는 필수 jQuery, CSS, HTML 및 이미지 파일을 사이트의 루트 폴더에 복사합니다.
삽입 된 애니메이션을 보려면 작업 영역 상단의 라이브 뷰 버튼을 클릭하십시오.
(Flash와는 달리, 애니메이션이 작동하는지 확인하기 위해 애니메이션을 재생하는 버튼이 없습니다.) 페이지 디자인 위의 소스 코드 버튼 옆에 나열된 광범위한 파일 목록에 유의하십시오.

Dreamweaver에는 속성 관리자에서 웹 페이지의 가장자리 애니메이션을 수정할 수있는 몇 가지 옵션 만 있습니다. Edge Animate 파일에 클래스 스타일을 할당 할 수 있지만 CSS, jQuery 및 HTML 파일을 직접 편집하지 않는 한 속성 관리자의 대화 상자를 사용하여 애니메이션의 높이 또는 너비를 조정하면 안됩니다.