CSS Fogli Di Stile

Test

Verificare e motivare i concetti di pagine responsive.

Verifica: Pagine responsive

autovalutazione: concetti e applicazione.

Come funziona: scegli una risposta per domanda e premi Correggi il test. La correzione include spiegazioni e collegamenti di ripasso. Le risposte non vengono inviate né salvate. Obiettivo consigliato: almeno il 70%, poi ripassa ogni errore.

Domande: 8. Tempo indicativo: 25 minuti. Completa anche le domande aperte dopo il quiz: il punteggio automatico riguarda soltanto le scelte multiple.

Domande aperte

motivazione del risultato: ripasso dell’unità.

Prima rispondi, poi seleziona la domanda per confrontare il ragionamento.

1. Spiega il risultato del laboratorio: Responsive design e viewport ▾
Risposta: Il testo va a capo e il contenitore si adatta senza richiedere un’altezza fissa. Motiva il cambiamento: Il documento completo include il meta viewport. La pagina ha una larghezza fluida con limite massimo e padding incluso.
2. Spiega il risultato del laboratorio: Breakpoint motivati dai contenuti ▾
Risposta: Una soglia troppo bassa può affiancare colonne poco leggibili. Scegli il valore motivato dai contenuti della prova. Motiva il cambiamento: La soglia di 50rem è un punto di partenza da valutare, non una misura universale per ogni pagina.
3. Spiega il risultato del laboratorio: Laboratorio: pagina responsive completa ▾
Risposta: La scheda cresce con il testo, il layout cambia secondo la soglia e il focus rimane percepibile. Motiva il cambiamento: Le regole iniziali funzionano senza affiancamento; la media query introduce tre colonne. Nessun elemento viene nascosto.

Criterio per le risposte aperte: indica gli elementi interessati, la modifica eseguita e il motivo dell’effetto. Una risposta che descrive soltanto un colore o una posizione non dimostra da sola la comprensione.

Indice dell’unità · Indice del corso