Web design

Il corso si propone di formare lo studente attraverso un approccio didattico teorico-pratico volto a ripercorrere il processo di sviluppo di un sito internet, così come si svolge nella realtà: dall'analisi iniziale fino alla fase di pubblicazione online.
Lo studente dovrà analizzare le esigenze del committente, tradurle in proposte progettuali grafiche e impaginati html, con l'utilizzo di dreamweaver e dei CSS, ideare una proposta per la comunicazione ...

In tal modo si vogliono fornire allo studente conoscenze di base e competenze nell'ambito della comunicazione sul web, della progettazione user-centered e della qualità del servizio, nonché abilità relative all'uso di Adobe Dreamweaver e dei fogli di stile come strumenti per la creazione e la modifica di pagine web statiche.

Coerentemente con l'idea di simulare un approccio reale, il momento conclusivo del corso è stato progettato come una presentazione dell'elaborato realizzato (architettura delle informazioni, proposta al committente, progetto grafico e impaginato html...) per offrire un momento di confronto con il reale mercato di riferimento.
Lo studente dovrà mettere in pratica le nozioni e le competenze acquisite, dimostrando un'adeguata preparazione tecnico-operativa, autonomia progettuale ed esecutiva, nonché un adeguato utilizzo degli strumenti informatici.

Il lavoro sarà concepito in modo tale da permettere allo studente di ripercorrere le fasi della progettazione e della realizzazione di un sito internet di piccole dimensioni, così come avviene nella realtà.
Attraverso simulazioni, brainstorming e lavoro individuale si procederà all'elaborazione e alla realizzazione di un progetto individuale fino alla pubblicazione online.

Le lezioni frontali e le esercitazioni di laboratorio saranno finalizzate:
- all'acquisizione delle nozioni generali teoriche/tecniche, indispensabili per il lavoro di progettazione
- alla realizzazione di un layout grafico e alla sua impaginazione in html.


Il “programma” di seguito descritto va inteso come una traccia che verrà sostanzialmente seguita ma si deve tener conto di possibili variazioni dovute alla tipologia di elaborato che verrà eseguito.
Alcune tematiche potranno essere quindi sviluppate o ridotte a seconda dei casi.

PROGRAMMA DIDATTICO
(argomenti principali del corso)

1.Introduzione ad Internet come mezzo di comunicazione
2.Registrazione di un sito internet
3.Progettazione e realizzazione di un sito
a. Le fasi di lavorazione di un sito di piccole, medie e grandi dimensioni: dall'incontro con il cliente alla presentazione di una proposta, dall'idea alla realizzazione del progetto ottimizzato per il web
b. User centered design (UCD) per la realizzazione di siti ad elevata usabilità
c. Credibilità e accessibilità
d. Progettare un sito web statico o dinamico?
e. Architettura delle informazioni
f. Interface design, look & feeel
g. Adobe Dreamweaver e i CSS
4.Eye tracking e comportamento dell'utente
5.Le statistiche del sito
6.La pubblicazione online di un sito internet
7.L'importanza dei social media
8.Esercitazioni pratiche e supervisione individuale dei lavori

TESTI DI RIFERIMENTO

La strategia in pubblicità
Manuale di tecnica multimediale: dai media classici al digitale / Marco Lombardi / Franco Angeli

Web Usability / di Jakob Nielsen / Apogeo

Progettare siti Web Standard
Seconda edizione
Tecniche per il design con xhtml e css / Jeffrey Zeldman / Pearson

CSS - guida completa / Gianluca Troiani / Apogeo


DISPENSE


BIBLIOGRAFIA, LETTURE SUL WEB E UTILITA':

http://www.useit.com/

W3C consortium
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
Tavola dei caratteri ascii

Guida Adobe Photoshop
Guida Adobe Illustrator
Guida Adobe Dreamweaver