apr271

IPSSS “M. Lentini” – Mottola - Ta PERCORSO DI ALTERNANZA SCUOLA – LAVORO – IV EDIZIONE
Indirizzo grafico pubblicitario
“WEB DESIGN”
Prima annualità a.s. 2007/2008
Dirigente Scolastico: Prof. Enrico SALAMINO
Referente: Prof.ssa M. MAZZARONE
Prima annualità 2007/2008
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : teoria
MODULO 1°
U.d.A. : Linguaggio HTML
Prerequisiti
 Conoscenza e
gestione del computer
e delle periferiche
 Conoscenza di base
delle regole spaziali di
composizione
 Conoscenza del
linguaggio tecnico
obiettivi
Contenuti
Mezzi e strumenti
Tempi
Cos’è Worde Wide Web
 Laboratorio
Ipertesto e ipermedia
multimediale
L’H’yper Text Markup Language  videoproiettore
Gli strumenti di navigazione: i  Eventuali supporti
browers e le principali
cartacei (appunti,
piattaforme
fotocopie, riviste, ecc.)
Strutturazione, definizione e
navigabilità di un sito web
La struttura di un documento
HTML
Le funzioni dei TAG e i TAG
speciali
Modifica dello sfondo e delle
immagini
Inserimento e modifica di un
testo
 La flow chart
 Il concetto di usabilità di un sito
Ore
10
An. sc.
2007/08
 Conoscere la differenza tra

analogico e digitale

 Conoscere gli elementi della

sceneggiatura ipertestuale

 Saper modificare i file immagini
 Conoscere il linguaggio HTML
 Conoscere e riconoscere la

struttura di un sito
 Conoscere le funzioni dei TAG 
 Saper inserire e modificare testi
e immagini

 Comprendere l’importanza
dell’impatto visivo e l’usabilità 
di un sito web

ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : teoria
MODULO 2°
U.d.A. : foto ritocco con Photoshop CS
Prerequisiti
obiettivi
Contenuti
Mezzi e strumenti
Tempi
 Conoscenza e
 Conoscere la differenza tra
 Definizione di immagine digitale  Laboratorio
gestione del computer
analogico e digitale
 Formati dei file immagini
multimediale
e delle periferiche
 Copnoscere i formati dei file
 L’interfaccia e le palette
 videoproiettore
 Conoscenza di base
immagini e la risoluzione
 Modificare le immagini
 Eventuali supporti
dell’interfaccia grafica  Conoscere semplici tecniche di  La paletta dei colori e i
cartacei (appunti,
di Photoshop
fotoritocco
gradienti
fotocopie, riviste, ecc.)
 Conoscere l’uso dei livelli
 Lavorare con i livelli

 Effetti e stili di Photoshop
 Salvataggio per il web
Ore
8
An. sc.
2007/08
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : teoria
MODULO 2°
U.d.A. : elementi base di Dreamweaver MX – editor html – I livello
Prerequisiti
obiettivi
 Conoscenza e
 Conoscere le basi per la
gestione del computer
progettazione di un buon sito
e delle periferiche
web
 Conoscenza della
 Saper inserire immagini in un
navigazione in
documento
Internet
 Saper usare celle e tabelle
 Conoscere l’uso dei
comportamenti di
Dreamweaver
Contenuti
Mezzi e strumenti
Tempi
 Interfaccia grafica
 Laboratorio
 Proprietà di un documento
multimediale
html, inserimento di immagini e  videoproiettore
mappatura delle immagini
 Eventuali supporti
 Tabelle e celle di layout
cartacei (appunti,
 Barre di navigazione, effetti di
fotocopie, riviste, ecc.)
rollover
 I CSS (Cascading Style Sheets)
Ore
6
An. sc.
2007/08
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : teoria
MODULO 3°
U.d.A. : materia di sicurezza nei luoghi di lavoro
Prerequisiti
 Semplici nozioni di
diritto
obiettivi
Contenuti
 Conoscere le necessarie
 Legge 626
informazioni in materia di
igiene e sicurezza del lavoro
 Approfondire i riferimebti
normativi relativi al rischio
elettrico,agli agenti fisici e
biologici,
 Conoscere i rischi trasversali
(videoterminali)
 Conoscere i mezzi per prevenire
i pericoli sul luogo di lavoro
 Nozioni antincendio e di primo
soccorso
Mezzi e strumenti
Tempi
 Formazione in aula
 Eventuali supporti
cartacei (appunti,
fotocopie, riviste, ecc.)
Ore
3
An. sc.
2007/08
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : teoria
MODULO 4°
U.d.A. : organizzazione aziendale, legislazione e inseroimento nel mondo del lavoro, autodisciplina pubblicitaria
Prerequisiti
 Semplici nozioni di
diritto
obiettivi
 Saper utilizzare le chiavi di
lettura dell'azienda come
sistema e come organizzazione
facendo riferimento ai principali
modelli, alle principali funzioni,
ai contenuti dei compiti relativi.
 Conoscere le logiche gestionali
in relazione ai principi di
produttività ed efficienza
relativi alle principali risorse
aziendali (lavoro, materiali,
energia, denaro)
 Conoscere la posizione, il ruolo
delle persone all'interno della
struttura aziendale nell'ambito
delle regole e dell'impianto
legislativo e contrattuale che
regola il rapporto di lavoro
(statuto dei lavoratori, diritti e
doveri dei lavoratori...)
Contenuti
Mezzi e strumenti
Tempi
 L'azienda come organizzazione  Aula
 Principi di produttività,
 Eventuali supporti
efficienza e qualità
cartacei (appunti,
 Gli stili e i comportamenti
fotocopie, riviste, ecc.)
organizzativi
 Sviluppo delle capacità
organizzative
 Orientamento al cambiamento.
 Lo statuto dei lavoratori
 Elementi normativi e retributivi
 Il codice di autodisciplina
pubblicitaria
Ore
3
An. sc.
2007/08
TOTALE 30 ORE
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : tirocinio in azienda
MODULO 1°
U.d.A. : l’anatomia di una pagina web lettura e analisi della funzionalità
Prerequisiti
 Conoscere gli
strumenti per
navigare in internet:
browser e
piattaforme principali
 Sapere cos’è un sito
web, com' è
strutturato, come si
naviga
 Conoscere la
struttura di un
docmento HTML
obiettivi
 Saper leggere la struttura di
siti esistenti
 Riconoscere i differenti layout
dei siti web
 Saper effettuare analisi di siti
web
 Saper utilizzare uno strumento
di eyetracking
 Saper valutare la logicità, la
coerenza e la razionalità della
struttura
 Saper valutare la velocita, la
semplicità e l’intuitività della
navigazione
 Utilizzare il test di usabilità
Contenuti
Mezzi e strumenti
La struttura dei siti
 Azienda
I layout dei siti web
 Navigazione in
Analisi dei siti
Internet
Grafica ridefinita per il web
 Eventuali supporti
Differenze tra grafica per il web cartacei
e grafica editoriale
 Postazione di lavoro
 Studio dell'immagine digitale
 Tool per lo studio dell’usabilità





Tempi
Ore
12
An. sc.
2007/08
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : tirocinio in azienda
MODULO 2°
U.d.A. : riproduzione di un layout di un sito web con Photoschop
Prerequisiti
 Conoscere i formati e
la risoluzione delle
immagini
 Conoscere i fattori di
compressione
 Conoscere il softwer
di grafica: Photoshop
CS
obiettivi
 Saper ricercare il materiale

grafico sul web

 Saper ricostruire la struttura del
sito con Photoshop

 Saper modificare e titoccare le
immagini

 Utilizzare la tavola dei colori

Websafe

 Saper usare gli effetti e gli stili 
di Photoshop
 Saper salvare i documenti per il
web
Contenuti
Mezzi e strumenti
Navigazione in Internet
 Azienda
Salvataggio di immagini dal
 Navigazione in
web
Internet
Creare documenti con
 Eventuali supporti
Photoshop
cartacei
Modifica delle immagini
 Postazione di lavoro
I livelli
Gli effetti e gli stili di Photoshop
Creare elementi grafici per il
web
Tempi
Ore
24
An. sc.
2007/08
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : tirocinio in azienda
MODULO 3°
U.d.A. : il brainstorming
Prerequisiti
 Conoscere le regole
per la progettazione
grafica di un sito web
 Conoscere le fasi
della progettazione
grafica
obiettivi
 Saper lavorare in team

 Saper ricercare il materiale
grafico sul web

 Saper ricostruire la struttura del
sito con Photoshop

 Saper modificare e titoccare le 
immagini

 Utilizzare la tavola dei colori

Websafe
 Saper usare gli effetti e gli stili 
di Photoshop
 Saper salvare i documenti per il 
web


Contenuti
Saper progettare una pagina
web
Saper definire il concept del
sito
Il briefing con il cliente
Il target finale
Pianificare il proprio lavoro
Creare ed organizzare i
contenuti
La ricerca del materiale grafico
sul web
Conservare la Brand identità
Suddividere la pagina web
La scelta della grafica
Mezzi e strumenti
 Azienda
 Navigazione in
Internet
 Eventuali supporti
cartacei
 Postazione di lavoro
Tempi
Ore
24
An. sc.
2007/08
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : tirocinio in azienda
MODULO 4°
U.d.A. : realizzazione del layout di un sito web con Photoshop
Prerequisiti
 Aver progettato il
layout del sito
 Saper usare il
software Photoshop
CS
obiettivi
 Saper riprodurre attraverso un
file immagine la struttura del
sito progettato
 Saper modificare e titoccare le
immagini attraverso l’uso degli
effetti e degli stili di Photoshop
 Salvare i documenti per il web
Contenuti
 Aspetto grafico del sito
 Bilanciamento dei colori
 Bilanciamento dei livelli di
contrasto e luminosità
 Effetti speciali
 I formati, la risoluzione e il
peso dell’immagine
Mezzi e strumenti
 Azienda
 Navigazione in
Internet
 Eventuali supporti
cartacei
 Postazione di lavoro
Tempi
Ore
24
An. sc.
2007/08
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : tirocinio in azienda
MODULO 5°
U.d.A. : trasformare il layout progettato in interfaccia grafica con Dreamwear
Prerequisiti
 Conoscenze base di
Dreamweaver MX
obiettivi
 Progettare e creare loghi,
icone, banner pubblicitari
 Creazione di barre di
navigazione, effetti di rollover
 Saper usare Modelli e Librerie
Contenuti
 Apertura e creazione di un file
HTML
 Inserimento e modifica testo
 Modifica dello sfondo di una
pagina
 Proprietà della pagina
 La vista codice
 Gli stili CSS
 L’anteprima nei browser
 L’FTP e sua gestione
Mezzi e strumenti
 Azienda
 Navigazione in
Internet
 Eventuali supporti
cartacei
 Postazione di lavoro
Tempi
Ore
24
An. sc.
2007/08
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : tirocinio in azienda
MODULO 6°
U.d.A. : progettazione banners pubblicitari
Prerequisiti
 Conoscenze base di
Dreamweaver MX
obiettivi
 usare gli editor per la
produzione di pagine web
 Saper pianificare, progettare e
definire un banner pubblicitario
 Conoscere i formati dei
banner:intero, mezzo banner,
banner verticale
Contenuti




I banners pubblicitari
I formati dei banner
La pubblicità ondine
Realizzazione di un banner
intero
Mezzi e strumenti
 Azienda
 Navigazione in
Internet
 Eventuali supporti
cartacei
 Postazione di lavoro
Tempi
Ore
12
An. sc.
2007/08
TOTALE 120 ORE
IPSSS “M. Lentini” – Mottola - Ta PERCORSO DI ALTERNANZA SCUOLA – LAVORO – IV EDIZIONE
Indirizzo grafico pubblicitario
“WEB DESIGN”
Seconda annualità a.s. 2008/2009
Dirigente Scolastico: Prof. Enrico SALAMINO
Referente: Prof.ssa M. MAZZARONE
Seconda annualità 2008/2009
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : teoria
MODULO 1°
U.d.A. : Dreamweaver MX – editor html – II livello
Prerequisiti
 Conoscenza delle
nozioni fondamentali
del software
obiettivi
 Saper gestire la finestra del sito 
 Saper pubblicare un sito

 Saper creare e modificare uno
stile CSS

 Saper creare bordi ed elenchi 
con gli stili CSS

 Conoscere i filtri CSS: Alpha,
Blur, Glow e Shadow
 Saper lavorare con i
collegamenti e gli URL
Contenuti
Mezzi e strumenti
Tempi
Gestione del sito
 Laboratorio
La progettazione e la creazioni
multimediale
un modello
 videoproiettore
I CSS: approfondimenti
 Eventuali supporti
Gestione delle immagini
cartacei (appunti,
Interattività e comportamenti:
fotocopie, riviste, ecc.)
lavorare con i collegamenti,
testing, inserimento di file in
formato Flash.
Ore
10
An. Sc.
2008/09
ALTERNANZA SCUOLA –LAVORO – MODULI FORMATIVI : teoria
MODULO 2°
U.d.A. : grafica vettoriale ed animazione – Adobe Flash CS3
Prerequisiti
obiettivi
 Conoscere i software  Conoscere l’ambiente di lavoro 
di grafica
(stage, timeline, panneli di

controllo)

 creare semplici animazioni con 
l’uso delle Tweening Animatio
 conoscere le principali azioni
che consentono l’interattività

del filmato con i navigatori.
 Creare loghi animati

 Saper importazione ed

esportazione filmati
 Saper convertire un’immagine
bitmap in grafici vettoriali

 Saper importare, aggiungere, 
modificare e comprimere un file
audio
 Creare pulsanti

 saper esportare e pubblicare i
documenti Flash
Contenuti
Mezzi e strumenti
Tempi
I grafici bitmap e vettoriali
 Laboratorio
I fotogrammi;
multimediale
Il Flash Player
 videoproiettore
- Spostamento, rotazione,
 Eventuali supporti
riflessione ed inclinazione di
cartacei (appunti,
oggetti
fotocopie, riviste, ecc.)
I livelli: creazione,
visualizzazione, modifica
Livelli guida e livelli maschera
Le principali azioni. Basi di
animazioni interattive. Il
linguaggio Action Script
Inserimento di suoni
Esportazione di un filmato ed
implementazione in una pagina
web
Ottimizzazione di un filmato ed
uso di animazioni di preloading
Ore
15
An. Sc.
2008/09
ALTERNANZA SCUOLA –LAVORO – MODULI FORMATIVI : teoria
MODULO 3°
U.d.A. : posizionamento sui motori di ricerca
Prerequisiti
 Conoscenza delle
nozioni fondamentali
del software
obiettivi
Contenuti
 Conoscere il rank di Google

 Essere in grado di ottimizzare e 
pubblicare un sito web
 Conoscere le tecniche e i test di 
usabilità

 Saper valutare gli accessi al sito

I domini
Studio e strategia per la
definizione delle parole chiave
Il rank di Google
L’impostazione dei titoli di
pagina
La registrazione sui motori di
ricerca: le directory
 Registrazione automatica e
manuale
 Impostazione e creazione dei
meta TAG
Mezzi e strumenti
Tempi
 Laboratorio
multimediale
 Videoproiettore
 filmati
 Eventuali supporti
cartacei (appunti,
fotocopie, riviste, ecc.)
Ore
5
An. Sc.
2008/09
TOTALE 30 ORE
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : tirocinio in azienda
MODULO 1°
U.d.A. : progettazione e realizzazione filmati, bottoni con Flash
Prerequisiti
Conoscenza degli
elementi base di
Flash
obiettivi
 Saper usare gli oggetti grafici

 Saper convertire i bitmap in grafici
vettoriali
 Saper aggiungere l’audiio

 Saper creare pulsanti
 Saper creare dei fotogrammi chiave
 Essere in grado di utilizzare i livelli 
guida e quelli maschera

 Saper interpolare il movimento lungo 
un tracciato stabilito
 Saper creare filmati interattivi con
Action Script

 Saperv ottimizzare un filmato
 Saper pubblicare documenti Flash. 
Contenuti
Mezzi e strumenti
Studio dei simboli grafici,  Azienda
movieclip, proprietà
 Navigazione in
simboli, uso della libreria
Internet
Creazione di bottoni,
 Eventuali supporti
bottoni combinati con clip e cartacei
filmati
 Postazione di lavoro
Uso delle principali azioni
Inserimento dei suoni
Esportazione di un filmato
ed implementazione in una
pagina web
Ottimizzazione di un
filmato
Uso di animazioni di preloading
Tempi
Ore
30
An. sc.
2007/08
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : tirocinio in azienda
MODULO 2°
U.d.A. : pubblicazione ed esportazione di documenti in Flash
Prerequisiti
Conoscenza degli
elementi base di
Flash
obiettivi
 Saper eseguire la prova di un 
filmato.

 Saper ottimizzare i filmati

 saper eseguire delle prestazioni di 
scaricamento dei filmati
 saper pubblicare i documenti Flash 
scegliendo il formato giusto

 saper esportare filmati
 saper ottimizzare i filmati di preloading
Contenuti
prova di un filmato.
Ottimizzazione dei filmati
scaricare i filmati
pubblicare i documenti
Flash
esportare filmati
i filmati di pre-loading
loro ottimizzazione
Mezzi e strumenti
 Azienda
 Navigazione in
Internet
 Eventuali supporti
cartacei
 Postazione di lavoro
e
Tempi
Ore
30
An. sc.
2007/08
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : tirocinio in azienda
MODULO 3°
U.d.A. : posizionamento sui motori di ricerca
Prerequisiti




obiettivi
Conoscenza del 
linguaggio HTML
Conoscenza dei 
motori di ricerca 
Conoscenza dei
software di grafica 
Contenuti
Saper ottimizzare un sito per una 
pubblicazione di successo
Saper valutare gli accessi al sito

Conoscere le tecniche e i test di 
usabilità
Essere in grado di fare la mappatura 
del sito
 Saper valutare gli accessi al sito

Mezzi e strumenti
Ricerca per parole chiave  Azienda
e per categiìoria
 Navigazione in
Il rank di Google
Internet
La registrazione sui motori  Eventuali supporti
di ricerca
cartacei
La
scelta
della  Postazione di lavoro
registrazione
Analisi dei “competitor”
già presenti on-line
 Gli
strumenti
di
ottimizzazione
 Uso dei test di usabilità
 Il testo nascosto:vantaggi
e svantaggi
Tempi
Ore
30
An. sc.
2007/08
ALTERNANZA SCUOLA -LAVORO – MODULI FORMATIVI : tirocinio in azienda
MODULO 5°
U.d.A. : realizzazione di una campagna pubblicitaria online
Prerequisiti





Conoscenza del 
linguaggio HTML
Conoscenza dei 
motori di ricerca
Conoscenza dei
software di grafica
Conoscenza del
codice di
autodisciplina
Conoscenza delle
nuove regole di
comunicazione
obiettivi
Contenuti
Mezzi e strumenti
Saper collaborare all’interno di un  Dal brief all’interfaccia
 Azienda
team
 Il brainstorming
 Navigazione in
Saper progettare, realizzare e  Lo
IAD
(information Internet
pubblicare un sito
Architecture Design)
 Eventuali supporti
 La flow chart
cartacei
 Realizzazione
 Postazione di lavoro
dell’interfaccia
 Software di grafica
 La fase di testing
 Correggere le eventuali
criticità
 Pubblicazione del sito
Tempi
Ore
30
An. sc.
2007/08
TOTALE 120 ORE