Indholdsfortegnelse:
Video: Adobe Animate CC: Add to HTML web page 2024
Adobe Edge Animate CC er meget HTML-venlig. Hvis du har en eksisterende - omend en meget grundlæggende - HTML-webside, som du vil animere, skal du blot klikke på Åbn fil fra velkomstskærmen for at begynde at arbejde med det.
Sørg for, at alle billeder og tilhørende filer er i samme mappe som htm-filen, når du åbner den - eller i en indlejret mappe i htm-filen. Ellers vises de ikke på scenen.
Når du importerer eksisterende HTML, skal du huske på følgende:
-
Edge Animation kan ikke lide dine CSS-filer
-
Billeder i din htm-fil vises i bibliotekspanelet.
-
Tekst importeres som et element.
Mulige problemer med CSS-filer
Husk at jo enklere HTML-siden er, at du importerer, jo lettere er det for Edge Animate at åbne det.
Hvis du har problemer med at åbne din htm-fil, skal du prøve at fjerne alle tilknyttede CSS-filer. Du kan bekymre dig om tabet af det tidligere arbejde, men husk på, at du hurtigt kan erstatte alt det designarbejde med Edge Animate.
Hvis du åbner en eksisterende HTML-fil med menuer og sådan, kan du animere menuerne og elementerne, men du kan ikke omformatere farven og nogle andre aspekter.
Årsagen til dette er, at Edge Animate kun tillader animationssekvenser for importerede HTML-objekter, så man ikke kæmper med nogen CSS-styling, du måske allerede har anvendt. Det kan blive lidt rodet, når du anvender to stilarter til et element, hvilket kan føre til uventede resultater.
Billeder vises i bibliotekspanelet
Hvis den HTML-side, du importerer indeholder billeder, importerer Edge Animation disse billeder i bibliotekspanelet som et aktiv (se denne figur).
Du kan nu behandle de importerede billeder som elementer, som du kan animere eller tilføje interaktive attributter til; Du kan få billedet til at bevæge sig omkring skærmen og / eller gøre billedet et link.
Tekst importeres som et element
Når du importerer en HTML-fil med tekst, skal du importere denne tekst som et element. Du kan vælge tekstelementerne og animere dem eller tilføje handlinger til dem; Du kan dog ikke redigere teksten.
Hvis den oprindelige HTML-fil brugte H1- eller afsnitstagger til tekst, genkender Animate disse attributter og viser dem i elementets panel, som vist.
