
Corso Web Design CS4
WEB DESIGN, GRAFICA WEB, FLASH
Durata: 76 ore
Costo in promozione: verifica
Attestato: Pc Academy Adobe Training Centre
Materiale didattico: PcAcademy Training Connection per 3 mesi
Costo del corso per le aziende
Scarica il programma del corso
Pc Academy è partner Adobe per la formazione
Certificazioni Adobe
Informazioni generali
Il corso di Web Design rappresenta la soluzione software più avanzata per i web designer che vogliono costruire siti web, integrando le potenzialità di Adobe Dreamweaver Cs4 con gli effetti grafici di Adobe Fireworks Cs4 e le animazioni interattive di Adobe Flash Cs4 Professional.
Adobe Dreamweaver Creative Suite 4 rappresenta ad oggi lo standard per la creazione e la gestione delle pagine web, nonchè dell'intero sito, sia dal punto di vista statico che dinamico: questo software consente di gestire l'html, i CSS, e tutti i linguaggi di programmazione e di descrizione, presenti in un sito, garantendone inoltre la corretta pubblicazione sul remoto. Adobe Fireworks Creative Suite 4, perfettamente integrato con le funzionalità di Dreamweaver (e Flash), consente di creare grafiche sofisticate dal punto di vista visivo e funzionale; fornisce, inoltre, alcuni validi strumenti per la gestione delle immagini (dimensionamento e ritocco).
Adobe Flash Creative Suite 4 Professional, conosciuto ormai da tutti i web designer (e non solo) per le sue infinite capacità, rappresenta lo strumento che può fare la differenza all'interno di un sito internet; questo, infatti, consente di creare grafica vettoriale per il web con animazioni complesse e contenuto interattivo a livello avanzato di programmazione: con Flash si può costruire dal semplice banner pubblicitario al videogioco, nonchè un intero sito internet. I tre software, durante il corso, verranno affrontati sia separatamente, per acquisirne le funzionalità di base, sia insieme, per appronfondirne le conoscenze e giungere alla realizzazione pratica di un sito web.
Prerequisiti
Il corso di Web Design esiste in versioni "Classica" o in versione "Per Grafici".
Per frequentare la versione "Classica" non sono richiesti particolari prerequisiti.
Per frequentare la versione "Per Grafici" sono necessarie le conoscenze di base sull'utilizzo di Adobe Photoshop e Adobe Illustrator, nello specifico sui concetti principali di grafica raster e grafica vettoriale, i formati e l'ottimizzazione per il web e cenni sull'utilizzo dello strumento penna (curve di Beziér).
Adobe Dreamweaver CS4
Interfaccia e layout di lavoro di Dreamweaver CS4
Pannelli e barra delle proprietà
Creare e salvare un layout
Navigazione tra i documenti aperti
Le viste di Dreamweaver
Concetti di Html e impostazione del sito
Differenze tra i linguaggi di descrizione e i linguaggi di programmazione
Il linguaggio HTML
Il tag Html, il tag head, il tag Body
Impostazione di un sito internet locale
Impostazione di un sito internet remoto
Creazione e salvataggio di una pagina Html con Dreamweaver
Impostazioni di base (titolo, nome del file, proprietà di pagina)
Concetto di collegamento ipertestuale (link)
Collegare le pagine
Percorsi relativi e assoluti
Collegamento "mailto", ancoraggi e mappe immagine
I formati di immagini per il web
Impaginare con l' Html
Le tabelle e il loro utilizzo
Impaginazione con tabelle
Caricare una pagina dentro l'altra con il tag iframe
Impaginazione con tabelle e la loro formattazione con i Css
Il linguaggio Css
I fogli di stile CSS
Gestione dei Css in Dreamweaver
Creare e salvare un foglio di stile
Associare uno o più fogli di stile ad una pagina
Css per classe, per tag e avanzati
Creazione di uno stile per i link
Creazioni di classi Css diverse per i link
Creazione degli Stili Css per il testo
Le impostazioni di pagina con i Css
L'impaginazione con I Tag div e i Css
Tag form, Php, JavaScript
I linguaggi di programmazione (concetti)
Inserimento di un form
I comportamenti JavaScript in Dreamweaver
Immagini rollover
Creare una barra di navigazione
Messaggi popup, altri comportamenti Javascript
Inserire filmati, animazioni e Pdf
Inserire un'animazione Flash
Inserire un Flash Video
Pubblicare un file Pdf
I modelli di Dreamweaver
Vantaggi nell'uso dei modelli
Definire le aree modificabili
Salvare e associare modelli alle pagine
Staccare le pagine dal modello
La cartella Templates
Spry widgets e sray effects
Gli spray widgets
Creare pannelli espandibili con i widgets
Formattare i widgets con i Css
Pubblicazione di un sito web
La vista locale e la vista remota
Caricare e scaricare le pagine con Dreamweaver
I file dipendenti
Novità CS4
Vista dal vivo
File correlati e navigazione codice
Tecniche consigliate per CSS (modifica dei css dalla finetsra Ispezione Proprietà)
Nuova interfaccia utente
Adobe Flash CS4
Interfaccia e ambiente di lavoro
Area di lavoro
Uso dello stage e del pannello Strumenti
La linea temporale
Il pannello libreria
La barra delle proprietà
Gestione e salvataggio di un layout di lavoro
Impostazione di un nuovo documento
Il formato .fla e il formato .swf
Importare le immagini bitmap
Importare i video
Importare gli elementi grafici da Illustrator
Colore di sfondo e dimensioni
Impostazione della velocità di un'animazione
Creazione di forme e oggetti
La barra degli strumenti
Concetto di grafica vettoriale in Flash
Metodo di disegno delle forme in Flash
Forme, oggetti e gruppi
Impostazione di tratti e riempimenti
Riempimenti sfumati
Gli strumenti di trasformazione
Operazioni con i tracciati
Lo strumento Testo
Testo e Paragrafo
Linea temporale e Animazioni
Uso della linea temporale
I fotogrammi e i fotogrammi chiave
Inserimento, rimozione e conversione dei fotogrammi
Uso dei livelli e della linea temporale
Etichette dei fotogrammi
Tecnica Onion Skin
Creazione di un'animazione fotogramma per fotogramma
Concetto di interpolazione
Caratteristiche delle animazioni con le forme
Creazione di un'interpolazione forma
Proprietà di un'interpolazione forma
Creazione di un'interpolazione movimento
Proprietà di un'interpolazione movimento
Copiare e incollare i fotogrammi di un'animazione
Andamento di un'animazione
Uso dei livelli guida
Uso dei livelli maschera
I simboli
Uso del pannello libreria
Creazione di un simbolo
Simboli e istanze
Nominare i simboli e le istanze
Simboli clip filmato
Simboli pulsanti
Simboli grafici
Simboli nidificati
Effetti colore per le istanze
Metodi di fusione
Importare i simboli da Illustrator
Animazioni
Utilizzare il pannello
Elaborazioni dei fotogrammi su più livelli
Animazione di interpolazioni di movimento multiple
Interpolazione di forme con elementi grafici multipli
Inversione dell'ordine dei fotogrammi
Uso combinato dell'interpolazione e della tecnica fotogramma per fotogramma
Uso delle maschere animate
Interattività con le Azioni (Action Script)
Uso del pannello Azioni
Selezione delle Azioni
Aggiunta di azioni ad un fotogramma
Modifica delle Script
Controllo della riproduzione di un filmato
Azioni per movieclip
Azioni per i pulsanti
Azioni per i fotogramma
Interattività con gli Oggetti
Creazione di un pulsante rollover
Anteprima dei pulsanti in modalità di modifica del filmato
Pulsanti animati con aggiunta di audio
Realizzazione di un pulsante con più aree attive
Aggiunta di audio e video ad un filmato
L'audio di Flash
Importazione dei suoni
Inserimento dei suoni nei fotogrammi
Il formato flas video (flv) e il Flash Video Encoder
Importazione, settaggio ed esportazione di un video Flash
Distribuzione e pubblicazione dei filmati
Allestimento del filmato per una riproduzione ottimale
Pubblicazione ed esportazione
Utilizzo delle opzioni di pupplicazione
Impostazioni di Flash Player
Esportazione di Flash in altri formati
Novità CS4
Animazione basata sugli oggetti
Pannello Editor movimento
Cinematica inversa con lo strumento Osso
Trasformazione 3D
Disegno decoratico con lo strumento Decorazione
Finestra di Ispezione Proprietà verticale
Pannello Libreria migliorato
Sblocco Jpeg
Adobe Fireworks CS4
Interfaccia e Ambiente di Lavoro
L'area di lavoro e l'anteprima
La barra delle proprietà
La finestra ottimizza
Righelli, griglie e linee guida
Gestione e salvataggio di layout di lavoro
Impostazione di un Nuovo Documento
Il formato PNG di Fireworks
Grafica vettoriale e grafica bitmap
Risoluzione di un'immagine
I formati immagine gif, jpeg, png
Dimensione immagine e dimensione area di lavoro
Colore dell'area di lavoro
Lavorare con Fireworks Cs3
La barra degli strumenti
Gli strumenti bitmap
Gli strumenti vettoriali
Le forme automatiche
Strumenti di rimodellazione
Modifica di tracciati e operazioni
Riempimenti e tratti
Riempimenti uniformi e con gradiente
Riempimenti con motivi e texture
Tratti particolari con texture e riempimenti
Filtri ed effetti
Utilizzare gli stili di livello di Photoshop (solo Fireworks Cs3)
Salvataggio delle impostazioni dei filtri
Pagine, livelli e fotogrammi
La gestione delle pagine (solo Fireworks Cs3)
I livelli in Fireworks
Metodi di fusione dei livelli
Il livello web
Porzioni ed aree attive
Creare html di Dreamweaver
I fotogrammi
Animazioni di Fireworks
Le risorse di Fireworks
La libreria
Le forme di Fireworks
Stili per il testo
Stili per la grafica
Modifica delle impostazioni per gli stili
Salvataggio degli stili
Gestione degli URL
Barre di Navigazione
I simboli di Fireworks
Gestione dei simboli
Creazione e gestione dei pulsanti
Creazione e gestione di una barra di navigazione
Creazione di un menù a comparsa
Salvataggio ed esportazione
Salvare il file png di Fireworks
Salvare in formato psd di Photoshop Cs3
Copiare ed incollare i simboli di Fireworks in Photoshop e Flash
La finestra Anteprima Immagine