Adobe Edge Animera filer i Dreamweaver - dummies

Adobe Edge Animate är ett program som du kan använda med de nya Dreamweaver CC-funktionerna som gör det möjligt för designers som känner till Flash-gränssnittet för att skapa animeringar och sedan exportera dem som buntad. oam-filer som är lätta att infoga i dina webbsidor. Ända sedan Apples väldigt populära iPhone och iPad väldigt vägrade stödja Flash har Adobe arbetat med att tillhandahålla alternativ till webbdesigners.

Den. oam-filer innehåller bilderna och JavaScript, HTML5 och CSS-koden som Dreamweaver använder för att visa animationen på din webbsida. För att lägga till. oam-filer till en sida i Dreamweaver, använd följande steg:

1. Klicka där du vill att Edge Animate-filen ska visas på din webbsida.

2. Om Insert-panelen inte redan är öppen väljer du Fönster → Infoga. Använd sedan listrutan för att välja Media panel.

3. Välj alternativet Edge Animate Composition i rullgardinsmenyn Media.

   Du kan också välja Infoga → Media → Edge Animate Composition, eller tryck Ctrl + Alt + Shift + E. Dialogrutan Välj kantanpassa paket visas.

4. Bläddra för att hitta Edge Animate-paketfilen som du vill infoga i din sida, välj filen och klicka på OK.

5. Om du har aktiverat tillgänglighetsalternativ aktiveras du att lägga till alternativ text för att beskriva Edge Animate-filen. Ange en beskrivning av filen och klicka på OK.

   Dialogrutan stängs och Edge Animate-filen läggs in i ditt dokument. Dreamweaver kopierar också erforderliga jQuery-, CSS-, HTML- och bildfiler till rotmappen på din webbplats.

   

6. Klicka på Live View-knappen längst upp i arbetsytan för att visa den infogade animationen.

   (Till skillnad från Flash, finns det ingen knapp att spela animationen för att se om den fungerar.) Notera den omfattande listan med filer som är listade bredvid källkodsknappen ovanför siddesignen.

   

Dreamweaver innehåller bara några alternativ i egenskapsinspektören för att ändra Edge-animationer på dina webbsidor. Du kan tilldela en klassstil till Edge Animate-filen, men du bör inte justera animeringens höjd eller bredd med dialogrutorna i egenskapsinspektören, om du inte är expert när du manuellt redigerar CSS, jQuery och HTML-filer.