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