Strumenti per il Web e Data Management

Docenti

Stefano Bistarelli
- Website: bista.sites.dmi.unipg.it
- Email: stefano.bistarelli@unipg.it
Carlo Taticchi
- Email: carlo.taticchi@unipg.it

Programma del corso

Introduzione
- Introduzione, prerequisiti, libro di testo, modalità d'esame, etc.. capitolo 1 - ese1
Parte 1 (libro: Head First - HTML and CSS - 2nd edition)
- ancore - capitolo 2 - ese2
- quote, liste, nesting, entities - capitolo 3 - ese3
- link su nuova finestra e a sezioni in documento - capitolo 4 - ese4
- immagini, audio e video - capitolo 5 - ese5
- validazione - capitolo 6 - ese6
- introduzione al CSS3 - capitolo 7 - ese7
- fonts e colori - capitolo 8 - ese8
- box model - capitolo 9 - ese9
- div e span - capitolo 10 - ese10
- layout e posizionamento - capitolo 11 - ese11
Parte 2 (libri: Head First - HTML5 Programming, Mobile Web, Web Design)
- sections - HTML5 sections - ese_sections
- layout multicolonna - multi-column_layout - ese_multi-column
- elementi semantici - semantic_elements - ese_semantic-elements
- tabelle - capitolo 13 - ese13
- table layout - table layout - ese_table_layout
- forms - capitolo 14 - ese14
- Google Charts - google charts 1, google charts 2, google charts 4 - ese_chart
- geolocalizzazione con google map - geolocation - ese_geolocation
- google Calendar Slides - ese_GoogleCalendar
- nuove proprietà CSS3 - css3_new_proprieties - ese_css3
- la metafora visiva - the_visual_metaphor - ese_visual-metaphor
- organizzazione del sito - organizing_your_site - ese_organize
- colori - colors
- menu di navigazione - smart_navigation - ese_smart-navigation
- scrivere per il web - writing_for_the_web
- accessibilità - accessibility
- web design - web_design
- siti responsive - mobile_web
Opzionale
- modernizr e normalize - modernizr_and_normalize

Esercizi

esempio_immagini

Esempio Immagini

spunti_magazines

Spunti Magazines

esercizio_olio

Esercizio Olio

esercizio_zapping

Esercizio Zapping

esercizio_column

Esercizio Column

esercizio_nav

Esercizio Nav

esercizio_menu_responsive

Esercizio Menu Responsive

esercizio_menu_responsive

Esercizio Menu Responsive 2

esercizio_menu_dropdown

Menu Responsive con Dropdown

esercizio_crema

Esercizio Crema

esercizio_vacanze

Esercizio Vacanze

esercitazione_carousel

Esercitazione Carousel

esercitazione_responsive

Esercitazione Responsive

esercizio_transition

Esercizio Transition

esercizio_text

Esercizio Text

esercizio_card

Esercizio Card

Esami Svolti