Sei sulla pagina 1di 2

Terza BS

Verica di informatica − 24 maggio 2021

Nome.................................................. Cognome..................................................

Non si possono consultare appunti e libri.


Esercizio 1. Realizzare due pagine HTML, una con nome index.html e l'al-
tra con nome contatti.html . La prima pagina (index.html ) deve avere come titolo
Verica d'Informatica (nell'head ) e come contenuto (nel body ) il titolo Il mio
negozio online e come sottotitolo  . . . da noi ti conviene!!. Subito dopo, inserire
un paragrafo con la scritta In questo sito troverete tutte le informazioni sul nostro
negozio e le oerte del mese! Queste le nostre caratteristiche:. Poi un elenco pun-
tato con i seguenti dati: ˆAdabilità ˆConvenienza ˆQualità.
Sotto l'elenco puntato inserire un'immagine negozio.jpg (assunta essere nella stes-
sa cartella delle pagine html), e sotto l'immagine inserire la scritta Contatti, con
un collegamento alla pagina contatti.html .
Nella pagina contatti.html inserire il titolo Contatti sia nell'head che nel body, e
subito sotto inserire in una tabella tre righe come di seguito:
Indirizzo Via Gramsci 20, Valmontone (Roma)
Telefono-fax 06 96354679  0695938475
email mionegozio@gmail.com

Subito dopo inserire un link sulla scritta torna alla Home che rimandi alla pagina
index.html .
Esercizio 2. Prendendo in esame la soluzione all' Esercizio 1, creare il codice CSS
che modichi entrambe le pagine colorando di nero lo sfondo dell'intero corpo, di
verde solo la seconda riga della tabella, di blu e della famiglia Arial i caratteri e
allineando l'immagine a destra, con un margine in basso di 2.5em .

Esercizio 3. Segnare la risposta giusta per ogni quesito.

(1) Cos'è il CSS ?


 Un linguaggio in grado di modicare la presentazione e lo stile di una
pagina HTML.
 Un linguaggio di programmazione per la graca.
 Un'estensione per i browser in grado di modicare il contenuto HTML
di una pagina.
 Un linguaggio in grado di modicare il contenuto di una pagina HTML.
(2) Nella progettazione di una pagina HTML, i CSS possono servire a:
 Aumentare la semanticità di una pagina HTML.
 Migliorare il posizionamento del sito all'interno dei motori di ricerca.
 Separare il contenuto HTML dalla presentazione graca del contenuto
stesso.
 Aumentare la velocità di caricamento della pagina HTML.
(3) Se scrivo h1 { color: red; } nel le CSS di una pagina HTML, signica che
tutti i titoli non racchiusi nel tag h1 saranno colorati di rosso.
 Vero.
 Falso.
(4) Tramite la regola CSS font-family possiamo:
 Specicare la grandezza di un carattere.
 Trasformare il testo in grassetto.
 Denire il carattere di un elemento.
 Rendere il testo sottolineato o barrato.

Esercizio 4.
(1) Il testo può comprendere titoli di diversa importanza, ai quali si assegnano
. . . . . . . . . . . . . . . . dierenti. l tag <h1 > e <h n > deniscono i . . . . . . . . . .....,
dove n è un numero intero compreso tra 1 e 6 (il più importante è . . . . . . ..,
il meno importante è h6 ).
(2) Associare a ciascun tipo di documento il nome del tag appropriato:
Paragrafo
A capo
Linea orizzontale
Titolo del body
Gruppo di paragra
Racchiude il corpo della pagina
Racchiude l'intestazione della pagina
In corsivo
In grassetto
Sottolineato
(3) Descrivere l'eetto del seguente codice:
...
<body color=red >
Questo sembra <u><i><b><font color=green>
divertente</font></b></i></u>
</body>
(4) Quale principio di progettazione viola il codice di cui sopra?

Esercizio 5. Considerando il CSS esterno mostrato di seguito:

h1{
f ont − weight : bold;
f ont − size : 14pt;
color : red; }
h2{
f ont − weight : bold;
f ont − size : 12pt;
color : #F F 8000; }
...e registrato nel le stileTitoli.css, scrivere il codice HTML che lo richiama (co-
me?) e che lo utilizza per scrivere i titoli seguenti:
Titolo principale: Classi presenti
Titoli secondari: Biennio e Triennio

Potrebbero piacerti anche