Hvordan bruke Adobe Edge Animere filer i Dreamweaver - dummies

Adobe Edge Animate er et program som du kan bruke med de nye Dreamweaver CC-funksjonene som gjør det mulig for designere som er kjent med Flash-grensesnittet å lage animasjoner og deretter eksporter dem som buntet. oam filer som er enkle å sette inn i websidene dine. Helt siden Apples populære iPhone og iPad nektet å støtte Flash, har Adobe jobbet med å tilby alternativer til webdesignere.

The. oam-filer inneholder bildene og JavaScript, HTML5 og CSS-koden som Dreamweaver bruker til å vise animasjonen på websiden din. For å legge til. oam-filer til en side i Dreamweaver, bruk følgende trinn:

1. Klikk hvor du vil at Edge Animate-filen skal vises på websiden din.

2. Hvis Sett inn-panelet ikke allerede er åpent, velg Vindu → Sett inn. Bruk deretter rullegardinlisten til å velge Media panel.

3. I rullegardinmenyen Media velger du alternativet Edge Animate Composition.

   Du kan også velge Insert → Media → Edge Animate Composition, eller trykk Ctrl + Alt + Shift + E. Dialogboksen Velg kant-animasjonspakke vises.

4. Bla gjennom for å finne Edge Animate-pakkefilen du vil sette inn på siden din, velg filen, og klikk OK.

5. Hvis du har tilgjengelighetsalternativer slått på, blir du bedt om å legge til alternativ tekst for å beskrive Edge Animate-filen. Skriv inn en beskrivelse av filen og klikk OK.

   Dialogboksen lukkes, og Edge Animate-filen legges inn i dokumentet. Dreamweaver kopierer også de nødvendige jQuery-, CSS-, HTML- og bildefiler til rotmappen på nettstedet ditt.

   

6. Klikk på Live-visningsknappen øverst i arbeidsområdet for å vise den innførte animasjonen.

   (I motsetning til Flash, er det ingen knapp for å spille animasjonen for å se om den fungerer.) Merk den omfattende listen over filer som er oppført ved siden av Kildekoden-knappen over sidedesignet.

   

Dreamweaver inneholder bare noen få alternativer i egenskapsinspektøren for å endre Edge-animasjoner på websidene dine. Du kan tilordne en klassestil til Edge Animate-filen, men du bør ikke justere animasjonens høyde eller bredde med dialogboksene i egenskapsinspektøren, med mindre du er ekspert ved manuelt redigering av CSS, jQuery og HTML-filer.