Web & Frontend
Corso HTML Completo
Corso da zero per imparare a creare siti in HTML. Vediamo come si interseca tra creazione sito, accessibilità e SEO.
- 15 ore di video
- 111 lezioni
- Principianti
- Certificato finale

Caricando il video accetti che YouTube (Google Ireland Ltd.) imposti cookie e riceva il tuo indirizzo IP e i dati di navigazione. Informativa di Google · La nostra privacy policy
Descrizione del corso
HTML è molto più di un semplice linguaggio di markup: è il fondamento stesso del web moderno. Questo corso ti porterà oltre la semplice sintassi, esplorando come HTML sia cruciale per SEO, accessibilità e performance - competenze sempre più richieste nel mondo dello sviluppo web.
Imparerai a strutturare i contenuti in modo semantico e significativo, un aspetto fondamentale per il posizionamento sui motori di ricerca. Scoprirai come le tue scelte nella struttura HTML possono influenzare drasticamente la visibilità del tuo sito su Google e l'esperienza dei tuoi utenti.
L'accessibilità web non è più un'opzione: è una necessità. Attraverso HTML semantico e best practices, imparerai a creare siti web utilizzabili da tutti, incluse persone con disabilità. Questo non solo amplia il tuo pubblico potenziale, ma è spesso un requisito legale per molti progetti.
Le performance sono un altro aspetto critico: un sito lento può perdere visitatori e conversioni. Ti mostreremo come strutturare il tuo HTML per ottimizzare i tempi di caricamento e migliorare l'esperienza utente, un fattore sempre più importante per il successo di qualsiasi progetto web.
Il corso include esercizi pratici che ti permetteranno di applicare immediatamente quanto appreso, costruendo progressivamente la tua confidenza con HTML. Alla fine del corso, avrai acquisito non solo competenze tecniche, ma anche una comprensione profonda di come HTML si integra nel più ampio ecosistema dello sviluppo web moderno.
Programma
12 moduli · 111 lezioni01Fondamenti di HTML14 lezioni
- Come funziona il Web
- Che cos'è una pagina HTML
- Che cos'è un sito internet
- Cosa sono i motori di ricerca
- Usare un editor di codice
- Shortcut utili per VSCode
- Struttura basica di una pagina HTML
- Gli HTML elementi spiegati
- Elementi Block vs Inline
- Sezione HEAD nel dettaglio
- Headings
- Paragrafi
- Attributo lang sugli elementi
- Esercizio #1
02Formattazione del Testo8 lezioni
- Elementi di formattazione
- Esercizio #2
- Commenti
- Liste puntate e numerate
- Liste Descrittive
- Citazioni
- Altri elementi utili per la formattazione
- Esercizio #3
03Collegamenti Ipertestuali9 lezioni
- Creare link in HTML
- Migliori pratiche per i link
- Percorsi assoluti vs relativi
- Link email e telefono
- Document e text fragment
- Attributo Rel
- Esercizio #4
- Il concetto di menu
- Esercizio #5
04Immagini e Multimedia20 lezioni
- Elemento immagine
- Immagini e Copyright
- Formati delle Immagini
- Immagini e SEO
- Lazy loading
- Immagini come sfondo
- Mapping delle immagini
- Esercizio #6
- Elemento Figure
- Elemento Picture
- Esercizio #7
- Video
- Audio
- Sottotitoli video
- Esercizio #8
- Iframe
- Incorporare video Youtube
- SVG
- Icone
- Esercizio #9
05Tabelle10 lezioni
- Basi delle tabelle
- Header per le tabelle
- Colspan e rowspan
- Col e colgroup
- Esercizio #10
- Elemento Caption
- Struttura di una tabella
- Tabelle innestate
- Tabelle e accessibilità
- Esercizio #11
06Debug del Codice3 lezioni
- Chrome Developer Tool
- Validare Codice HTML
- Esempi di debug
07Form18 lezioni
- Come funzionano i form
- Primo form
- Struttura di un form
- Struttura di un form control
- Input: text, password, email, hidden
- Input: number, tel, range
- Input: datetime
- Input: color, search
- Checkbox
- Radio
- Input file
- Button
- Textarea
- Select
- Datalist
- Progress e meter
- Esercizio #12
- Esercizio #13
08Struttura Pagina Web6 lezioni
- Analisi layout pagine web
- Elementi semantici
- Div e span
- Classi e ID
- Elementi BR e HR
- Esercizio #14
09Responsive Design1 lezioni
- Cos'è il responsive design
10Accessibilità7 lezioni
- Cos'è l'accessibilità
- Regole dell'accessibilità
- Installare screen reader (facoltativo)
- Cos'è WAI-ARIA
- Implementare WAI-ARIA
- Accessibilità file multmediali
- Accessibilità mobile
11Attributi Extra3 lezioni
- Eventi sulla pagina
- Drag and Drop
- Attributi personalizzati
12Concetti Finali12 lezioni
- Minificare codice html
- HTML nelle email
- Esercizio #15 Finale
- Mettere online il sito
- Struttura finale di un sito
- Robots.txt
- Sitemap.xml
- Htaccess
- Cosa sono i CDN
- A cosa serve CSS?
- A cosa serve Javascript?
- Prossimi step da fare?
Requisiti
Necessari
- Conoscenze base di utilizzo del computer