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