- Introduzione
- Come funziona un browser
- Lo standard HTML
- Come è fatta una pagina HTML
- Le estensioni dei file e le impostazioni del browser
- I TAG HTML
- I commenti
- Struttura della pagina
- Da HTML4 a HTML5
- La sintassi di HTML5
- Gli attributi globali
- La strutturazione semantica dei contenuti
- Elementi strutturali e semantici
- Header
- Footer
- Section
- Article
- Nav
- Aside
- Hgroup
- Mark
- Time, pubdate e datetime
- Meter
- Progress
- Altri tag
- L’HTML e i fogli di stile
- Separare il layout dal contenuto
- Gli elementi HTML e i fogli di stile
- Il testo in un documento HTML
- Titoli, paragrafi e blocchi di testo
- Gli elenchi nell’HTML
- Modificare lo stile, il font e il colore
- I Link
- I link e l’ipertestualità
- I Percorsi relativi e assoluti
- I link interni o ancore
- Gli attributi dei link
- Le immagini
- Inserire le immagini
- Disporre le immagini in un contesto
- Le tabelle
- Struttura di base
- Creare gruppi di righe
- Raggruppare celle con rowspan e colspan
- Annidare tabelle
- 2I Moduli (forms)
- Struttura del tag form
- Raggruppare i moduli
- Il tag Input
- I bottoni
- Inserire testo (campo testo, textarea, password)
- Consentire delle scelte (checkbox, radio, select)
- Altri campi (file e hidden)
- Attributi HTML5 per i form
- Attributi per la validazione dei form
- Le datalist
- I microdati
- l’importanza dei microdati
- Come definire contenuti semantici tramite i microdati
- Gestire Audio e Video
- Come incorporare Audio e Video in modo nativo
- Gli attributi per i tag Audio e Video
- Compatibilità
- Supporto sui browser per HTML5
- Feature detection e strategie di fallback
- CSS3
- I CSS e i documenti HTML
- Introduzione
- Classificazione degli elementi HTML e albero del DOM
- Come è fatto un CSS: regole, proprietà, commenti
- Valori e unità di misura nei CSS
- Inserire i fogli di stile in un documento
- L’attributo media e i tipi di media
- Dai CSS2 ai CSS3: cosa cambia nella specifica
- Selettori e pseudo-elementi
- I selettori CSS di base: universale, di tipo, id, classi
- I selettori combinati o di relazione
- I selettori di attributo
- Le pseudo-classi e pseudo-classi strutturali
- Pseudo-classi per la validazione
- Gli pseudo-elementi
- Ereditarietà, cascata, conflitti tra gli stili
- Il Box Model: impostare la struttura della pagina
- Il box model
- Impostare l’altezza con i CSS (height e overflow)
- Impostare la larghezza con i CSS (width)
- Overflow-x e overflow-y
- Box-sizing
- Layout multicolonna
- Flexible box layout
- Le proprietà di base
- Margin: gestire i margini con i CSS
- Padding: gestire gli spazi attorno agli elementi con i CSS
- Colore
- Opacity
- Colore RGBa
- Colore HSLa
- Bordi
- Border-radius
- Border-image
- Box-shadow
- Sfondi
- Sfondi multipli
- Background-clip
- Background-origin
- Background-size
- Gradienti come immagini di sfondo
- Testi ed elementi tipografici
- Proprietà di base
- Maiuscoletto, indentazione, spazi
- Web fonts con @font-face
- Word-wrap
- Text-shadow
- Impostare la presentazione delle liste con i CSS
- Impostare la presentazione delle tabelle con i CSS
- Modello visuale e posizione degli elementi nella pagina
- Display: impostare la presentazione di un elemento
- Float e clear
- Posizionare gli elementi con i CSS
- Impostare la posizione degli elementi
- Z-index, visibility, clip
- Altre Proprietà
- Modificare l’aspetto del cursore con i CSS
- Le @-rules
- CSS per la stampa di documenti
- Media queries
- CSS Media queries: le basi
- CSS Media queries: caratteristiche dei media
- Transizioni, trasformazioni, animazioni
- Transizioni CSS3
- Trasformazioni CSS3
- Animazioni CSS3
- Compatibilità
- Supporto sui browser per il CSS3
- CSS per Internet Explorer
- Responsive Web Design
- Introduzione al ‘responsive design’
- Cos’è il responsive design
- Content first vs mobile first
- Definire i breakpoints con le media queries
- Contenuti e breakpoint