lunedì 2 giugno 2014

Web Design Mod. A a.a. 2013/2014

Lezione 1
Introduzione al Design Adattivo per diversi device; progettazzione di wireframe di riferimento ai contenuti direttamente in HTML/CSS; HTML5: Web Design e mark-up semantico; Responsive Design: Layout e compatibilità.
Lezione 2
Introduzione a jQuery, Inclusione di jQuery, jQuery syntax; Introduzione a jQueryUI.
Progettazione e realizzazione di un accordion grafico orizzontale con jQuery.
Lezione 3
jQueryUI: Introduzione ai widget; realizzazione di un accordion verticale (UI); utilizzo del themeroller, personalizzazioni.
jQuery Plugin: Struttura, collocazione, buone prassi, esempi: Colorbox: a jQuery lightbox, jQuery Zoom: a plugin to enlarge images on touch, click, or mouseover; jQuery Picture to add support for responsive images.
Lezione 4
CSS3: Nuovi selettori di attributo, pseudo classi; Web Font ed effetti tipografici; bordi e sfondi; effetti di trasformazione e animazione su box e immagini.
Introduzione ad Initializr per generare un template basato su HTML5 Boilerplate.

Esercitazione finale:
Scrivere un layout adattivo in HTML5/CSS3 per il catalogo presente su: http://www.museoaccessibile.it/gipsoteca/catalogo.html (prendere come riferimento un singolo artista o un piccolo museo) utilizzando:
  1. Colorbox: a jQuery lightbox;
  2. jQuery Zoom: a plugin to enlarge images on touch, click, or mouseover;
  3. jQueryUI: realizzazione di un accordion verticale (UI);
  4. Themeroller, personalizzazioni.

Seguimi tramite Email

Twitter