ビデオ: Adobe Edgeツール＆サービス使い方講座Edge Animate編 第5章「アニメーション」【動学 tv】 2025
Adobe Edge Animateは、新しいDreamweaver CC機能で使用できるソフトウェアプログラムで、Flashインターフェイスに精通したデザイナーがアニメーションを作成してからバンドルされた状態でエクスポートします。あなたのウェブページに簡単に挿入することができます。アップルの人気iPhoneやiPadがFlashのサポートを断って以来、AdobeはWebデザイナーに代わるものを提供してきました。
<！ - 1 - >。 oamファイルには、DreamweaverがWebページにアニメーションを表示するために使用するイメージ、JavaScript、HTML5、およびCSSコードが含まれています。を追加するには。 oamファイルをDreamweaverのページに追加するには、次の手順を実行します。
-
WebページにEdge Animateファイルを表示する場所をクリックします。
-
[挿入]パネルが開いていない場合は、[ウィンドウ]→[挿入]を選択します。次に、ドロップダウンリストを使用して[メディア]パネルを選択します。
<！ - 2 - > -
メディアドロップダウンリストでエッジアニメーション合成オプションを選択します。
[挿入]→[メディア]→[エッジアニメーション合成]を選択するか、Ctrl + Alt + Shift + Eを押すこともできます。 Edge Animate Packageダイアログボックスが表示されます。
-
ページに挿入するEdge Animateパッケージファイルを参照してファイルを選択し、[OK]をクリックします。
-
アクセシビリティオプションをオンにしている場合は、Edge Animateファイルを説明する代替テキストを追加するよう求められます。ファイルの説明を入力し、[OK]をクリックします。
<！ - 3 - >ダイアログボックスが閉じ、Edge Animateファイルがドキュメントに挿入されます。 Dreamweaverは、必要なjQuery、CSS、HTML、およびイメージファイルをサイトのルートフォルダにコピーします。
-
ワークスペースの上部にあるライブビューボタンをクリックして、挿入されたアニメーションを表示します。
（Flashとは異なり、アニメーションを再生して動作するかどうかを確認するボタンはありません）ページデザインの上にある[ソースコード]ボタンの横にリストされているファイルの一覧が豊富にあることに注意してください。
Dreamweaverには、Webページ上のエッジアニメーションを変更するためのプロパティインスペクタのオプションがいくつか含まれています。エッジアニメーションファイルにクラススタイルを割り当てることはできますが、CSS、jQuery、およびHTMLファイルを手動で編集する場合は、プロパティインスペクタのダイアログボックスでアニメーションの高さや幅を調整しないでください。
