Informatica Generale

Esercitazione 4

In questa esercitazione continuiamo a produrre documenti HTML.

Prima parte: frame e form

Esercizio 1
Costruite una struttura a frame composta da 2 colonne. Nella parte di sinistra inserite un menu con dei link che aprono (nella parte di destra) i documenti HTML creati nelle esercitazioni precedenti. Aggiungete anche un link che dovrà aprire il modulo del prossimo esercizio.

Esercizio 2
Costruite un modulo che contenga dei campi di tipo testo (per il nome e il cognome) e un campo di tipo textarea per inserire un commento.

Inviate il modulo al vostro indirizzo di posta elettronica
```
<form action="mailto: ....." method="post">
```
e osservate come vengono codificati i dati forniti in input.
Provate ad aggiungere l'attributo enctype nel tag form
```
<form enctype="text/plain" action="mailto: ....." method="post">
```
come sono codificati adesso i dati?

Provate infine ad inviare i dati ad un programma remoto

<form action="http://www.disi.unige.it/person/RibaudoM/didattica/infogen/aa0304/risposta.php" method="post">

cosa succede?

Esercizio 3
Cotruite un modulo simile a quello in figura che contiene quasi tutti gli elementi che si possono usare all'inteno del tag <form>.

Seconda parte: fogli di stile

Esercizio 4
Scrivete un foglio di stile che modifichi almeno

Il colore e il font del testo
Le caratteristiche dello sfondo
Le caratteristiche dei link

Riprendete i documenti prodotti nelle esercitazioni precedenti, ripulite il codice HTML di tutti gli aspetti legati allo stile e applicate il foglio di stile che avete appena creato.

Aprite i file HTML con più browser.

Notate differenze?
Lo stile dei link funziona?

Modificate il foglio di stile e ricaricate i documenti. Cosa succede?

Terza parte: validazione

La mia pagina HTML è scritta correttamente?

Il WWW Consortium (w3c) mette a disposizione dei programmi di validazione in linea.

Questi programmi guardano se il codice rispetta lo standard e, se non è così, cercano di capire quanto è grave l'errore.

Non è solo il w3c a offrire questo servizio (però molti richiedono che la pagina sia pubblicata per poterla verificare).

Inoltre non solo la correttezza dell'HTML e del CSS possono essere validate, ma per esempio anche il rispetto delle direttive di accessibilità (vedi Bobby).

Verificate la correttezza del vostro codice.

SUGGERIMENTO: se si ottiene qualche messaggio strano riguardo al doctype, si può aggiungere un paio di righe tipo le seguenti:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Queste vanno messe all'inizio del file e danno al browser (e al validatore) un'indicazione su come interpretare il codice.