programma svolto - Liceo Newton Chivasso

Liceo Classico Scientifico
“Isaac NEWTON”
via Paleologi 22 - Chivasso
Mod. 50
Rev. 0
01.09.2011
Documento PROGRAMMA SVOLTO
Disciplina COMUNICAZIONE MULTIMEDIALE
Anno scolastico 2011-2012
Libro di testo
Linguaggi della retorica
Marisa Napoli – Ed. Zanichelli
Docente FONTANA Carlo
Classe 1A LICEO LICEO CLASSICO
Data giugno 2012
Programma svolto
1/5 CONTENUTI SVOLTI Progettare un sito web secondo le seguenti procedure.
definizione degli
obiettivi della
comunicazione
definizione dei
contenuti
definizione dei
percorsi e degli
attrattori
definizione
dell'architettura
definizione
dell'aspetto grafico
definizione della
funzione interattiva
obiettivi, contenuto e punto di vista della comunicazione
interpretazione del contenuto operativo
target e funzione del sito web
le variabili della comunicazione
contenuti in funzione degli obiettivi
differenti livelli informativi
struttura dei livelli e delle sezioni
struttura del sito web
organizzazione spaziale degli argomenti
percorso conoscitivo dell'utente-navigatore
percorribilità/navigabilità nel sito
gerarchia dei contenuti
mappa dei percorsi possibili
scelta del modello (cascata, albero, rete, circolare)
gerarchia delle pagine web
modello di navigazione
struttura e ritmo della composizione della pagina web
ergonomia visiva
immagini statiche e dinamiche
testo statico e dinamico
elementi grafici statici e dinamici
elementi audio-video
variabili: forma, dimensione, colore, orientamento, movimento
movimenti di lettura della videata
spostamento nello spazio dell'ipermedia/sito web
reperimento di informazioni
disponibilità di opzioni
mappe di orientamento
metafora di pulsanti, puntatori, icone
comandi-funzione e collegamenti
percezione del meccanismo dell'ipermedia
Ripasso dei seguenti argomenti studiati nel biennio:
 tecniche approfondite di elaborazione dell’immagine (Adobe Photoshop);
 produzione di grafica vettoriale (Adobe Illustrator);
 conoscenza di base del linguaggio Action Script e delle tecniche di animazione(Adobe
Flash);
 procedure di base per la realizzazione di un sito (Adobe Dreamweaver);
Programma svolto
2/5 Flash
Testo
Fotogrammi e livelli
Interpolazioni
Simboli
Action script
Filtri
Audio
Pubblicazione
Programma svolto
gestione della cornice di testo
le diverse tipologie di box di testo: statico, dinamico, di input
accorgimenti per utilizzare il testo nell'interpolazione forma
collegamento URL e destinazione
comportamento testo dinamico e di input
incollare testo in Flash
regolare la velocità di esecuzione inserendo/eliminando
fotogrammi
applicare action script ai fotogrammi chiave della scena e del clip
filmato
utilizzo di un livello dedicato agli action script
uso delle etichette per denominare fotogrammi chiave
cambiare la frequenza dei fotogrammi
denominare i livelli
gestione corretta delle interpolazioni sui livelli
utilizzo dei fotogrammi chiave e chiave vuoto per interpolazioni
sulla timeline
utilizzo dei fotogrammi chiave dell'Editor Movimento
Editor Movimento: movimenti di base x, y, rotazione x, y e z
Editor Movimento: trasformazione (inclinazione x e y, scala x e y)
Editor Movimento: effetto colore (tinta, alfa, luminosità)
Editor Movimento: filtri
dissolvenza e dissolvenza colore
come realizzare effetti di zoom e pan con l'interpolazione
movimento
inserire istanze di simboli all'interno di simboli clip filmato e
pulsante
denominare le istanze dei simboli
simboli grafici e clip filmato nell'importazione da Illustrator
la gestione del simbolo pulsante: elementi utilizzabili per gli stati
del pulsante e definizione dell'area attiva del pulsante
utilizzare le condizioni (if, else if, else)
action script per gestire le proprietà dei simboli clip filmati
action script per comandare l'esecuzione dei simboli clip filmato
produrre testi determinati dall'inserimento di testo di input
produrre testi come effetto di azioni con il mouse
action script per inviare ad una pagina web
action scipt per l'esecuzione di un suono
a quali elementi (testo, istanze di simboli) sono applicabili
tipologie di filtri
formati di file audio utilizzabili in Flash
come eseguire un audio in Flash con action script
pubblicare il documento come SWF
3/5 Fireworks
Area di lavoro
Strumenti
Finestra Proprietà
Ottimizzazione
Salvataggio
Esportazione
Creare menù a
comparsa
Dreamweaver
Regole per
l'organizzazione
della cartella locale
Denominazioni
Origine
Inserimento
Collegamenti
Programma svolto
finestra del documento, menù generali e di palette, palette
finestra proprietà
palette degli strumenti
strumenti di selezione (rettangolare, ovale, lazo, bacchetta magica)
strumenti bitmap (pennello, matita, gomma)
strumenti vettoriali (linea, penna, tracciato, poligoni, frecce, forme)
strumento testo
categoria riempimento e tratto (tipologia colore e texture)
categoria tratto (spessore, colore, tipologia, morbidezza del bordo,
texture)
categoria filtri (smusso, rilievo, ombre, luci, sfocatura, precisione,
correzione del colore)
categoria testo (formattazione carattere e paragrafo)
anteprima della versione ottimizzata
opzioni di ottimizzazione: tipologia di file e percentuale di qualità
salvare il file
esportare il file come immagine ottimizzata
esportare il file come HTML e immagini
creare la lista del menù a comparsa
impostare l'aspetto del menù a comparsa
impostare la posizione del menù a comparsa
esportare un menù a comparsa da usare in Dreamweaver
quali elementi vanno collocati nella cartella locale del sito
la collocazione corretta delle pagine, dei file esterni, delle cartelle,
degli elementi accessori, dei fogli di stile
regole per l'attribuzione dei nomi alle pagine, alle cartelle e ai file
esterni per evitare conflitti
regole per l'attribuzione dei nomi alle regole di stile CSS
regole per l'attribuzione dei nomi (ID) ai tag Div e alle immagini
inserite
modifica e ripristino del rimando ad un file inserito come link
esterno
aggiornamento del file inserito come link esterno e modificato
aggiungere filmati Flash (SWF)
impostare le opzioni di esecuzione di un filmato Flash (SWF)
impostare Window Mode di un filmato Flash (SWF)
inserire un'immagine di rollover
inserimento di immagini di sfondo nei tag Div
inserimento di un menù a comparsa creato in Fireworks
collegamenti a punti specifici della pagina (ancoraggio)
creare un collegamento ad un sito esterno
creare un collegamento ad un indirizzo di posta elettronica
4/5 Pannello File
Gestione del layout
della pagina
Tag HTML
Stili (CSS)
Creazione di
moduli
Mappe immagine
Spy
visualizzare pagine, file esterni presenti nella cartella del sito,
sottocartelle della cartella del sito
definizioni delle modalità di creazione della pagina:
• la modalità di creazione della pagina con l'uso di un tag Div
PA centrato nel documento e i successivi ta Div PA inseriti
in questo "contenitore" (scelta che permette maggior libertà
di posizionamento)
• la modalità che parte da un tag Div, centrato nel
documento, che contiene in successione i tag Div che si
appoggiano al precedente sul lato sinistro (scelta che
permette maggior ordine nella distribuzione degli elementi)
posizionamento degli elementi nei tag Div e opzioni di float
tag di base per l'impostazione di un documento HTML
principali tag di formattazione del documento
collegamenti
tabelle
elenchi
immagini
file SWF
l'aspetto dei tag nella vista Codice e nella vista Progettazione nella
barra di selezione dei tag del documento
selezione dei tag
esportare una regola di CSS in un foglio di stile esterno
regolare con lo stile la disposizione di un blocco di testo creare più
utilizzo dei diversi selettori di regole di stile (classe, ID, tag,
composto)
evitare conflitti di stili CSS
gerarchia degli stili CSS
aggiungere un menù a discesa
creare una mappa immagine
uso degli strumenti punto attivo rettangolare, circolare e poligono
definizione del collegamento
pannelli a schede Spry
pannello comprimibile Spry
personalizzare i pannelli Spry con l'uso delle regole di stile CSS
personalizzare i pannelli Spry nelle diverse pagine utilizzando
diverse versioni del foglio di stile CSS associato ai pannelli Spry
Realizzazione da parte di ogni studente di un sito web.
Programma svolto
5/5