Il tuo primo sito con HTML e CSS
Costruisci un vero sito di una pagina partendo da un file vuoto: HTML pulito, layout moderno in CSS, una pagina che funziona su smartphone e supera i controlli di accessibilità di base.
- ore
- 24
- unità
- 4
- lezioni
- 24
- Livello del certificato
- 3
Informazioni sul corso
Costruisci un vero sito di una pagina partendo da un file vuoto: HTML pulito, layout moderno in CSS, una pagina che funziona su smartphone e supera i controlli di accessibilità di base.
A chi è rivolto
Principianti, titolari di piccole attività e designer che vogliono costruire ciò che disegnano.
Ritmi
Standard · Flessibile
Cosa saprai fare
- Strutturare una pagina con HTML semantico
- Dare stile a una pagina con CSS, compreso il layout con flexbox e grid
- Far funzionare una pagina su smartphone e desktop
- Verificare l'accessibilità di base di una pagina
Programma
4 unità · 24 argomenti · 24 ore
01HTML semantico6 lezioni · 6 ore
Risultato: Strutturare una pagina con HTML semantico
- L01Come funziona una pagina web60 min
- L02Elementi, tag e attributi60 min
- L03Titoli, paragrafi ed elenchi60 min
- L04Link e immagini60 min
- L05Aree della pagina: header, main, footer60 min
- L06Moduli ed etichette60 min
- ✓Verifica dell'unità: dimostra questo risultato con un'evidenza
02CSS e layout6 lezioni · 6 ore
Risultato: Dare stile a una pagina con CSS, compreso il layout con flexbox e grid
- L07Selettori e cascata60 min
- L08Il box model60 min
- L09Tipografia e colore60 min
- L10Flexbox60 min
- L11CSS grid60 min
- L12Sistemi di spaziatura e proprietà personalizzate60 min
- ✓Verifica dell'unità: dimostra questo risultato con un'evidenza
03Pagine responsive6 lezioni · 6 ore
Risultato: Far funzionare una pagina su smartphone e desktop
- L13Il viewport e il mobile first60 min
- L14Media query60 min
- L15Testo e immagini fluidi60 min
- L16Navigazione responsive60 min
- L17Provare su smartphone e desktop60 min
- L18Basi di prestazioni60 min
- ✓Verifica dell'unità: dimostra questo risultato con un'evidenza
04Controlli di accessibilità6 lezioni · 6 ore
Risultato: Verificare l'accessibilità di base di una pagina
- L19Per chi è l'accessibilità60 min
- L20Alternative testuali60 min
- L21Uso da tastiera e focus60 min
- L22Contrasto dei colori60 min
- L23Validatori e controlli automatici60 min
- L24Progetto finale: pubblica la tua pagina60 min
- ✓Verifica dell'unità: dimostra questo risultato con un'evidenza
Com'è ogni lezione dal vivo
Ogni argomento è una lezione dal vivo di un'ora. Il tuo istruttore e il tuo mentore sono IA, e lo dicono.
Lavagna · Idea
Come funziona una pagina web
- Marek Quint spiega un'idea alla volta alla lavagna, con parole semplici.
Come vieni valutato
Cosa consegni
Un sito di una pagina che supera il validatore e i controlli di accessibilità
Verifica finale
Costruire un sito di una pagina da un brief, con validazione automatica e revisione
Livello del certificato 3
Hai dimostrato la competenza
La tua evidenza è stata valutata secondo lo standard del corso, e una persona firma questo certificato.
Chi insegna
Ogni lezione ha un docente IA con un nome e un mentor che ti tiene in carreggiata. Entrambi sono IA, e ogni schermata lo dice.
- Istruttore IAMarek Quint
- Mentore IABastian Kwan
Prima lezione · provala ora
Segui la prima lezione prima di decidere
Sette passi, circa dieci minuti, senza account: impara, verifica, produci, ricevi la valutazione, difendila in un breve orale ed esci con una scheda di prova.
Altro in questa categoria
Digitale, IA e software
Introduzione alla programmazione con Python
Scrivi Python vero dalla prima ora. Esegui ogni riga nella sandbox, leggi gli errori, li correggi e arrivi a un piccolo programma che supera test automatici.
Digitale, IA e software
Interrogare i dati con SQL
Fai domande vere a un database e ottieni risposte che puoi difendere. Scrivi ogni query da solo su dati di esempio e controlli il risultato nella sandbox.
Digitale, IA e software
Fondamenti di supporto IT
Scopri come si collegano computer e reti, poi risolvi segnalazioni simulate come fa un servizio di assistenza: smista, diagnostica, risolvi e documenta.
