Modulo A
Il modulo illustra l’innovatività del World Wide Web come nuovo media e nuova piattaforma operativa (con particolare riferimento al Web 2.0) e, attraverso la costante analisi di casi di studio reali, pone le basi teoriche e concettuali per la progettazione di un sito web coerente dal punto di vista formale e usabile dal punto di vista funzionale.
Tra gli argomenti:
- Il mezzo – Fondamenta del World Wide Web. Il Web 2.0. L’ipertesto. Sistemi operativi, browser, connessioni. Analisi dei dati di accesso al sito.
- I contenuti – Individuazione e analisi dei contenuti. Architettura dell’informazione. Dalla tassonomia alla folksonomy. Presentare l’architettura.
- L’interfaccia – Dalla stampa al web. Coerenza dell’interfaccia. Scrivere per il Web. Leggibilità, usabilità e accessibilità. Progettare la navigazione.
- La pagina – La madre di tutte le pagine: l’home page. Gerarchia visuale delle informazioni. Intestazioni, corpo e pié di pagina. Impaginazione: layout fisso e layout flessibile.
Bibliografia
- Steve Krug, Don’t Make Me Think, Hops, 2006, 2a ed.; in alternativa: Patrick Lynch e Sarah Horton, Web Style Guide, 3a ed., capp. 1-6
- Paolo Sordi, Dove sono? Scrivere un menu di navigazione, in “Scrivere” De Agostini, n. 25, 2007
- Slide e appunti delle lezioni
Valutazione
Prova scritta con domande a risposta chiusa e aperta.
Lezioni
Il martedì e il giovedì dalle ore 17 alle ore 19, aula P12.
Modulo B
Il modulo fornisce un quadro completo delle tecniche di sviluppo di un sito internet attraverso la spiegazione e l’utilizzo sul campo dei linguaggi standard del Web, con particolare riferimento a (X)HTML, CSS e Javascript.
Tra gli argomenti:
- La struttura – HTML semantico. Extended Hypertext Markup Language (XHTML). Microformati. Tag standard e tag deprecati. Meta-tag.
- La presentazione – Cascading Style Sheets (CSS): dare stile ai contenuti. Impaginazione. Tipografia. Controllo dei contenuti con i fogli di stile. Supporti diversi, versioni diverse: i CSS per la stampa.
- Multimedia – Le immagini: i colori “web-safe”; GIF, JPEG, PNG: il formato giusto per l’immagine giusta. Audio e video: streaming, download e progressive download.
- Mettere tutto insieme – Costruire un tema di un blog
Bibliografia
- Paolo Sordi, HTML5: il futuro della lingua franca del Web, in Comunicazione digitale, 2, 2009
- Jeffrey Zeldman, Progettare siti Web standard, Pearson Education Italia, 2007, 2a ed.
- Slide e appunti delle lezioni
Valutazione
Prova scritta con domande a risposta chiusa e aperta.
Ultimo aggiornamento: 9 marzo 2010
