Sommario:
Video: WebAnimator: animazioni per il tuo sito, semplici! 2024
Il pannello Proprietà di Edge Animate (che si trova lungo la colonna di sinistra) si aggiorna costantemente in base al tipo di elemento selezionato. Se si seleziona un elemento disegnato come un rettangolo, Edge Animate mostra diverse configurazioni nel pannello Proprietà rispetto a quando si seleziona una casella di testo o un'immagine.
Ciò mantiene il disordine in quanto si vede solo ciò di cui si ha bisogno o si può lavorare con un determinato tipo di elemento.
Alcune proprietà sono coerenti e appaiono indipendentemente dal tipo di elemento selezionato; altre proprietà sono specifiche per determinati tipi di elementi. Esempi di proprietà coerenti includono: ID, Classe, Azioni, Blocco di visualizzazione e Posizione e dimensione. Tutti questi sono discussi in dettaglio nelle pagine seguenti.
Oltre alla formattazione e all'animazione dal pannello Proprietà, è anche possibile:
-
Modifica il tag Title
-
Imposta il nome della classe
-
Aggiungi azioni
-
Abilita il pubblico a scorrere gli elementi
Proprietà specifiche per lo stage
La tua prima visione di il pannello Proprietà si verifica quando si avvia una nuova composizione (vedere la figura). Questa vista iniziale mostra le proprietà per lo stage, tra cui:
-
Titolo tag: È possibile modificare il tag titolo per la pagina HTML dal pannello Proprietà.
-
Azioni: È possibile aggiungere azioni allo stage dal pannello Proprietà.
-
Dimensioni dimensioni: È possibile modificare le dimensioni dello stage dal pannello Proprietà.
-
Overflow: Questi attributi includono Visible, Scroll nascosto e Auto.
-
Attiva / disattiva la riproduzione automatica: Se non desideri che la tua animazione inizi automaticamente a giocare quando la pagina viene caricata, assicurati che questa casella di controllo non sia selezionata. Se deselezioni la casella, assicurati di aggiungere un'azione a un elemento, ad esempio un pulsante Riproduci, in modo che il pubblico possa avviare l'animazione.
-
Composition ID: Lascia solo l'ID composizione. Edge Animate utilizza questo ID nel file HTML come riferimento.
-
Stage di livello inferiore: Questa versione più semplice dello stage ospita browser che non supportano HTML5 o CSS3.
-
Poster: Utilizzato con lo stage di livello inferiore.
-
Preloader: Utilizzato per impostare ciò che il tuo pubblico vede per la prima volta mentre l'animazione si sta caricando sullo schermo.
Questo è il modo migliore per composizioni grandi che potrebbero non caricarsi immediatamente al momento del lancio.
Il pannello Proprietà per lo stage.