Durata: 80 ore

Numero minimo di allievi: 3

Numero massimo di allievi: 6

Periodo svolgimento indicativo: Al raggiungimento del numero degli iscritti nel 2017.

Obiettivi del percorso: Il corso vuole fornire una formazione completa e professionalizzante nell’ambito del web design e si prefigge di dare ai partecipanti le conoscenze approfondite sulla comunicazione grafica nel web e nei new media, facendo leva sul potenziale degli strumenti software contenuti nella suite di Adobe Design Premium in dotazione nelle postazioni iMac a disposizione degli allievi. 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. Il tutto in un setting laboratoriale che proietta i partecipanti in contesti operativi e sperimentali che diano alle competenze acquisite un’immediata spendibilità nel mondo del lavoro.

Contenuti:

INTRODUZIONE

• Definizioni e ruoli del Webdesigner
• Internet e protocolli di comunicazione (http, ftp, smtp)
• Concetti di Client e Server
• Il W3C e la definizione degli standard

PROGETTARE CON DREAMWEAVER

• Panoramica del software
• Impostare un progetto
• Siti locali e remoti
• Gestione dell’FTP
• Pubblicazione di un sito

CREARE PAGINE CON XHTML

• Cos’è l’ (X)HTML
• Gerarchia di un sito Web
• Definizione della root
• L’estensione dei file
• Struttura base dei documenti (X)HTML

CSS ¨FOGLI DI STILE©

• Cosa sono i Cascading Style Sheet
• CSS level 2
• CSS e compatibilità con i browser
• Differenti dichiarazioni di fogli di stile
• Struttura di un foglio di stile
• Regole e commenti nei CSS

APPLICARE I CSS IN UNA PAGINA XHTML

• Fogli di stile in linea, interni ed esterni al documento
• I selettori
• Differenza tra classe e ID
• Formattare gli elementi di una pagina con gli attributi class e ID
• Proprietà di base del testo
• Impostare il background, il bordo ed il colore degli elementi
• Gestire lo stile degli elenchi puntati e numerati
• Gestire lo stile di tabelle e form

IMPAGINARE CON XHTML TESTI IMMAGINI LINK E LISTE

• Introduzione alla sintassi (X)HTML
• Analisi dei principali tag e attributi (X)HTML
• Inserire titoli e testi in una pagina
• Inserire immagini
• Inserire link
• Percorsi relativi ed assoluti degli elementi
• Liste: ordinate, non ordinate e di definizione

SITI WEB SENZA TABELLE SEPARARE LAYOUT E CONTENUTI

• Concetti di base dei CSS Positioning
• Posizionare elementi fisici in una pagina web
• Layout monocolonna
• Layout a due colonne
• Layout fissi ed elastici

FRAMEWORKS E PLUGINS

• Utilizzare le risorse prodotte in rete da communities di sviluppatori
• Layout a 24 colonne con il framework css BluePrint
• jQuery: libreria javascript per l’implementazione di ajax ed effetti visivi interattivi
• Panoramica dei plugin offerti dagli sviluppatori jQuery
• Cufon.js: lavorare con font e creatività.

WEBDESIGN E SOFTWARE GRAFICI

• Produrre layout mockup con Photoshop
• Panoramica delle funzionalità base per il web di Photoshop
• Formati per il web: gif, jpg e png
• Modificare, ridimensionare, reinquadrare e ottimizzare una immagine per il web.

WEBDESIGN IN REAL WORLD

• Implementazione della struttura di una pagina web a partire dal suo mockup

grafico creato con photoshop.

• Definizione del markup (X)HTML
• Esportazione dei blocchi grafici per la gestione css
• Definizione del css
• Implementazione di scripts javascript per l’aggiunta di interattività

Modalità di erogazione/metodologie:

Il periodo di svolgimento e l’orario relativo delle attività verranno concordati con gli allievi secondo criteri di massima flessibilità e tenendo conto delle esigenze di conciliazione fra i tempi di vita e di lavoro.

Requisiti: Per la partecipazione al corso è richiesto il diploma di scuola media superiore.

Metodologie formative utilizzate:
Lezioni frontali e laboratoristi, con l’ausilio di lavagna a fogli mobili, videoproiettore

Pc I-Mac 4GB (uno per ogni utente),stampante, scanner,interfacce hw/sw per Macintosh; Adobe Creative Suite 4 Design premium (Fireworks, Flash, Dreamweaver, Photoshop, Indesign). E’ possibile partecipare anche con un proprio portatile, dopo aver verificato con il docente i requisiti minimi di sistema. Si suggerisce a tutti i partecipanti di avere a disposizione per tutta la durata del corso i software suggeriti.

Saranno realizzate esercitazioni applicative e case studies.

Certificazione finale: Attestato di frequenza previo superamento del test di verifica finale e presenza al corso per il 70% delle ore

Il costo individuale per la frequenza del corso è di € 800,00 che comprende:

la fruizione delle lezioni, l’uso dell’aula, delle attrezzature previste e del materiale didattico necessario, un Mac per ciascun allievo, assicurazione contro infortuni e rischi civili contro terzi.