Come creare un sito web Flash Slideshow

May 28

Come creare un sito web Flash Slideshow


Determinare il modo migliore per visualizzare le immagini on-line è spesso difficile. Sono finiti i giorni in cui le immagini sono state inseriti in pagine web in una tabella statica; la gente si aspetta più interattività ora. Una presentazione può essere un modo divertente interattivo per visualizzare le foto sul web. Sia che siate in mostra oggetti da vendere, visualizzazione del vostro 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 incorporato nel tuo sito web.

istruzione

Crea presentazione

1 Aprire un nuovo documento Flash e impostare la tela fino alla dimensione desiderata per la presentazione. Clicca su \ "Superficie \" nella finestra Proprietà. Immettere le nuove dimensioni nelle caselle Larghezza e Altezza.

2 Creare tre strati. Selezionare "Insert, \" \ "Timeline \" e \ "Layer" per tutti e tre. Nome lo strato superiore "Azioni", il secondo strato "Controls" e il terzo strato "Immagini".

3 Posizionare la prima immagine. Selezionare "File, \" \ "Importa \" e \ "Importa nella libreria." Quindi selezionare le altre immagini per la presentazione. Selezionare il primo fotogramma sul livello di "immagine". Scegliere "Finestra \" 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 la larghezza della finestra (W) "Properties". Poi trascinare l'immagine nella posizione corretta.

4 Inserire un nuovo \ "fotogramma chiave \" per ogni immagine nella presentazione. Fare clic sul fotogramma successivo nello strato di immagine e selezionare "Insert, \" \ "fotogramma chiave." Un nuovo fotogramma chiave con la prima immagine apparirà "Timeline \" e \. Selezionare l'immagine e fare clic su "Swap" nella finestra Proprietà. Quindi selezionare l'immagine successiva per la presentazione. Ripetere questa operazione fino a quando tutte le immagini sono posizionati correttamente.

5 Creare controlli. Selezionare il primo fotogramma sul livello di "Controlli". Posizionare o disegnare i pulsanti Avanti e Indietro. Per creare semplici pulsanti triangolo, selezionare l'opzione "Strumento PolyStar." Fare clic su "Opzioni" nella finestra Proprietà e modificare il numero di lati a 3. Tracciare i due triangoli, se lo desideri.

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

7 Aggiungere azioni. La presentazione ha bisogno di un po 'di codice per interrompere il filmato riproduzione automatica e per dare i pulsanti funzionalità. Selezionare il primo fotogramma sul livello Actions. Aggiungere il seguente codice:
\ "// Arresta il filmato di giocare automaticamente i fotogrammi.
Stop()
ANDARE

// Quando l'utente fa clic su next_btn, apparirà il fotogramma successivo.
next_btn.onRelease = function () {
if (_root._currentframe == 5) {
gotoAndStop (1)
}
altro{
nextFrame ()
ANDARE
}}

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

Aggiungere al sito web

8 Pubblicare la presentazione. Selezionare \ "File \" e \ "Pubblica Impostazione ... \". Nella scheda Formati, fare in modo che "HTML \" tipi sono selezionati \ "Flash \" e \. Premere il \ "Pubblica \" per creare un file SWF, file JavaScript (JS), e file HTML.

9 Aggiungere al sito. Aprire il file HTML in un editor web, come Dreamweaver o un editor di testo. Selezionare e copiare il codice da <head> a </ body>, tra <head> e <body>. Incollarlo nel codice HTML per la tua pagina web in cui si desidera che la presentazione da visualizzare.

10 Utilizzare un client FTP, come Filezilla per caricare il codice HTML, file JavaScript, e il file SWF al tuo sito web. Assicurarsi che il codice HTML riflette ancora la posizione di questi file. Si noti che se è stato inserito uno dei file all'interno di cartelle diverse, potrebbe essere necessario modificare il codice HTML e caricarlo di nuovo.