Il programma dettagliato delle lezioni dei moduli Dreamweaver e Photoshop tenuti nell'edizione 2007 del corso Web Design & Animation

Le dispense introduttive di grafica, html e css sono disponibili per gli allievi del corso Web Design & Animation nell'area riservata ai documenti

Programma delle lezioni

1. Introduzione al corso : internet e il web. Il modello client-server, il browser
2. Grafica bitmap Photoshop: interfaccia e selezione. Scorciatoie da tastiera. Preferenze.
3. Il colore Photoshop. Tricromia, quadricromia, scala di grigio. Strumenti di selezione - Esercizi -
4. Html: introduzione TAG html, body, h1, p - Esercizi
5. Photoshop Disegno - il pennello: introduzione - gli strumenti del fotoritocco - regolazioni (intro)
6. Html : progettazione - tag DIV , SPAN, TABLE - Esercizi
7. Photoshop. introduzione ai livelli - Esercizi- Tutorial: un'elaborazione à la Wharol - Tecniche di fotomontaggio
8. CSS - Fogli di stile a cascata - Introduzione: unità di misura , colori e dimensioni
9. Photoshop: righelli e guide, metodi di fusione, stili di livello, introduzione strumento testo, gabbie e layout
10. Dreamweaver: introduzione al software
11. Photoshop: introduzione alla grafica vettoriale - tracciati - selezione, disegno, modifica, composizione
12. Dreamweaver : layout di un sito ad una colonna con i CSS - realizzare una barra di navigazione - Esercizi
13. Dreamweaver: fine esercizio layout ad una colonna - stili CSS
14. Photoshop: le maschere vettoriali e il testo - Esercizi
15. Photoshop. modalità maschera veloce - regolare i livelli di un'immagine - esercizi
16. Dreamweaver: i layers
17. Dreamweaver : i form HTML - esercizi
18. Dreamweaver: un sito con layout a due colonne partendo da un template in Photoshop
19. Dreamweaver: termine esercizio con creazione delle varie pagine e una pagina con un form
20. Dreamweaver: tabelle di layout. Form in tabelle.
21. Dreamweaver: DHTML (html dinamico) con i comportamenti (Behaviours) - rollover, animazioni, controllo delle proprietà CSS etc.
22. Photoshop: filtri costruttivi e distruttivi - Fluidifica - Maschere di livello - Tutorial: creare un disegno (sketch) da una foto - Tutorial: ritocco del viso per eliminare le imperfezioni
23. Dreamweaver: introdurre animazioni, video e files multimediali con i tag OBJECT e EMBED . Utilizzare in un sito i filmati pubblicati in YouTube o altro servizio di hosting video.
24. Dreamweaver: modello client-server. Il software di FTP- L'ftp integrato in dreamweaver. Lavorare in Locale e remoto. Comandi PUT e GET
25. Dreamweaver: inclusioni lato server - Server Side Include - Librerie di Codice (Snippets) - Statistiche e contatori
26. I CMS - content management system, introduzione ambiente LAMPP / XAMMP Apache - PHP - MySQL - esempi
27. I CMS - esempio di installazione di Wordpress - Amministrazione, personalizzazione, temi.
28. Elementi di SEO: ottimizzazione per i motori di ricerca
29. Photoshop: i canali colore
30. Dreamweaver: realizzare un sito con i template. Aree editabili e aree opzionali
31. Dreamweaver: Pagine dinamiche. Introduzione al PHP. Variabili URL. Cicli. Esercizio: una fotogallery dinamica
32. Introduzione al Web 2.0: caratteristiche, esempi.
33. Photoshop: storia, istantanee. Le Azioni. Men