Corso di Laurea Magistrale in Arti Visive e Moda

Web Design

https://sites.google.com/a/iuav.it/smhomepage/stefano-mazzantis-home-page/web-design

Docente: Stefano Mazzanti - mazzanti@iuav.it

Codice Teams lezioni online: f7g40jz

Programma

Internet, il protocollo TCP/IP e il modello client-server. Il web, servizio di Internet per la condivisione distribuita di informazioni multimediali. Linguaggi a marcatori: HTML e XHTML. I fogli di stile CSS. Griglie CSS. Responsive web design.

La gestione di un progetto web: acquisizione dei requisiti e dell'audience di un sito, acquisizione e classificazione dei contenuti, progetto del sistema di navigazione, progetto della struttura e del layout delle pagine, progetto tipografico. La documentazione di un sito: schizzi, wireframe, mockup e style tile.

Programmazione lato client con JavaScript. Lineamenti della sintassi JS, il DOM, la gestione degli eventi. Buone pratiche di programmazione: graceful degradation/progressive enhancement, JavaScript non invasivo, backward compatibility. Controllo degli stili CSS con JavaScript. Animazioni. La libreria jQuery. Il framework Bootstrap..

Avvisi

NEW Le lezioni dell'A.A. 2020-21 si svolgeranno in modalità mista e si terranno il lunedì dalle 16.00 alle 19.00 e il martedì dalle 15.00 alle 17.00 in aula A che ha una capienza di 42 posti. Le lezioni saranno trasmesse in diretta sul canale Teams del corso.

Bibliografia

• • J. Keith, HTML5 for Web Designers, A Book Apart, 2010.

  • D. Cederholm, CSS3 for Web Designers, A Book Apart, 2010, D. Cederholm, Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with HTML5 and CSS3, third Edition, New Riders 2011.

  • K. J. Grant, CSS in depth, Manning, 2018.

  • J. Keith, DOM Scripting, Web design with JavaScript and the Document Object Model, friends of ED, 2005 Home page del libro.

  • C. Heilmann, Beginning JavaScript with DOM Scripting and Ajax - From Novice to Professional, Apress, 2006 Home page del libro Anteprima del libro su Google books.

  • J. Resig, B. Bibeault, and J. Maras, Secrets of the JavaScript Ninja, Second Edition, Manning, 2016.

  • B. Bibeault, Y. Katz, and A. De Rosa, jQuery in Action, Third Edition, Manning, 2015.

  • S. Krug, Don't Make Me Think, Revisited : A Common Sense Approach to Web Usability. Third edition 2014.

  • P. Lynch, and S. Horton, Web Style Guide, Foundations of user experience design, 4th edition New Haven: Yale University Press, 2016 link alla versione online della terza edizione .

  • J. Robbins, Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics, 5 th ed. O'Reilly Media, 2018 .

Altri riferimenti

• D. Raggett, Introduzione a HTML

• w3schools

  • Appunti del corso di David P. Heitmeyer, Fundamentals of Website Development, Harvard University Extension School

• Sito W3C

• HTML5 on the rocks

• Manuale di Riferimento CSS 2.1 di CulturedCode

• alistapart.com

Strumenti software

Per le esercitazioni useremo brackets, ma potete usare un semplice editor HTML/CSS/JavaScript qualsiasi, ad esempio NotePad++ (per Windows e anche per MacOS X e Linux in emulazione Windows, usando Wine, VirtualBox, etc.) oppure TacoHTML (MacOS X, 30 giorno free trial). Un comodo e facile editor on line, utile per verificare pezzi di codice, è codepen. Sono disponibili e scaricabili gratuitamente degli editor visuali come Amaya (free, disponibile per tutte le piattaforme) , Kompozer, Aptana Studio, etc. Infine, se lo avete a disposizione, potete usare il leader di mercato, Dreamweaver.