Liceo Classico Scientifico
“Isaac NEWTON”
Mod. 51
via Paleologi 22 - Chivasso
01.09.2011
Rev. 0
Documento
OBIETTIVI MINIMI
Disciplina
COMUNICAZIONE MULTIMEDIALE
Anno scolastico
2012-2013
Libro di testo
Docente
FONTANA Carlo
Classe
3A LICEO CLASSICO COMUNICAZIONE
Data
giugno 2013
Obiettivi minimi
1/9
OBIETTIVI MINIMI
La capacità di riconoscere gli elementi e le procedure di seguito elencate, senza
specifici dettagli e approfondimenti di ogni singola funzione, ma almeno riuscendo ad
utilizzarli per la realizzazione di un sito web con un minimo di contenuto e di
applicazione delle tecniche e tecnologie studiate.
Il concetto di ipertesto e la sua evoluzione nell'ipermedia: la navigazione non sequenziale.
La costruzione di un prodotto comunicativo la cui fruizione sia basata sull'interattività e
sulla sinergia comunicativa degli elementi multimediali.
Livelli strutturali e gerarchici delle pagine Web.
Progettazione del layout della pagina Web. Il peso compositivo degli elementi.
Icone e immagini di contenuto. Funzione delle animazioni.
La navigazione di un sito: collegamenti, struttura e progettazione.
L'interattività nelle pagine Web .
La visualizzazione di siti web su diversi browser e sistemi operativi.
La necessità di adeguare i contenuti e le tecniche all'aumento degli accessi al Web
attraverso tablet e smartphone.
Progettazione di elementi grafici dinamici.
Creazione e gestione di elementi grafici dinamici.
La capacità di riconoscere gli elementi e le procedure di seguito elencate, senza
specifici dettagli e approfondimenti della funzione, ma almeno collocandoli nel
contesto del software cui si riferiscono. Si preferisce per chiarezza fornire un elenco
dettagliato anche di ogni minimo elemento e procedura.
Photoshop: ripasso dei seguenti argomenti trattati nel biennio in vista del loro utilizzo nella
realizzazione del sito web
Colore
metodi di colore RGB, CMYK, esadecimale, scala di grigi
la sfumatura e le interruzioni di colore
scelta dei colori
lo strumento contagocce
regolare i punti bianco e nero dell'immagine
i metodi di fusione
Selezione
strumenti di selezione base (rettangolare, ovale)
strumenti di selezione a mano libera (lazo)
selezionare in base al colore con lo strumento bacchetta magica
trasformare una selezione in un tracciato e viceversa
modalità maschera veloce
modificare i bordi della selezione
sfumare i bordi della selezione
incollare grafica all'interno o all'esterno di una selezione
Obiettivi minimi
2/9
Dimensioni e
orientamento
dell'immagine
Tracciati
Ritocco
Livelli
Disegno
Testo
Storia
Salvataggio
dimensioni immagine e dimensione pixel, risoluzione
modificare il riquadro di un’immagine o ritagliare le immagini
modificare le dimensioni immagine e le dimensioni quadro
ruotare l'immagine
uso dello strumento Taglierina e delle sue opzioni
creare tracciati usando gli strumenti penna
selezionare e modificare i tracciati
aggiungere, eliminare e convertire i punti di ancoraggio
il comando traccia tracciato con le varie tipologie di strumenti
il comando riempi tracciato
strumenti scherma, brucia e spugna
strumenti sfoca, sfumino e contrasta
strumenti toppa, pennello correttivo e correttivo al volo, timbro
clone
aggiungere ed eliminare livelli
convertire il livello sfondo in un livello modificabile
aggiungere ed eliminare livelli
gli stili di livello (ombra, bagliore, smusso, sovrapposizioni, traccia)
trasformazioni di scala, inclinazione, distorsione, prospettiva di un
livello
uso pittorico del pennello
pennello e matita (dimensione, durezza)
gomma
dinamica del pennello: forme, dispersione, texture, opacità, colore
definizione di un pennello personalizzato
definizione di un pattern
uso del comando riempi (colore e pattern)
il pennello storia
formattazione del carattere e del paragrafo
modificare il testo con gli stili di livello
strumento maschera testo orizzontale e verticale
la storia delle modifiche applicate al file
salvare le istantanee del documento o di un livello
utilizzare un'istantanea come sorgente del pennello storia
utilizzare una modifica registrata nella storia come sorgente del
pennello storia
formati di salvataggio per il Web (JPEG, GIF)
opzione di salvataggio con il canale Alfa (GIF, PNG)
opzione di salvataggio con i livelli (PSD))
Illustrator: ripasso dei seguenti argomenti trattati nel biennio in vista del loro utilizzo nella
realizzazione del sito web
Tracciati
strumenti penna, aggiungi/elimina/converti punto di ancoraggio
primitive geometriche (rettangolo, ellissi, poligono, stella, segmento,
arco, spirale)
Obiettivi minimi
3/9
Gestione oggetti
Colore
Testo
Selezione
Esportazione e
salvataggio
strumenti pennello e matita (opzioni di tolleranza e modifica)
uso e creazione dei pennelli calligrafico, artistico, pattern, diffusione
gli strumenti forbici e cutter
il comando unisci tracciato
aggiungere, sottrarre, intersecare, escludere oggetti per creare
forme composte
strumenti ed effetti di alterazione dei tracciati
effetto Trasforma per la duplicazione in scala e nello spazio degli
oggetti
la simulazione dell'effetto tridimensionale
effetti di estrusione, rivoluzione e rotazione
gestione degli effetti nella palette Aspetto
aggiunta di frecce alle estremità dei segmenti
creare un pattern
usare un pattern come riempimento di un oggetto
ridimensionare le componenti degli oggetti (traccia, pattern)
strumento Crea forme
uso e modifica dei Simboli e delle Istanze
gli strumenti Separa, Espandi e Espandi aspetto
colore di traccia e riempimento
creare, applicare e modificare le sfumature
caratteristiche e funzione della trama sfumata
strumento trama e creazione di una trama sfumata
gestire il testo inserito in modo diretto e con cornici di testo
formattare carattere e paragrafo
trasformare il testo in oggetto grafico (crea contorno)
lo strumento testo in area
lo strumento testo su tracciato
applicare effetti a testo mantenendolo editabile
selezionare oggetti su più livelli
selezionare singoli oggetti in forme composte e punti di ancoraggio
uso dello strumento lazo
formati di salvataggio per il Web (JPEG, GIF)
esportare file/livelli di Illustrator in SWF
salvare come file proprietario AI
Flash: ripasso dei seguenti argomenti trattati nel biennio in vista del loro utilizzo nella
realizzazione del sito web
Disegnare e
ripasso degli strumenti di disegno e di creazione/modifica dei
modificare forme
tracciati
modalità forma e disegno oggetto
strumento di modifica: selezione e trasformazione libera
strumento gomma con opzione rubinetto
strumenti Secchio di vernice e Bottiglia di inchiostro
Inserimento di file
importare grafica da Illustrator
Obiettivi minimi
4/9
grafici da Photoshop e
Illustrator
Disposizione di forme
e istanze di simboli
nello stage
Fotogrammi
Colori
Simboli e istanze
Interpolazioni
Obiettivi minimi
opzioni di importazione di un file AI: scelta dei livelli da importare,
importazione dei livelli in Flash come livelli o fotogrammi chiave
importare grafica da Photoshop
importare immagini sullo Stage
importare immagini nella Libreria
inserimento delle immagini importate dalla Libreria allo Stage
collocare forme e istanze secondo le coordinate x e y
allineare e distribuire forme e istanze fra di loro e rispetto allo stage
impostare la frequenza dei fotogrammi per secondo (fps)
invertire l'ordine dei fotogrammi
nominare un fotogramma chiave
convertire fotogrammi semplici in fotogrammi chiave e viceversa
il pannello Colore
i metodi di colore nel pannello Colore (RGB ed esadecimale)
il selettore del colore nel pannello Colore
colore uniforme, gradiente lineare e gradiente radiale
creare gradienti di colore applicando colori ai cursori del gradiente
aggiungere ed eliminare cursori del gradiente
lo strumento di Trasformazione gradiente
regolare punto centrale, larghezza, dimensione, rotazione del
gradiente
regolare il punto focale del gradiente radiale
lo strumento Contagocce
aggiungere colori alla tavolozza dei campioni
tavolozza campioni colore websafe
modificare un simbolo nella libreria
modificare un simbolo nello Stage
comando Modifica in posizione
lo strumento di rotazione 3D
la simulazione dell'effetto 3D in un ambiente 2D
gli assi X, Y, Z e la rotazione su questi assi
assegnazione di un nome all'istanza di un simbolo nello Stage
la gestione della timeline e dei livelli in un simbolo clip filmato
necessità di coerenza delle forme iniziale e finale dell'animazione
per una interpolazione forma corretta
necessità di suddividere in livelli le animazioni di singoli elementi
la finestra Editor Movimento
la timeline e la visualizzazione dei fotogrammi della finestra Editor
Movimento
la suddivisione verticale in livelli per ogni proprietà della finestra
Editor Movimento
l'inserimento di fotogrammi chiave distinti per proprietà della
finestra Editor Movimento
le proprietà del Movimento di base: X, Y, Z, rotazione X, Y, Z
le proprietà della Trasformazione: inclinazione X e Y, scala X e Y
5/9
necessità di fotogrammi chiave di mantenimento del valore di una
proprietà sulla timeline per avviare l'interpolazione dal fotogramma
voluto
regolare la durata complessiva dell'animazione
animazioni all'interno di simboli clip filmato
Livelli e maschere
denominare un livello
caratteristiche e funzione di un livello maschera
creare un livello maschera
animare una maschera
modificare il contenuto mascherato
riportare il contenuto mascherato al suo stato originale
Approfondimenti e nuovi argomenti
Stage
uso dei righelli
uso delle guide
uso della griglia
Testo
preferenza nell'uso del testo classico rispetto al testo Text Layout
Framework (TLF)
accorgimenti per utilizzare il testo nell'interpolazione forma
Fotogrammi e livelli
l'uso della modalità Onion skin
l'uso della modalità contorni Onion skin
definizione dei fotogrammi coinvolti dalle modalità Onion skin,
contorni Onion skin
regolare la velocità di esecuzione inserendo/eliminando fotogrammi
utilizzo di un livello dedicato agli action script
Interpolazioni
gestione corretta delle interpolazioni sui livelli
utilizzo dei fotogrammi chiave e chiave vuoto per interpolazioni
sulla timeline
Editor Movimento: le proprietà dell'Effetto colore: alfa e dominante
di colore
Editor Movimento: le proprietà dei filtri
Editor Movimento: regolare l'andamento
Effetti al testo e filtri
applicare un filtro al testo o all'istanza di un clip filmato con l'icona
delle istanze dei
Filtri della finestra Proprietà
simboli
regolare i valori dei filtri applicati
Ombra esterna, Smusso, Smusso con gradiente
Effetti tridimensionali con l'uso dei filtri
Simboli
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
ActionScript
codice ActionScript per la navigazione nella timeline principale o
all'interno della timeline di un clip filmato
codice per azioni gotoAndPlay, gotoAndStop, stop con l'indicazione
del numero o dell'etichetta del fotogramma
codice ActionScript per la navigazione nella timeline dell'istanza di
un clip filmato collocato nello Stage
Obiettivi minimi
6/9
Esportazione
codice ActionScript per comandare l'esecuzione dei simboli clip
filmato
codice ActionScript per inviare ad una pagina web
esportare il documento come SWF
esportare il documento come immagine
esportare il documento come QuickTime
impostazioni per l'esportazione come QuickTime (scelta della
compressione)
Dreamweaver: ripasso dei seguenti argomenti trattati nel biennio in vista del loro utilizzo
nella realizzazione del sito web
Sito e pagine
creare un nuovo sito e definire la cartella principale locale che lo
ospita
creare nuove pagine HTLM e salvarle nella cartella principale locale
precauzioni nella denominazione e collocazione dei file
convenzioni dei nomi dei file
modificare le informazioni sul sito (gestisci siti)
nidificare pagine e file all'interno di sottocartelle del sito
i percorsi di identificazione di pagine e file
percorsi assoluti e relativi tra pagine e file di origine
funzione della cartella del sito che contiene tutti gli elementi del sito
e di una cartella separata in cui inserire i file PSD, AI, FLA che sono il
formato di lavoro dei file JEPG, GIF, PNG, SWF utilizzati nel sito
Inserimento
aggiornamento delle origini dei file
inserire elenchi puntati e numerati
creare elenchi puntati e numerati da un testo esistente
attributi di accessibilità tag di un'immagine inserita
inserire un Menu di collegamento per la navigazione
Comportamenti
gestire l'interattività con i comportamenti
il pannello Comportamenti
indicare l'ID di un testo o di un oggetto grafico per applicargli un
comportamento
effetto rollover: precarica immagine, scambia immagine, ripristino
immagine scambiate
Uso dei tag
il tag div PA
inserire o disegnare nella pagina un tag div PA
selezionare e deselezionare i tag div PA
definire nella finestra Proprietà i parametri del tag div: nome, colore
di sfondo, dimensioni, posizione
maniglie di ridimensionamento e di selezione dei tag div PA
ridimensionare e spostare i tag div PA
aggiungere del contenuto ai tag div PA
individuare il punto di inserimento nel codice
caratteristiche e funzioni del tag <p>
i tag <ul>, <li>, <ol>
Immagini
attenzione ai formati dei file grafici da inserire
le proprietà delle immagini inserite
Obiettivi minimi
7/9
Testo
Collegamenti
Stili (CSS)
origine e collegamento delle immagini
ID e dimensione delle immagini
colore di sfondo del testo
applicare una regola di stile CSS ad una porzione di testo con
l'utilizzo del tag <span>
inserire caratteri speciai
inserire spazio tra i caratteri
elenchi ordinati e non ordinati
utilizzare il comando Collegamento ipertestuale
utilizzare un menù di collegamento per link _blank e _self a diverse
pagine
creare collegamenti tra pagine presenti in diverse cartelle
aggiornare i collegamenti
layout CSS della pagina con elementi PA
la categoria Tipo della finestra di dialogo Definizione regola CSS
la categoria Sfondo della finestra di dialogo Definizione regola CSS
la categoria Blocco di testo della finestra di dialogo Definizione
regola CSS
la categoria Elementi di pagina della finestra di dialogo Definizione
regola CSS
la categoria Bordo della finestra di dialogo Definizione regola CSS
la categoria Posizione della finestra di dialogo Definizione regola
CSS
i selettori classe, ID, tag e composto delle regole di stile CSS
Approfondimenti e nuovi argomenti
Sito e pagine
salvataggio con nome di una pagina all'interno di una nuova
sottocartella del sito e aggiornamento dei collegamenti
aggiornamento dell'origine di un file collegato
modifica e ripristino del rimando ad un file inserito come link
esterno
aggiornamento del file inserito come link esterno e modificato
Inserimento
inserire video nel codice HTML 5
inserire audio nel codice HTML 5
aggiungere filmati Flash (SWF)
impostare le opzioni di esecuzione di un filmato Flash (SWF)
impostare Window Mode di un filmato Flash (SWF)
Elementi Spry
caratteristiche e funzioni del widget Pannelli a schede Spry
inserimento di un widget Pannelli a schede Spry
denominazione delle etichette dei Pannelli a schede Spry
inserimento di elementi nei contenuti dei pannelli a schede Spry
Tag HTML
analisi e identificazione dei tag nella sezione Body
l'indicazione del link nella specifica href del tag <a>
l'indicazione dell'origine di un'immagine nella specifica src del tag
<img>
l'indicazione dell'ID di un tag nella specifica id o name
l'indicazione della regola di stile CSS nella specifica class del tag
Obiettivi minimi
8/9
Comportamenti
Fireworks
Area di lavoro
Creare un nuovo
documento e
importare grafica
Ottimizzazioni dei file
Livelli
Strumenti di disegno
bitmap
Strumenti di disegno
vettoriale
Finestra Proprietà
Salvataggio
Obiettivi minimi
elemento che determina l'azione in relazione all'evento del mouse e
elemento che riceve l'azione
evento del mouse ed azione conseguente
caratteristiche degli eventi del mouse (click, on MouseUp,
onMouseOver, onMouseOut, onMouseDown)
azioni: Mostra/Nascondi elementi
necessità dell'ID dell'elemento che determina l'azione in relazione
all'evento del mouse e dell'elemento che riceve l'azione
selezionare l'elemento che determina l'azione in relazione all'evento
del mouse e scegliere il comportamento dal menu a tendina del
pannello Comportamenti
finestra del documento, menù generali e di palette, palette
finestra proprietà
palette degli strumenti
creare un nuovo documento in formato PNG
impostare larghezza, altezza, risoluzione, colore dell'area di lavoro
importare grafica da documenti di Photoshop e Illustrator
La finestra di ottimizzazione del file.
Le quattro viste: originale ed opzioni di ottimizzazione.
Le ottimizzazioni come GIF e JPEG.
livelli di grafica
suddivisione degli oggetti disegnati ed importati in livelli di grafica
strumenti pennello e matita
colore applicabile: colore tratto
strumenti di selezione bitmap: perimetro di selezione, lazo,
bacchetta magica
strumento gomma
strumenti linea, penna, tracciato vettoriale
strumenti rettangolo, ellisse, poligono
strumento testo
colore di tratto e di riempimento
opzioni dello strumento pennello
opzioni dello strumento gomma
opzioni degli strumenti di selezione bitmap
opzioni degli strumenti di disegno vettoriale
opzioni dello strumento testo (formattazione)
opzioni del colore di riempimento e del colore di tratto
salvare il file PNG
9/9