So importieren HTML-Code in Adobe Edge Animate

Adobe Edge Animate CC ist sehr HTML freundlich. Wenn Sie bereits haben - wenn auch eine sehr einfach - HTML-Web-Seite, die Sie animieren möchten, dann klicken Sie einfach auf Datei öffnen aus dem Begrüßungsbildschirm mit ihm zu arbeiten.

Stellen Sie sicher, dass alle Bilder und die zugehörigen Dateien sind im selben Ordner wie die htm Datei, wenn Sie es öffnen - oder in einem verschachtelten Ordner in der htm Datei. Sonst werden sie nicht auf der Bühne erscheinen.

Wenn Sie importieren vorhandene HTML, beachten Sie folgendes:

  • Edge-Animate können nicht wie Ihre CSS-Dateien

  • Bilder in Ihrem htm Datei erscheinen im Bedienfeld Bibliothek.

  • Text wird als Element importiert.

Mögliche Probleme mit CSS-Dateien

Beachten Sie, dass die einfachere die HTML-Seite ist, dass Sie importieren, desto leichter ist es für Edge-Animate es zu öffnen.

Wenn Sie Schwierigkeiten haben, öffnen Sie Ihre htm Datei, versuchen alle zugehörigen CSS-Dateien zu entfernen. Sie können über den Verlust dieser früheren Arbeit, Bund, aber bedenken Sie, dass Sie schnell all das Design der Arbeit mit dem Edge Animate ersetzen kann.

Wenn Sie eine vorhandene HTML-Datei mit Menüs und so öffnen, können Sie die Menüs und Elemente zu animieren, aber Sie können die Farbe und einige andere Aspekte nicht formatieren.

Der Grund dafür ist, dass Edge-Animate nur Animationssequenzen für importierte HTML-Objekte, um nicht zu kämpfen, mit jedem CSS Styling ermöglicht möglicherweise bereits angewendet haben. Es kann ein bisschen chaotisch, wenn man zwei Arten auf ein Element anwenden, die zu unerwarteten Ergebnissen führen kann.

Bilder erscheinen im Bedienfeld Bibliothek

Wenn die HTML-Seite, die Sie importieren Bilder enthält, dann importiert Rand Animate diese Bilder in das Bedienfeld Bibliothek als Vermögenswert (siehe diese Abbildung).

Hier ist die ursprüngliche Edge-Animate Symbol wurde als Vermögenswert in das Bedienfeld Bibliothek importiert.
Hier ist die ursprüngliche Edge-Animate Symbol wurde als Vermögenswert in das Bedienfeld Bibliothek importiert.

Sie können nun die importierten Bilder als Elemente behandeln, die Sie interaktiv animieren oder hinzufügen können Attributen- Sie das Bild bewegen über den Bildschirm zu machen und / oder das Bild machen einen Link.

Text wird als Element importiert

Wenn Sie eine HTML-Datei mit Text importieren, Animieren Importe, die Text als Element. Sie können die Textelemente auswählen und animieren oder Aktionen fügen jedoch zu unterein-, können Sie den Text nicht bearbeiten.

Wenn die ursprüngliche HTML-Datei verwendet H1 oder Absatz-Tags für Text, dann erkennt Animate diese Attribute und zeigt sie im Bedienfeld Elemente, wie dargestellt.

Text wird als Element importiert.
Text wird als Element importiert.

Menü