Imparare a creare pagine e siti web responsivi e semantici.
Ecco l’obiettivo del mio corso realizzato per Corsi.it
Concetti principali
- Cos’è l’HTML
- Come si scrive in HTML
- Come si imposta la struttura iniziale di una pagina
- Perché e come separare la struttura dalla presentazione
Elementi tradizionali
- Come definire le intestazioni
- Come creare divisioni
- Come creare elenchi puntati o numerati
- Come inserire link
- Come inserire immagini
- Come inserire tabelle
- Come creare un modulo
- Come configurare un modulo
Elementi semantici fondamentali
- Come controllare la sintassi di un documento HTML5
- Come usare l’elemento header
- Come usare l’elemento nav
- Come usare l’elemento section
- Come usare l’elemento article
- Come usare l’elemento aside
- Come usare l’elemento footer
- Cosa e quali sono i content models
Struttura di un documento HTML5
- Cos’è e come gestire la struttura (outline)
- Come creare le sezioni
- Come usare le intestazioni
- Come raggruppare le intestazioni per sovrascrivere il sezionamento
- Come nidificare la struttura
- Cosa sono e come usare gli elementi di sectioning roots
Impostazione di una pagina
- Come organizzare i contenuti
- Come pianificare la struttura
- Come scegliere gli elementi strutturali
- Come controllare l’outline
- Come realizzare la struttura iniziale della pagina
- Come usare gli attributi class e ID
- Come realizzare le intestazioni
- Come creare il blocco di navigazione
- Come realizzare i footer
Raggruppamento dei contenuti
- Come impostare semanticamente le immagini
- Come raggruppare contenuti correlati
- Come raggruppare con i div
- Come gestire le liste
- Come usare correttamente i tag bold e italic
- Come citare contenuto di altri autori
- Come raggruppare informazioni di contatto
Altri elementi
- Come inserire brevi informazioni a margine
- Come indicare la rilevanza di un’informazione
- Come gestire date e orari
- Come applicare link ai blocchi
- Come definire le relazioni tra risorse collegate
- Come definire praticamente le relazioni dei link
Caratteristiche avanzate
- Come disegnare con le API Canvas
- Come inserire un’immagine in un Canvas
- Come tracciare un grafico in un Canvas
- Come inserire i video
- Come inserire un filmato con le API video
- Come funzionano le API di geolocalizzazione
- Come attivare la geolocalizzazione in una pagina
- Come memorizzare dati nel pc con le API Web storage
- Come iniziare a gestire la presentazione con i CSS3
Ti potrebbero interessare anche:
[…] HTML5 […]