Nwlapcug.com


Come creare un sito Web Flash Slideshow

Come creare un sito Web Flash Slideshow


Spesso è difficile determinare il modo migliore per visualizzare le immagini online. Sono finiti i tempi quando le immagini sono state posizionate su pagine web in una tabella statica; ora la gente si aspetta maggiore interattività. Una presentazione può essere un modo divertente e interattivo per visualizzare le foto sul web. Se si sono una vetrina di oggetti da vendere, visualizzando il tuo portfolio professionale o la condivisione di foto personali, Adobe Flash fornisce la flessibilità e la potenza per creare una presentazione interattiva che può rapidamente essere incorporata nel tuo sito Web.

Istruzioni

Creare Slideshow

1

Aprire un nuovo documento Flash e impostare la tela per la dimensione desiderata per la presentazione. Fare clic su \"Size\" nella finestra Proprietà. Immettere le nuove dimensioni nelle caselle larghezza e altezza.

2

Creare tre strati. Selezionare "Inserisci, \" \"Timeline\" e \"Layer" per tutti e tre. Nome del layer superiore "Azioni," secondo livello "controlli" e il terzo strato "Immagini".

3

Posto la prima immagine. Selezionare "File, \" \"Import\" e \"Import alla libreria." Quindi selezionare le altre immagini per la presentazione. Selezionare il primo fotogramma sul tuo livello di "Immagine". Scegliere "Windows" e \"Library" per aprire la finestra della libreria. Selezionare la prima immagine e trascinarla sul palco. Se l'immagine deve essere ridimensionata, regolare l'altezza (H) e larghezza (W) nella finestra "Proprietà". Quindi trascinare l'immagine nella posizione corretta.

4

Inserire un nuovo \"keyframe\" per ogni immagine nella presentazione. Fare clic sul fotogramma successivo nel livello dell'immagine e selezionare "Inserisci, \" \"Timeline\" e \"Keyframe." Verrà visualizzato un nuovo fotogramma chiave con la prima immagine. Selezionare l'immagine e fare clic su "Swap" nella finestra Proprietà. Quindi selezionare l'immagine successiva della presentazione. Ripetere questo passaggio per tutte le immagini siano posizionate correttamente.

5

Creare controlli. Selezionare il primo fotogramma sul livello "Controlli". Inserire o disegnare i pulsanti successivo e precedenti. Per creare pulsanti di semplice triangolo, selezionare lo "strumento PolyStar." Fare clic su "Opzioni" nella finestra Proprietà e modificare il numero di lati a 3. Disegnare i due triangoli come desiderato.

6

Convertire i pulsanti in simboli. Selezionare il pulsante successivo che si desidera utilizzare. Selezionare "Modify\" e \"Convert al simbolo". Selezionare "Tasto" come il tipo e il nome del pulsante "next_btn." Nella finestra Proprietà modificare il nome di istanza a "next_btn" pure. Ripetere la procedura dal pulsante precedente, cambiando il nome e il nome di istanza a "prev_btn." Assicurarsi che il livello di controlli è la stessa lunghezza come lo strato di "Immagini". Se non lo è, selezionare l'ultimo fotogramma del livello, quindi selezionare "Inserisci, \" \"Timeline\" e \"Frame."

7

Aggiungere azioni. La presentazione ha bisogno di qualche codice per interrompere il filmato da esecuzione automatica e dare la funzionalità dei pulsanti. Selezionare il primo fotogramma sul livello azioni. Aggiungere il codice riportato di seguito:
\ "/ / Ferma il filmato da riprodurre automaticamente i fotogrammi.
Stop)
VAI

Quando l'utente fa clic su next_btn, verrà visualizzato il fotogramma successivo.
next_btn.onRelease=function() () {
Se (_root._currentframe = = 5) {
gotoAndStop(1)
}
else {
nextFrame)
VAI
}}

Quando l'utente fa clic su prev_btn, verrà visualizzato il fotogramma precedente.
prev_btn.onRelease=function() () {
Se (_root._currentframe = = 1) {
gotoAndStop(5)
}
else {
prevFrame)
VAI
}}\"

Aggiungere al sito Web

8

Pubblicare la presentazione. Selezionare \"File\"e \"Publish Setting...\". Nella scheda formati, assicurarsi che \"Flash\" e \"HTML\" sono selezionati tipi. Premere \"Publish\" per creare un file SWF, file JavaScript (JS) e file HTML.

9

Aggiungi il sito Web. Aprire il file HTML in un editor web, come Dreamweaver o editor di testo. Selezionare e copiare il codice da < head > < / body >, tra cui < head > < corpo > e. Incollare il codice HTML per la tua pagina web dove vuoi il tuo slideshow per visualizzare.

10

Utilizzare un client FTP come Filezilla per caricare il codice HTML, file JavaScript e file SWF al tuo sito Web. Assicurarsi che il codice HTML ancora riflette la posizione di questi file. Si noti che, se i file inseriti all'interno di cartelle diverse, è necessario modificare il codice HTML e caricare di nuovo.