Wie Verwenden von Adobe Edge Animate Dateien in Dreamweaver

Adobe Edge Animate ist ein Software-Programm, das Sie mit den neuen Dreamweaver-CC-Funktionen verwenden können, die Designer, die mit der Flash-Schnittstelle vertraut sind, können Animationen zu erstellen und sie dann exportieren als gebündelt .OAM Dateien, die leicht einzusetzen sind in Ihre Webseiten. Seit Apples beliebten iPhone und iPad berühmt verweigert Flash unterstützen, hat Adobe auf die Bereitstellung von Alternativen zu Web-Designer gearbeitet.

Das .OAM Dateien enthalten die Bilder und die javascript, HTML5 und CSS-Code, den Dreamweaver die Animation in Ihrer Web-Seite angezeigt werden verwendet. So fügen Sie die .OAM Dateien auf eine Seite in Dreamweaver, verwenden Sie die folgenden Schritte aus:

  1. Klicken Sie auf, wo Sie die Edge-Animate Datei möchten auf Ihrer Webseite angezeigt werden.

  2. Wenn die Einsatzplatte nicht bereits geöffnet ist, wird Window-Insert wählen. Dann nutzen Sie die Dropdown-Liste, um die Medien-Panel auswählen.

  3. In den Medien Dropdown-Liste, wählen Sie die Option Zusammensetzung Edge-Animate.

    Sie können auch Insert-Medien-Edge-Animate Zusammensetzung, oder drücken Sie Strg + Alt + Umschalt + E wählen. Die Select-Edge-Animate Package Dialogfeld erscheint.

  4. Durchsuchen Sie den Edge Animate-Paketdatei zu suchen, die Sie in Ihre Seite einfügen möchten, wählen Sie die Datei aus und klicken Sie auf OK.

  5. Wenn Sie Zugriffsoptionen aktiviert haben, werden Sie aufgefordert, einen alternativen Text hinzufügen, um die Edge-Animate Datei zu beschreiben. Geben Sie eine Beschreibung der Datei und klicken Sie auf OK.

    Das Dialogfeld wird geschlossen, und der Edge Animate-Datei wird in das Dokument eingefügt. Dreamweaver kopiert auch die erforderliche jQuery, CSS, HTML und Bilddateien in den Stammordner Ihrer Website.

    bild0.jpg
  6. Klicken Sie auf die Live-View-Taste an der Oberseite des Arbeitsbereichs die eingelegte Animation zu sehen.

    (Im Gegensatz zu Flash gibt es keine Taste, um die Animation zu spielen, um zu sehen, ob es funktioniert.) Notieren Sie sich die umfangreiche Liste von Dateien neben dem Source Code-Taste oberhalb der Seitengestaltung aufgelistet.

    image1.jpg

Dreamweaver beinhaltet nur ein paar Optionen im Eigenschafteninspektor Edge-Animationen auf Ihre Web-Seiten zu ändern. Sie können einen Klassenstil an den Edge Animate Datei zuweisen, aber Sie sollten die Höhe oder die Breite der Animation mit den Dialogfeldern im Eigenschafteninspektor nicht einstellen, es sei denn, Sie manuell Experten sind der CSS bearbeiten, jQuery und HTML-Dateien.

Menü