Web Design

Si può partire anche da zero.

Obiettivi del corso:
utilizzare efficacemente gli strumenti per ila realizzazione di siti web e diventare un web designer a tutti gli effetti.

Softwares oggetto di studio:

Adobe Photoshop
Dreamweaver
Macromedia Flash

Adobe Photoshop CS5

Programma completo

Adobe Dreamweaver CS5

Interfaccia e layout di lavoro di Dreamweaver CS5

-> 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

-> I metatag e l’indicizzazione nei motori di ricerca

-> Impostazione di un sito internet locale

-> Impostazione di un sito internet remoto

-> Configurazione del sito semplificata (Novità CS5)

-> 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

-> File correlati dinamicamente (Novità CS5)

Impaginare con l’ Html

-> Le tabelle e il loro utilizzo

-> Impaginazione con Div PA (Position Absolute)

-> 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 ID, 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

-> Disattivazione/Attivazione CSS (Novità CS5)

-> Ispezione CSS (Novità CS5)

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

-> Inserimento in un form di oggetti spry con funzioni di convalida

-> Costruzione di un form per l’invio di e-mail

-> 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

Adobe Flash CS5

Interfaccia e ambiente di lavoro

-> Area di lavoro

-> Uso dello stage e del pannello Strumenti

-> La linea temporale

-> Il pannello Editor Movimento

-> 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

-> Importazione e animazione di un psd creato con Photoshop

-> 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

-> Strumento decorazione

-> Nuovi effetti dello strumento disegno decorazione (Novità CS5)

-> Impostazione di tratti e riempimenti

-> Riempimenti sfumati

-> Gli strumenti di trasformazione

-> Operazioni con i tracciati

-> Modifica con Photoshop CS5 (Novità CS5)

-> Lo strumento Testo

-> Testo statico e Testo dinamico

-> Creazione di un box di testo scorrevole - utilizzo del componente UIScrollBar

-> Realizzazione di un form in Flash (testo di input)

-> Testo e Paragrafo

-> Uso del testo TLF (Text Layout Framework) (Novità CS5)

-> Incorporamento caratteri (Novità CS5)

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

-> Cinematica inversa con lo strumento osso

-> Proprietà molla per gli ossi (Novità CS5)

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

-> Pannello Snippet di codice (Novità CS5)

-> Inserimento automatico della parentesi graffa di chiusura (Novità CS5)

-> Suggerimenti sul codice per le classi personalizzate (Novità CS5)

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

-> Importazione, settaggio ed esportazione di un video Flash

Distribuzione e pubblicazione dei filmati

-> Creazione e inserimento di un Preload

-> Allestimento del filmato per una riproduzione ottimale

-> Pubblicazione ed esportazione

-> Utilizzo delle opzioni di pubblicazione

-> Impostazioni di Flash Player

-> Esportazione di Flash in altri formati

-> Cronologia SWF (Novità CS5)

Adobe Fireworks CS5

Programma completo