Sommario:

Come creare una schermata di Adobe Flash Preloader: 9 passaggi
Come creare una schermata di Adobe Flash Preloader: 9 passaggi

Video: Come creare una schermata di Adobe Flash Preloader: 9 passaggi

Video: Come creare una schermata di Adobe Flash Preloader: 9 passaggi
Video: How to Create an Adobe Flash Preloader Screen 2024, Novembre
Anonim
Come creare una schermata di Adobe Flash Preloader
Come creare una schermata di Adobe Flash Preloader

Un preloader Flash coinvolge gli utenti con il tuo sito web mentre è ancora in fase di caricamento visualizzando una barra di caricamento file che aggiorna lo stato di avanzamento del sito web. Ecco come realizzarne uno. Avrai bisogno

  • Un computer con accesso a Internet
  • Adobe Flash CS4
  • Un sito web Actionscript 3.0 esistente

Passaggio 1: Passaggio 1: Apri i tuoi file Flash

Passaggio 1: apri i tuoi file Flash
Passaggio 1: apri i tuoi file Flash

Avvia il programma Adobe Flash CS4 e apri i file del tuo sito web Flash. Cambia il layout dell'area di lavoro facendo clic sulla casella del menu a discesa nella parte superiore sinistra della barra dei menu e selezionando Designer.

Passaggio 2: Passaggio 2: Aggiungi fotogrammi chiave vuoti

Passaggio 2: aggiungi fotogrammi chiave vuoti
Passaggio 2: aggiungi fotogrammi chiave vuoti

Nel pannello della timeline, seleziona tutti i livelli evidenziando il livello superiore, tenendo premuto il tasto Maiusc ed evidenziando il livello inferiore. Fare clic e trascinare il primo fotogramma del livello superiore di un fotogramma a destra, creando un fotogramma vuoto all'inizio di ogni livello.

Passaggio 3: Passaggio 3: creare la barra di caricamento

Passaggio 3: creare la barra di caricamento
Passaggio 3: creare la barra di caricamento

Crea la barra di caricamento. Innanzitutto, evidenzia il livello inferiore della timeline e nel pannello Strumenti, seleziona lo strumento rettangolo. Quindi, in Proprietà, modifica i colori del tratto e del riempimento del rettangolo e le dimensioni del tratto. Disegna un rettangolo al centro della tua pagina web. Assicurati che il rettangolo e il tratto non si fondano con lo sfondo della pagina web. SUGGERIMENTO Se non sei sicuro del significato di un'icona in uno qualsiasi dei pannelli, tieni il cursore del mouse su di essa per una descrizione.

Passaggio 4: Passaggio 4: convertire la struttura della barra di caricamento

Passaggio 4: convertire la struttura della barra di caricamento
Passaggio 4: convertire la struttura della barra di caricamento

Converti il contorno della barra di caricamento in un clip filmato. Scegli lo strumento di selezione dal menu degli strumenti e fai doppio clic sul rettangolo in modo da selezionare l'intero contorno. Premi F8 per visualizzare la finestra "Converti in simbolo". Cambia il nome in "contorno" e cambia il tipo in "Filmato". Fare clic su OK.

Passaggio 5: Passaggio 5: convertire la barra di caricamento

Passaggio 5: convertire la barra di caricamento
Passaggio 5: convertire la barra di caricamento

Dai una descrizione generale del StepFai clic al centro del rettangolo e premi F8 per convertirlo anche in un simbolo. Cambia il nome in rettangolo e cambia il tipo in Movie Clip. Per la registrazione, seleziona il riquadro centrale all'estrema sinistra. Quindi, fare clic su OK. Ora vai al pannello Proprietà e cambia il nome dell'istanza in rettangolo_clip.

Passaggio 6: Passaggio 6: creare il testo percentuale

Passaggio 6: crea il testo percentuale
Passaggio 6: crea il testo percentuale

Seleziona l'icona del testo da Strumenti. Regola gli attributi per il tuo testo in Proprietà e assicurati che l'opzione dello strumento di testo sia impostata su testo dinamico. Disegna una casella di testo sul documento direttamente sotto il rettangolo. Questo farà sì che il pannello Proprietà mostri le proprietà per la casella di testo. In queste nuove proprietà, cambia il nome dell'istanza in text_clip.

Passaggio 7: Passaggio 7: scrivere gli script "stop" e "event"

Passaggio 7: scrivi il
Passaggio 7: scrivi il

Assicurati che il primo fotogramma del livello inferiore sia selezionato nel pannello Timeline, premi F9 per visualizzare il pannello Azioni. Nella prima riga, scrivi uno script di arresto che interrompa il ciclo della pagina Web. Premi Invio per passare alla riga successiva e aggiungi uno script che assegna una funzione evento alla pagina web. Chiama la funzione precarico1. Premi Invio.

Passaggio 8: Passaggio 8: scrivere lo script "funzione"

Passaggio 8: scrivi il
Passaggio 8: scrivi il

Scrivi la funzione preload1, che contiene due variabili: una che restituisce i byte totali per la pagina web e una che restituisce quanti di quei byte sono stati caricati. La funzione imposta quindi la dimensione della barra di caricamento e la percentuale di testo per rappresentare quanti byte sono stati caricati. L'ultima parte della funzione dice a Flash di andare al secondo fotogramma della timeline e riprodurlo una volta che l'intero documento è stato caricato. SUGGERIMENTO Per vedere in anteprima il documento in azione, vai su Controllo, Prova filmato dal menu in alto.

Passaggio 9: Passaggio 9: pubblicazione e caricamento

Passaggio 9: pubblicazione e caricamento
Passaggio 9: pubblicazione e caricamento

Pubblica il sito web andando su File, Impostazioni di pubblicazione. Assicurati che entrambe le caselle SWF e HTML siano selezionate. Rinominare entrambi i file e selezionare una posizione in cui salvare. Quindi fai clic su Pubblica e carica tutti i file pubblicati sul tuo server web. Per accedere alla pagina Flash, vai al file HTML sul tuo server web.

Consigliato: