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 2B LICEO LICEO CLASSICO Data giugno 2012 1/6
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 e nella prima classe del triennio: tecniche approfondite di elaborazione dell immagine (Adobe Photoshop); produzione di grafica vettoriale (Adobe Illustrator); conoscenza del linguaggio Action Script e delle tecniche di animazione(adobe Flash); procedure di base e più articolate per la realizzazione di un sito (Adobe Dreamweaver); integrazione operativa fra Photoshop, Illustrator, Flash e Dreamweaver. 2/6
Flash Fotogrammi Fotogrammi e livelli Interpolazioni Simboli Action script Fireworks Area di lavoro Strumenti la tecnica contorni onion skin modificare contemporaneamente più fotogrammi controllo con action script della timeline della scena e delle istanze dei clip filmati disposizione delle sequenze di fotogrammi nei livelli livelli normali e livelli maschera interpolazione classica utilizzo della guida movimento nell'interpolazione movimento classica posizione dei punti di ancoraggio della guida rispetto al punto di registro del simbolo animazioni combinate: interpolazione forma più interpolazione movimento utilizzo dei suggerimenti forma creare effetti pan, tilt e zoom creare dissolvenze incrociate (cross fade) assegnazione e modifica del punto di registro di un simbolo applicare ai simboli i filtri ombra e sfocatura e gestirne i parametri applicare ai simboli i filtri smussatura e smussatura con gradiente e gestirne i parametri applicare ai simboli i filtri bagliore e bagliore con gradiente applicare ai simboli il filtro regola colore applicare filtri ai pulsanti definire l'area attiva di un pulsante usare pulsanti trasparenti e invisibili utilizzare le condizioni (if, else if, else) action script per gestire i metodi dei simboli clip filmati utilizzare action script all'interno di simboli clip filmato la gestione del testo con action script action script e il path per il collegamento ad una pagina web action scipt per l'esecuzione di un suono 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 di ritocco (sfocatura, precisione, chiarisci, scurisci, sfumino, timbro, sostituisci colore) strumenti vettoriali (linea, penna, tracciato, poligoni, frecce, forme, rimodellazione tracciati) strumento testo 3/6
Pulsanti e barra di navigazione Finestra Proprietà Ottimizzazione Salvataggio Esportazione Creare menù a comparsa Dreamweaver Regole per l'organizzazione della cartella locale Denominazioni Origine Inserimento Gestione del layout della pagina creare un pulsante stati del pulsante (su, sopra, giù, sopra e premuto) adattare l'area di lavoro alla dimensione del pulsante copiare i pulsanti e costruire una barra di navigazione 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 inserimento di un video come HTML 5 o incorporando nella pagina Web inserimento di immagini di sfondo nei tag Div inserimento di un menù a comparsa creato in Fireworks confronto ed analisi 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 4/6
Stili (CSS) Mappe immagine Spy regolare con lo stile la disposizione di un blocco di testo in un tag Div utilizzo dei diversi selettori di regole di stile (classe, ID, tag, composto) evitare conflitti di stili CSS gerarchia degli stili CSS creare una mappa immagine uso degli strumenti punto attivo rettangolare, circolare e poligono definizione del collegamento 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 InDesign Area di lavoro Creazione di un documento Lavorare nelle pagine Formattazione del testo Utilizzo delle tabelle finestra del documento, menù generali e di palette, strumenti, palette barra della formattazione impostare le dimensioni della pagina impostare i margini della pagina impostare l'orientamento della pagina impostare numero e spaziatura delle colonne impostare numero delle pagine visualizzare la pagina attiva aggiungere ed eliminare pagine inserire cornici di testo con lo strumento testo spostare e ridimensionare le cornici di testo con lo strumento selezione formattare il carattere: stile, interlinea, crenatura, spaziatura, distanza linea di base formattare il paragrafo: allineamento, rientri, sillabazione, spaziatura inserimento di una tabella in una cornice di testo numero delle righe e delle colonne selezionare celle, righe e colonne ridimensionare righe e colonne inserire il testo in una cella formattare il testo in una cella allineamento orizzontale e verticale e rotazione del testo nella cella bordi, tracce e riempimenti delle celle 5/6
Inserimento di grafica Salvataggio ed esportazione tipologia di file inseribili in InDesign inserire un file grafico nella pagina inserimento di un file importato in una cornice della pagine spostamento e ridimensionamento della cornice in cui è contenuta la grafica spostamento e ridimensionamento della grafica nella cornice in cui è inserita il concetto di inserimento come collegamento al file esterno salvataggio del file di lavoro in posizione fissa rispetto ai file collegati esportazione del documento nel formato di interscmbio PDF esportazione come file SWF con effetto angolo pagina interattivo Realizzazione da parte di ogni studente di un sito web. 6/6