nicolabaesso / appuntisimulazionetecweb

Appunti Simulazione TecWeb a.a. 2022/2023

Esame

Vero o falso

Domande vero e falso (2 punti la risposta esatta, -1 la risposta errata, 0 se lasciata nulla).
Ogni risposta dev'essere motivata. Se la motivazione é corretta vengono dati punti in piú. In generale, vengono valutate.

Specifitá

Dire colore e specificitá di piú pezzi di codice, e dire quale "vince".
Considerare tutti i casi, poiché potrebbero esserci dei tag a cui la regola non viene applicata.

Domande aperte

Domande piú generiche, necessitano di una risposta piú ampia. In generale

Tabella accessibile

Creare l'HTML (xHTML o HTML5) della tabella in modo da rendere la tabella accessibile.

Domande simulazione Wooclap

Test esaustivo dell'accessibilitá puó essere fatto in modo automatico (vero/falso)

Falso

Quanto può essere profonda una struttura organizzativa gerarchica? (domanda aperta)

4 o 5, massimo 7

Che cos'è uno schema organizzativo? (domanda aperta)

Uno schema serve per decidere l'organizzazione delle informazioni in un sito web

Scrivi un esempio di schema organizzativo per ognuna delle categorie (domanda aperta)

Schemi organizzativi esatti

Schema cronologico

Schemi organizzativi ambigui

Schema per topic

Che cos'è una struttura organizzativa? (domanda aperta)

Una struttura dove si organizzano i collegamenti tra le varie componenti di un sito

Nascondere, anche solo parzialmente, il contenuto dei menù tramite menù a tendina non è corretto (vero/falso)

Vero

Elencare gli accorgimenti che si devono utilizzare per rendere una tabella accessibile (domanda aperta)

• Dividere head e body (thead, tbody)
• Usare il tag scope con col, row, rowgroup, colgroup (o gli headers quando non si puó usare il tag scope)
• Alternare il colore di righe o colonne
• Scrivere la summary (xHTML) o aria-describedby (HTML5)
• Usare i tag lang e abbr quando necessario
• Non lasciare celle vuote (o almeno evitare)

Qual è la differenza fondamentale tra gli attributi id e class? (completamento)

L'attributo id permette di identificare un solo tag. L'attributo class permette di identificare un gruppo di tag.
Inoltre, un id puó essere utilizzato come link, cosa non possibile con una classe.

Associa ogni schema organizzativo alle proprie affermazioni corrette (scelta multipla)

Schema organizzativo esatto

va bene quando l'utente sa bene cosa sta cercando

Schema organizzativo ambiguo

va bene quando l'utente non ha un'idea precisa di cosa sta cercando

L'ordine cronologico

É uno schema organizzativo esatto

L'organizzazione per topic

É uno schema organizzativo ambiguo

Può collocare un elemento in più di una classe

Schema corganizzativo ambiguo

Colloca ogni elemento in una sola classe

Schema organizzativo esatto

Che cosa sono le convenzioni interne di un sito web e le convenzioni esterne? In cosa differiscono? (domanda aperta)

Convenzioni interne

Le convenzioni interne sono regole che l'utente impara all'interno del nostro sito

Convenzioni esterne

Convenzioni "universalmente riconosciute" es. link non visitati blu e link visitati viola

Differenze

Le convenzioni interne sostituiscono quelle esterne, e non devono essere cambiate una volta definite. Le convenzioni esterne possono essere rotte a patto di avere un tornaconto.

Mettete in ordine di applicazione i seguenti stili CSS (in assenza di clausole !important) (scelta multipla)

In ordine di applicazione (dal primo applicato all'ultimo applicato):

1. Impostazioni di stile predefinite del browser
2. Fogli di stile esterni definiti dall’autore
3. Fogli di stile embedded definiti dall’autore
4. Impostazioni di stile inline definite dall’autore della pagina
5. Impostazioni personali dell’utente

Qual è il numero massimo di voci in un menù? (domanda aperta)

Preferibilmente 7, massimo 10

E' molto importante la separazione tra: (scelta multipla)

Presentazione, struttura e comportamento

Quali sono le tre domande più importanti alle quali devo saper rispondere, pena il fenomeno del disorientamento? (domanda aperta)

• Dove sono?
• Di che cosa di tratta?
• Dove posso andare?

Associa le affermazioni corrette rispetto alla metafora della pesca (scelta multipla)

Tiro perfetto

Gli utenti sanno cosa stanno cercando

Trappola per aragoste

Gli utenti hanno un'idea precisa di cosa stanno cercando ma si aspettano anche di imparare qualcosa durante il processo esplorativo

Pesca con la rete

Gli utenti non hanno un'idea precisa di cosa stanno cercando

Boa di segnalazione

Serve per ritrovare qualcosa di già visualizzato

Gli utenti non lasciano nulla di intentato, ma vogliono esaminare tutto

Pesca con la rete

Questa metafora indica di aiutare gli utenti a raffinare la ricerca

Trappola per aragoste

Il contenuto del tag title deve essere (scelta multipla)

Sempre dal particolare al generale

Il contenuto del tag description influenza il posizionamento in una SERP (V/F)

Falso

Cosa si deve mettere "above the fold"? (domanda aperta)

Le informazioni piú importanti di una pagina

Cosa si intende per Responsive Web? (domanda aperta)

S'intende l'adattamento delle pagine a varie tipologie di schermi, differenti per dimensioni, risoluzione...

Di che colore è il testo all'interno del tag th class="lun" abbr="Lun">Lunedì? (scelta multipla)

Bianco (#fff)

Quali emozioni utilizza l'Emotional Design? (domanda aperta)

• Sorpresa
• Piacere
• Anticipazione
• Esclusivitá
• Ricompensa

Qual è il media più accessibile? (scelta multipla)

Testo