Adobe Edge Animate-bestanden in Dreamweaver gebruiken - dummies

Adobe Edge Animate is een softwareprogramma dat je kunt gebruiken met de nieuwe Dreamweaver CC-functies waarmee ontwerpers die bekend zijn met de Flash-interface animaties kunnen maken en vervolgens exporteer ze als gebundeld. oam-bestanden die eenvoudig kunnen worden ingevoegd in uw webpagina's. Sinds Apple's razend populaire iPhone en iPad beroemd hebben geweigerd om Flash te ondersteunen, heeft Adobe gewerkt aan het bieden van alternatieven voor webontwerpers.

The. oam-bestanden bevatten de afbeeldingen en de JavaScript-, HTML5- en CSS-code die Dreamweaver gebruikt om de animatie op uw webpagina weer te geven. Om de. Toe te voegen. oam-bestanden naar een pagina in Dreamweaver, gebruikt u de volgende stappen:

1. Klik op de plaats waar u het Edge Animate-bestand wilt weergeven op uw webpagina.

2. Als het deelvenster Invoegen nog niet is geopend, kiest u Venster → Invoegen. Gebruik vervolgens de vervolgkeuzelijst om het Media-paneel te selecteren.

3. Kies in de vervolgkeuzelijst Media de optie Edge Animate Composition.

   U kunt ook Invoegen → Media → Animatie randanimatie kiezen of op Ctrl + Alt + Shift + E drukken. Het dialoogvenster Select Edge Animate Package verschijnt.

4. Blader naar het Edge Animate-pakketbestand dat u op uw pagina wilt invoegen, selecteer het bestand en klik op OK.

5. Als toegankelijkheidsopties zijn ingeschakeld, wordt u gevraagd om alternatieve tekst toe te voegen om het Edge Animate-bestand te beschrijven. Voer een beschrijving van het bestand in en klik op OK.

   Het dialoogvenster wordt gesloten en het Edge Animate-bestand wordt in uw document ingevoegd. Dreamweaver kopieert ook de vereiste jQuery-, CSS-, HTML- en afbeeldingsbestanden naar de hoofdmap van uw site.

   

6. Klik op de knop Liveweergave boven aan de werkruimte om de ingevoegde animatie te bekijken.

   (In tegenstelling tot Flash is er geen knop om de animatie af te spelen om te zien of deze werkt.) Let op de uitgebreide lijst met bestanden die naast de knop Broncode boven het paginaontwerp staan.

   

Dreamweaver bevat slechts enkele opties in de eigenschappencontrole om randanimaties op uw webpagina's te wijzigen. U kunt een klassenstijl toewijzen aan het Edge Animate-bestand, maar u moet de hoogte of breedte van de animatie niet aanpassen met de dialoogvensters in de eigenschappencontrole, tenzij u een expert bent in het handmatig bewerken van de CSS-, jQuery- en HTML-bestanden.