Nwlapcug.com


Come costruire un sito Web con Adobe Flash



Più professionale designer usi programmi separati per creare siti Web: Flash per le animazioni, Photoshop per l'elaborazione digitale delle immagini, Illustrator per il disegno e Dreamweaver per la costruzione di siti Web. Tuttavia, se un sito è abbastanza semplice, può essere creato direttamente in Flash. Flash offre strumenti di disegno eccellenti e può compilare automaticamente le pagine in file HTML basati su Web. L'unica cosa che non può fare è modificare le immagini digitali. Può, tuttavia, includere facilmente fotografie che hanno preparato altrove. Questo articolo si presuppone che il lettore è già familiarità con Flash come un'animazione e un pacchetto di disegno e di conseguenza si concentrerà principalmente su quali passi sono necessari per creare siti Web effettivo.

Istruzioni

Pianificazione di un sito Web in Flash

1

Disegnare uno schizzo di disegno di home page. Progettisti e costruttori di Web hanno sempre una visione di quello che un disegno apparirà come prima della costruzione di esso e attirerete solitamente prima con carta e matita. Pagine Web sono tradizionalmente 800 pixel di larghezza per 600 pixel in altezza, anche se altre dimensioni sono certamente possibili. Qualsiasi pagina Web comprende quattro elementi di base: un'intestazione, un piè di pagina, pulsanti di navigazione e contenuto principale (immagine e/o testo). L'intestazione può essere un'animazione, testo, fotografia o disegno o qualsiasi combinazione di quanto sopra. Decidere che cosa assomiglierà l'intestazione e quindi disegnare un progetto di design di esso nella pagina.

2

Determinare che cosa assomiglierà il piè di pagina. Piè di pagina sono solitamente barre di colore con testo su di essi. A volte il testo è una dichiarazione di copyright e/o privacy. Altre volte, include collegamenti. Piè di pagina sono solitamente semplici nel design.

3

Decidere quanti tasti di navigazione per includere. Ricordate che ogni pulsante di spostamento sarà portare ad un'altra pagina Web e quindi un diverso file di Flash, quindi cercate di mantenere le cose semplici. Assicurati di dare un nome a ogni pulsante (ad esempio, "circa", "Contatto", ecc.) Più tardi, quando pagine Web vengono create per i pulsanti, ricordare di denominare le pagine Web gli stessi nomi come i pulsanti (ossia, un pulsante "About" link a una pagina denominata "circa"; un pulsante "Contatta" link a una pagina denominata "contatti"; ecc).

4

Preferibile visualizzare un'animazione come una presentazione di diapositive per il contenuto principale della pagina. Flash eccelle in animazione, quindi cercate di includere animazione in modo prominente.

5

Ripetere i passaggi 2, 3 e 4 per ogni pagina del sito. Ricorda che ci sarà una pagina per ogni pulsante di spostamento. Anche tenere a mente che le intestazioni, i piè di pagina e pulsanti di navigazione solitamente rimangono coerenti da pagina a pagina in un sito Web. Di solito è solo il contenuto principale che cambia in ogni pagina. Ciò significa che una volta che è stato costruito un disegno principale, sarà possibile risparmiare tempo copiando il lavoro che è già stato fatto.

Costruire il sito Web

6

Aprire un nuovo file Flash (ActionScript 2.0). Modificare la dimensione del file di 800 x 600 pixel o di qualsiasi dimensioni sono stati specificati nello schizzo. Mantenere il colore dello Stage bianco, o modificarlo in un colore diverso se il progetto lo richiede. Rendere i governanti visibili ("Mostra" quindi "Righelli") e quindi posizionare guide sul palco per delimitare l'intestazione, piè di pagina, pulsanti di navigazione e area di contenuto principale.

7

Inserire un nuovo livello sulla Timeline, rinominarlo "intestazione" e quindi creare l'intestazione. Disegnare utilizzando strumenti di disegno di Flash oppure importare un'immagine. Se si importa un'immagine, ridimensionare correttamente in primo luogo prima di essere in a Flash. Per esempio, se l'intestazione è 800 pixel di larghezza e 100 pixel di altezza ed è un file di immagine, è possibile creare l'immagine in un programma come Photoshop. Quindi importarlo in libreria di Flash ("File" poi "Importa" quindi "Importa in libreria". Una volta che è stato importato, trascinarlo dalla libreria sul palco e posizionarlo entro le linee guida. Per assicurarsi che è allineato correttamente, aprire la finestra di informazioni ("Finestra" quindi "Informazioni") e assicurarsi di che leggere le coordinate X e Y "0". Se non lo fanno, quindi digitare "0".

8

Inserire un nuovo livello sulla Timeline e rinominarlo "piè di pagina". Poiché la maggior parte dei piè di pagina sono in genere barre di colore con testo su di essi, è possibile utilizzare lo strumento rettangolo e riempire secchio per rendere il piè di pagina. Quindi è possibile utilizzare lo strumento testo per aggiungere il testo. Utilizzare una casella di testo diversi per ogni testo che verrà collegato. Per esempio, se viene digitato un indirizzo email, metterlo nella propria casella di testo. Quindi è possibile utilizzare una casella di testo separata per un collegamento di dichiarazione sulla privacy, o qualsiasi altro tipo di testo.

9

Inserire un nuovo livello nella linea temporale e rinominarlo "contenuto". Aggiungere un file di immagine, corpo del testo o un'animazione secondo l'abbozzo di disegno. Ricordate che questo è lo strato che cambierà a seconda della pagina specifica. Tutti gli altri livelli rimarrà lo stesso.

10

Inserire un nuovo livello nella linea temporale e rinominarlo "pulsanti". Progettare i pulsanti di navigazione e quindi convertire ciascuno separatamente a simboli ("F8"). Quando viene visualizzata la finestra di dialogo "Converti in simbolo", assicurarsi di chiamare ogni simbolo e anche assicurarsi che sia selezionata la classe button. Quando gli oggetti vengono convertiti in simboli, copie di essi vengono inserite automaticamente nella libreria del file Flash. I pulsanti sono attualmente nel loro stato "Up", che significa che questo è il modo che guarderanno quando la pagina viene caricata in un browser Internet. Se i pulsanti sono supposti per essere animato, ora sarebbe il momento di impostare loro Stati "Over", che è che cosa assomiglierà quando un mouse si posiziona su di loro.

11

Aprire la libreria ("Finestra" quindi "Libreria") e fare doppio clic sull'icona del pulsante. Sequenza temporale del file cambierà al diario del pulsante. Timeline del pulsante Mostra "dichiara," non cornici. In Flash, gli Stati sono condizioni in cui potrebbe essere utilizzato il pulsante: "up", o che cosa il pulsante aspetto quando viene caricata la pagina; " oltre", o che cosa il pulsante aspetto quando un mouse si posiziona su di esso; e poi "down" e "hit", che non sono necessari per l'attività corrente. Lo stato "Up" è già stato costruito. Pulsante destro del mouse lo stato "sopra" il diario del pulsante e inserire un fotogramma chiave vuoto. Evidenziare lo sfondo del pulsante sullo Stage e quindi modificare la relativa proprietà color utilizzando il secchio di colore riempimento. Ora una volta che il file viene visualizzato in un browser Internet, il pulsante apparirà un colore quando carica, ma cambierà colore quando esso si passa il mouse sopra. Ripetere questo processo per come molti pulsanti di navigazione come sono stati progettati e convertiti in simboli.

Aggiungere collegamenti

12

Collegare eventuali caselle di testo direttamente tramite il pannello Proprietà. Selezionare il testo con lo strumento testo, evidenziare il testo e quindi digitare il link URL nella barra dei collegamenti. URL utilizzano la sintassi "http://" (senza virgolette), seguito dall'indirizzo Web effettivo. Collegamenti e-mail utilizzano una sintassi diversa: "mailto://", seguito da un indirizzo di posta elettronica.

13

Aggiungere collegamenti a immagini di prima convertire le immagini in simboli. Assicurati di scegliere il "pulsante" quando si apre la finestra di dialogo "Converti in simbolo". Una volta che l'immagine è un simbolo, ActionScript deve essere aggiunto ad esso. Aprire la finestra azioni ("F9"). Assicurarsi di ActionScript 2.0 è selezionata e ScriptAssist è attivo. Selezionare "Funzioni globali", quindi "" Browser/rete"e quindi fare doppio clic su"getURL". ScriptAssist sarà inserire il codice nella finestra azioni e forniscono anche un bar per un indirizzo URL da inserire. Digitare l'indirizzo dove il pulsante dovrebbe collegarsi quando cliccato.

14

Aggiungere collegamenti ai pulsanti di navigazione esattamente nello stesso modo come è stato fatto nel passaggio 2 sopra. I pulsanti sono già stati convertiti in simboli, così ActionScript può essere aggiunto a loro immediatamente. Assicurarsi di selezionare singolarmente ogni pulsante sullo Stage e quindi aggiungere il codice. Altrimenti, lo stesso codice esatto verrà aggiunto a ciascun pulsante contemporaneamente. Ricorda inoltre che i pulsanti di navigazione saranno più probabile andare alle pagine con il sito Web, e tali pagine non sono state ancora create. I collegamenti URL sarà a quelle pagine, e deve essere utilizzata la seguente sintassi: le "informazioni su"pulsante andrà a..." / dividerò "; il pulsante "Contatto" andrà a ".../contact.html); ecc.

Pagine di replicare e pubblicare il sito

15

Una volta ultimata la home page, è possibile salvarlo con il nome di "indice". Ora creare la prima pagina interna per corrispondere con il primo pulsante di navigazione. Elimina il livello dei contenuti (ricordate: attualmente sta mostrando il contenuto della home page), aggiungere un nuovo livello, rinominarlo "contenuto" e quindi aggiungere nuovi contenuti sul palco al suo posto. Se necessario, aggiungere eventuali nuovi collegamenti. Quindi scegliere "Salva con nome" e il nome lo stesso nome come il primo pulsante di navigazione (ad es., "circa"). Non aggiungere eventuali estensioni di file quando si salvano file; Flash lo farà automaticamente.

16

Ripetere il passaggio 1 sopra per tutte le pagine interne non ci sono pulsanti di navigazione. Quando sono state create tutte le pagine, aprire tutti loro modo essi vengono visualizzati come file separato schede nello spazio di lavoro Flash.

17

Passare attraverso i file uno per uno e li pubblica. Aprire "Impostazioni di pubblicazione" ("File" poi "Impostazioni di pubblicazione") e assicurarsi che le caselle di SWF e HTML vengono controllate quando viene visualizzata la finestra di dialogo. Non deve essere selezionata alcuna delle altre caselle. Fare clic su "Pubblica" e Flash salverà il file in due formati: come un file SWF e HTML associato.

18

Apri un browser Internet come Internet Explorer, Firefox o Safari e quindi aprire l'index. html file ("File" poi "apre"). La home page verrà visualizzato solo come sarebbe guardare su Internet e tutte le sotto-pagine e link, funzionerà, troppo. Congratulazioni!