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)
PX, REM, EM, VW e VH per il Responsive design
Le unità di misura Nel responsive design le unità di misura: PX, REM, EM, VW e VH hanno un ruolo fondamentale ed è importante capirne le log...
-
Cosa è jQuery? jQuery è una libreria di funzioni (framework) javascript , cross-browser destinata ad applicazioni web ...
-
Le unità di misura Nel responsive design le unità di misura: PX, REM, EM, VW e VH hanno un ruolo fondamentale ed è importante capirne le log...
-
#1 Installa e configura MAMP/XAMPP MAMP/XAMPP permette di creare un server personale in locale. Questo pacchetto include Apache, MySql...