Web Design Base

Durata: 
40 ore

Adobe Photoshop CS5

Unità didattica 1: Grafica bitmap ed introduzione all’utilizzo di photoshop

  • Concetti fondamentali di Photoshop
  • Immagini bitmap e grafica vettoriale
  • Dimensioni e risoluzione delle immagini

Unità didattica 2: Uso degli strumenti

  • Uso delle palette principali
  • modificare le dimensioni e la risoluzione di un’immagine
  • metodi modelli di colore e conversioni tra i metodi di colore
  • uso degli strumenti di selezione
  • i tracciati di ritaglio
  • la modalità maschera veloce

Unità didattica 3: La gestione del colore

  • Colori singoli e quadricromia
  • modalità colore: CMYK e RGB
  • creazione e modifica dei colori

Unità didattica 4: Creazione e gestione dei testi

  • La palette carattere
  • Formattazione dei testi
  • Impaginare un testo
  • Creare effetti sui testi 

Unità didattica 5: Uso dei livelli

  • I livelli e le loro proprietà
  • La gestione dei livelli
  • Modificare i livelli
  • Le maschere di livello
  • Gli stili di livello

Unità didattica 6: La trasparenza

  • Applicare le impostazioni di trasparenza
  • Modificare l’opacità agli oggetti grafici
  • Applicare un contorno sfocato
  • Creazione di un’ombra esterna

Adobe Dreamweaver CS5

Unità Didattica 1: Interfaccia e layout di lavoro di Dreamweaver

  • Pannelli e barra delle proprietà
  • Creazione e salvataggio di una pagina Html con Dreamweaver
  • Creare e salvare un layout
  • Navigazione tra i documenti aperti
  • Le viste di Dreamweaver
  • Gestione dei CSS in Dreamweaver

Unità didattica 2: Inserire filmati

  • Inserire un'animazione Flash
  • Inserire un Flash Video
  • Creare e pubblicare un file Pdf

Unità didattica 3: 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

Unità didattica 4: Pubblicazione di un sito web

  • La vista locale e la vista remota
  • Caricare e scaricare le pagine con Dreamweaver
  • I file dipendenti

HTML/CSS

Unità didattica 1: 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
  • 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

Unità didattica 2: Impaginare in 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

Unità didattica 3: Il linguaggio CSS

  • I fogli di stile CSS
  • 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

Unità didattica 4:Impaginare con i CSS

  • Le impostazioni di pagina con i CSS
  • L'impaginazione con I Tag div e i div PA

Adobe Flash CS5

Unità Didattica 1: 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

Unità Didattica 2: 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

Unità Didattica 3: 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

Unità Didattica 4: 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

Unità Didattica 5: 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

Unità Didattica 6: Animazioni

  • Utilizzare il pannello
  • Elaborazioni dei fotogrammi su più livelli
  • Elaborazioni dei fotogrammi su più livelli
  • 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

Unità Didattica 7: Interattività con le Azioni (Action Script)

  • Uso del pannello Azioni
  • Selezione delle Azioni
  • Aggiunta di azioni ad un fotogramma
  • Controllo della riproduzione di un filmato
  • Azioni per movieclip
  • Azioni per i pulsanti
  • Azioni per i fotogramma

Unità Didattica 8: 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

Unità Didattica 9: 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

Unità Didattica 10: 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

Unità Didattica 11: 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

Usabilità ed Architettura Siti Web

Unità Didattica 1: Cos'è l'usabilità

  • Definizione (norma ISO 9241)
  • Interazione uomo-macchina
  • Introduzione agli standard
  • A chi e a cosa serve l’usabilità: scopi e metodi
  • Usabilità e accessibilità
  • Usabilità e architettura delle informazioni

Unità Didattica 2: Il progetto

  • Identificazione di scopi e target del sito: analisi di mercato
  • Lo scheletro del sito
  • Home page (dove sono? Dove posso andare?)
  • La barra di navigazione
  • Pagine interne
  • Link
  • Utilizzo di convenzioni

Unità Didattica 3: Il contenuto

  • Scrivere per il Web: quantità, qualità, pertinenza e chiarezza
  • Disposizione e stile del testo
  • Archivio e motore interno: la ricerca delle informazioni
  • Espedienti visivi

Unità Didattica 4: Le tecnologie

  • Compatibilità: browser, hardware, piattaforme, plug-in…
  • Motori di ricerca esterni e indicizzazione
  • Flash: uso e abuso
  • Mantenimento e ottimizzazione del progetto

Unità Didattica 5: L’esperienza dell’utente

  • Percorso del designer VS percorso dell’utente
  • Il “web del visitatore”: luogo di sorprese e compromessi
  • Sfogliare le pagine, non leggerl

Richiedi Informazioni