Web Design (in aula)

Mod. 1 – Creare layout web in HTML Dall'HTML all'HTML5 HTML 5: Funzionalità supportate Librerie Javascript Gli Elementi (Header, Footer, Nav, Section, …) Gli Elementi (Figure, figcaption, hgroup, time, …) Web Form (Search, e-mail, url, …) Gli attributi per i Form Nuove possibilita` per la validazione delle form Gestione dei Video & Audio Canvas Gradienti Lineari e Radianti Le Immagini Testo Geolocalizzazione Web Storage Drag & Drop Pubblicazione FTP Mod. 2 – Fogli di Stile con CSS Introduzione al CSS3 Da CSS a CSS3 Nuovi Selettori e Pseudo Classi Pseudo-classi di struttura (root, empty, only-child,…) Web Font Effetti Tipografici Testo Ombreggiato, Ombreggiature multiple Word Wrap Text Overflow Bordo Ombreggiatura ai blocchi Immagini applicate ai bordi Sfondi Opacità Funzioni di Trasformazione Transizioni e Animazion Mod. 3 – Grafica Bitmap con Photoshop I formati file (compressi, non compressi, altri formati) Concetto di risoluzione (dpi/ppi) Modalita' schermo Disposizione documenti Personalizzare l'area di lavoro Effettuare selezioni (rapida, bacchetta magica, migliora bordo, …) Trasformare, invertire e salvare selezioni Tonalita'/Saturazione Regolazioni Automatiche Correzione colore selettiva Sostituire i colori Ritagliare un'immagine Il pannello storia Il pannello artistico storia I pennelli Pennelli speciali Timbro clone Timbro con pattern Pennello correttivo Eliminare gli occhi rossi Riempimento e sfumatura Salvare colori nel panello campioni Forme vettoriali Creare tracciato di lavoro I livelli Maschere di livello Maschere veloci, maschere vettoriali Trasformare immagine in oggetto avanzato Filtri (contrasto e sfocatura, movimento e disturbo, …) Filtri Artistici Fuoco Prospettico Salvataggio Automazioni Mod. 4 - Animazioni Multimediali in Flash L'interfaccia Creare un nuovo documento Interazione tra oggetti e interazione tra forme Le barre degli strumenti (linea, pennello, secchio, …) Lo strumento Polystar Lo strumento decorazione: effetto riempimento griglia, … Lo strumento pennello spry Lo strumento Trasformazione Libera Simboli e Istanze Creare simboli grafici Convertire oggetti in simboli Il pannello libreria I fotogrammi: tipi di fotogrammi La tecnica Onion skin Interpolazione di forma e di movimento Modificare il tracciato di movimento I pulsanti e il pannello azioni ActionScript Panoramica del pannello Azioni Aggiungere un'azione ad un fotogramma Pubblicare un filmato Flash Mod. 5 - Impaginazione Web con Dreamweaver L'Ambiente di Lavoro Creare un documento HTML Creare e Salvare Layout Creare pagine di primo livello L'interfaccia di Dreamweaver Le barre (titolo, menu, pannello inserisci, …) La finestra di ispezione Proprieta' Personalizzazione dell'interfaccia Creazione di un sito Salvataggio e anteprima delle pagine Web Immagini rollover Inserimento delle immagini rollover Visualizzazione dell'effetto rollover I DIV PA I CSS Creare il layout delle pagine con i CSS: i layout di Dreamweaver Impostare una pagina web tramite Dreamweaver e i CSS Struttura di una pagina web con gli ID Oggetti Spry con funzioni di convalida I comportamenti JavaScript in Dreamweaver Inserire elementi Flash e Pdf Spry widgets e spry effects Pubblicare un sito