Corso Web Design

Qualità corso certificata ISO 9001

Obiettivi:

Il corso ha l'obiettivo di fornire una formazione completa e professionalizzante nell'ambito del web design.

Percorsi:

La progettazione, la realizzazione grafica, il montaggio, le animazioni; rappresentano i concetti che saranno trattati durante lo svolgimento del corso di web design, con un occhio sempre attento a quegli aspetti della comunicazione e delle tecnologie, che costituiscono un arricchimento fondamentale per i nuovi professionisti della rete.

Professionalità:

Al termine del corso lo studente sarà in grado di progettare, realizzare e gestire siti web dinamici su diverse piattaforme, avvalendosi degli strumenti e delle metodologie di analisi più di frequente utilizzati dai professionisti del settore.

Attestato:

Al termine del corso verrà rilasciato a tutti gli studenti un attestato di partecipazione.

Stage:

Per questo corso è prevista la possibilità di frequentare uno stage gratuito presso la sede milanese di SinerVis per tutti gli studenti che ne faranno richiesta e che supereranno i colloqui di selezione che avverranno subito dopo la fine del corso in aula.

Orari e struttura del corso:

Il corso ha una durata di 44 ore.

Il corso di web design  è articolato in 6 moduli formativi:

• Adobe Photoshop CS3 - 12 ore
• Adobe Dreamweaver CS3 - 4 ore
• HTML/CSS - 8 ore
• Adobe Flash CS3 - 12 ore
• Usabilità ed architettura delle informazioni - 4 ore
• Introduzione a Drupal CMF - 4 ore

Ti ricordiamo che è possibile seguire anche solo alcuni del moduli di questo corso.

Per conoscere le prossime date di partenza del corso di Web Design per le sedi di Milano e di Torino  puoi contattare la nostra segreteria corsi al numero verde gratuito 800.99.22.45 oppure puoi compilare il nostro form informazioni online.

Programma dettagliato del corso di web design

Il corso si articola in 6 moduli didattici che comprendono le seguenti aree:

• Adobe Photoshop CS3
• Adobe Dreamweaver CS3;
• HTML/CSS;
• Adobe Flash CS3
• Usabilità ed architettura delle informazioni
• Introduzione a Drupal CMF

Adobe Photoshop CS3

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 CS3

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 CS3

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

Introduzione a Drupal CMF

• Che cos'è Drupal
• Differenze fra CMS e CMF
• Installazione di Drupal
• Configurazione di un sito in Drupal
• Pubblicazione dei contenuti
• Utilizzare i temi di Drupal