Salta al contenuto
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

Programma

12 moduli · 111 lezioni
01Fondamenti di HTML
  1. Come funziona il Web
  2. Che cos'è una pagina HTML
  3. Che cos'è un sito internet
  4. Cosa sono i motori di ricerca
  5. Usare un editor di codice
  6. Shortcut utili per VSCode
  7. Struttura basica di una pagina HTML
  8. Gli HTML elementi spiegati
  9. Elementi Block vs Inline
  10. Sezione HEAD nel dettaglio
  11. Headings
  12. Paragrafi
  13. Attributo lang sugli elementi
  14. Esercizio #1
02Formattazione del Testo
  1. Elementi di formattazione
  2. Esercizio #2
  3. Commenti
  4. Liste puntate e numerate
  5. Liste Descrittive
  6. Citazioni
  7. Altri elementi utili per la formattazione
  8. Esercizio #3
03Collegamenti Ipertestuali
  1. Creare link in HTML
  2. Migliori pratiche per i link
  3. Percorsi assoluti vs relativi
  4. Link email e telefono
  5. Document e text fragment
  6. Attributo Rel
  7. Esercizio #4
  8. Il concetto di menu
  9. Esercizio #5
04Immagini e Multimedia
  1. Elemento immagine
  2. Immagini e Copyright
  3. Formati delle Immagini
  4. Immagini e SEO
  5. Lazy loading
  6. Immagini come sfondo
  7. Mapping delle immagini
  8. Esercizio #6
  9. Elemento Figure
  10. Elemento Picture
  11. Esercizio #7
  12. Video
  13. Audio
  14. Sottotitoli video
  15. Esercizio #8
  16. Iframe
  17. Incorporare video Youtube
  18. SVG
  19. Icone
  20. Esercizio #9
05Tabelle
  1. Basi delle tabelle
  2. Header per le tabelle
  3. Colspan e rowspan
  4. Col e colgroup
  5. Esercizio #10
  6. Elemento Caption
  7. Struttura di una tabella
  8. Tabelle innestate
  9. Tabelle e accessibilità
  10. Esercizio #11
06Debug del Codice
  1. Chrome Developer Tool
  2. Validare Codice HTML
  3. Esempi di debug
07Form
  1. Come funzionano i form
  2. Primo form
  3. Struttura di un form
  4. Struttura di un form control
  5. Input: text, password, email, hidden
  6. Input: number, tel, range
  7. Input: datetime
  8. Input: color, search
  9. Checkbox
  10. Radio
  11. Input file
  12. Button
  13. Textarea
  14. Select
  15. Datalist
  16. Progress e meter
  17. Esercizio #12
  18. Esercizio #13
08Struttura Pagina Web
  1. Analisi layout pagine web
  2. Elementi semantici
  3. Div e span
  4. Classi e ID
  5. Elementi BR e HR
  6. Esercizio #14
09Responsive Design
  1. Cos'è il responsive design
10Accessibilità
  1. Cos'è l'accessibilità
  2. Regole dell'accessibilità
  3. Installare screen reader (facoltativo)
  4. Cos'è WAI-ARIA
  5. Implementare WAI-ARIA
  6. Accessibilità file multmediali
  7. Accessibilità mobile
11Attributi Extra
  1. Eventi sulla pagina
  2. Drag and Drop
  3. Attributi personalizzati
12Concetti Finali
  1. Minificare codice html
  2. HTML nelle email
  3. Esercizio #15 Finale
  4. Mettere online il sito
  5. Struttura finale di un sito
  6. Robots.txt
  7. Sitemap.xml
  8. Htaccess
  9. Cosa sono i CDN
  10. A cosa serve CSS?
  11. A cosa serve Javascript?
  12. Prossimi step da fare?

Requisiti

Necessari

  • Conoscenze base di utilizzo del computer