Conoscenza digitale in ambito storico-artistico
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 3jQueryUI: 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 4CSS3: 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.
- Colorbox: a jQuery lightbox;
- jQuery Zoom: a plugin to enlarge images on touch, click, or mouseover;
- jQueryUI: realizzazione di un accordion verticale (UI);
- Themeroller, personalizzazioni.
Iscriviti a:
Post (Atom)
Cos’è jQuery, inclusione e sintassi base
Cosa è jQuery? jQuery è una libreria di funzioni (framework) javascript , cross-browser destinata ad applicazioni web ...

-
Cosa è jQuery? jQuery è una libreria di funzioni (framework) javascript , cross-browser destinata ad applicazioni web ...
-
XERTE strumento per la creazione di Learning Object SCORM Lo SCORM - "Shareable Content Object Reference Model" (Modello di ...
-
Cosa è l'HTML L’ HTML è un linguaggio di mark-up e serve a descrivere la struttura gerarchica di un documento. Lo fa utilizzando dei t...
