Didattica
Quest’area è esclusivamente dedicata agli alunni del mio modulo di webdesign al corso di Graphic design presso Naba.
1° lezione 29/10/09
Libri didattici
- “Guida completa ai css” di Gianluca Troiani
- “Progettare siti web standard” di Jeffrey Zeldman
Programma
Dispensa della lezione odierna
Approfondimenti
- http://www.italianwebdesign.it/limportanza-del-wireframe-nel-processo-di-creazione-di-un-sito/
- http://webdesign.html.it/articoli/leggi/3083/progettare-con-i-wireframe/
- http://www.italianwebdesign.it/dal-wireframe-alla-pubblicazione-sviluppo-usabile-di-un-sito-parte-1/
- http://www.italianwebdesign.it/dal-wireframe-alla-pubblicazione-sviluppo-usabile-di-un-sito-parte-2/
2° lezione 5/11/09
Dispensa della lezione odierna
Risorse utili
Siti per creare wireframe
Ispirazione webdesign 2010
Come creare e gestire un sito tramite Dreamweaver
3° lezione 12/11/09
Dispensa della lezione odierna
Risorse
4° lezione 26/11/09
Argomenti di oggi
- Allineamento del testo
- Liste ordinate e non ordinate
- Le pseudoclassi dei collegamenti (p.15-16)
- Bordi
- Margini, padding, width, height: il box model (p.55)
- Height e overflow
- Allineamento di un’immagine all’interno del testo (float)
5° lezione 3/12/09
Esercitazione in classe creazione nuova pagina con titoli, paragrafi, link, inserimento immagini e con il box modelesercitazione2
Risorse
6° lezione 10/12/09
7° lezione 7/01/10
- Formattazione delle tabelle (p.100-104)
- Esempi di formattazione grafica tabelle
- Menu di navigazione (Cap.5 p.183)
- Esempi di menu da Smashing Magazine
8° lezione 14/01/10
- Posizionamento, proprietà position (pag.70/82)
- Posizionamento flottante (pag.82/92)
- Risorse sul float
- Esempio di layout a 3 colonne
- Layout a due e tre colonne (p. 105/182)
- Come mandare all’inferno un lavoro di webdesign
9° e 10° lezione 21 e 28/01/10
- Esercitazione finale in preparazione dell’esame di fine anno
- Scarica il file in formato .jpg
- Scarica il file in formato .psd
11° lezione – 4/2/10 Esercitazione finale
- Esercitazione di fine semestre (votazione sul registro)
- TUTTI I PRESENTI HANNO SUPERATO LA PROVA: complimenti!
Contenuto dell’esame di fine anno
- Domande teoriche su dispense e sezioni del libro segnalate
- Ideare la grafica di un sito con tema a piacere e il relativo wireframe
- Creare html e css della homepage e di almeno una pagina interna

