Progettazione E Realizzazione Di Siti Web Lm 2009/2010

Progettazione E Realizzazione Di Siti Web Lm A | Docente: Paolo Sordi

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 che in particolare saranno trattati:

 

•  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 (disponibile su http://www.webstyleguide.com/wsg3/)
• Paolo Sordi, Dove sono? Scrivere un menu di navigazione, in “Scrivere” De Agostini, n. 25, 2007 (disponibile su http://www.ipertesti.it/2008/01/26/dove-sono/)
• Dispense disponibili sul sito del corso (http://webdesign.infolet.it/categoria/progettazione/)

 

---

Progettazione E Realizzazione Di Siti Web Lm B | Docente: Paolo Sordi

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.
•  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 (http://www.icomit.it/pub/2009/02/02sordi.pdf)
• Jeffrey Zeldman, Progettare siti Web standard, Pearson Education Italia, 2007, 2a ed.
• Dispense disponibili sul sito del corso (http://webdesign.infolet.it/categoria/realizzazione/)

---