Esercizi di riepilogo (base)

Premessa: il codice di tutti i seguenti esercizi deve contenere:

  1. dichiarazione HTML
  2. titolo nella sezione head

Es. di documento valido:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>My first HTML document</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
	</head>
	<body>
		<h1> Scienze della comunicazione </h1>
		<p>
		Questo documento descrive il corso di laurea.
		<br>
		Il documento è diviso in piu' capitoli.</p>
		<h2> Durata del corso </h2>
		<p>testo</p>
	</body>
</html>				

Il documento deve essere opportunamente indentato.

Esercizio 1

  1. Creare (se non esistente) una cartella in temp con il nome del vostro sito.
  2. Creare nella cartella un documento HTML chiamato a piacere e valido con i seguenti elementi:
    1. sfondo: arancio (trovare il codice esadecimale corrispondente).
    2. colore di base per il testo: blu (utilizzare il nome del colore).
    3. dimensione di base del testo: 3.
    4. titolo nei meta tag.
    5. titolo H1 nel corpo del testo. Una ed una sola parola del titolo deve essere rossa e corsivo.
    6. 1 paragrafo con il font di dimensione invariata.
    7. 1 paragrafo con il font di dimensione maggiore, usando le dimensioni relative.
    8. 1 paragrafo con il font di dimensione minore, usando le dimensioni assolute, di colore verde scuro (trovare il codice esadecimale corrispondente).

Esercizio 2

  1. Creare una struttura del tipo:

struttura cartelle

  1. Inserire 4 immagini .png, .gif o .jpg nella cartella images.
  2. Creare una pagina HTML chiamata index.htm avente come sfondo una delle immagini.
  3. Nel corpo del testo inserire le restanti immegini allineandole a destra e sinistra.
  4. Inserire del testo e provare ad allinearlo alle immagini.

Esercizio 3

Per allineare le liste utilizzre il tag <div> al posto del tag <p>.

Sintassi:

<div align="right">

.....

</div>

  1. Creare un documento HTML chiamato index2.htm all'interno della vostra cartella.
  2. Creare un paragrafo allineato a sinistra.
  3. Creare una lista di definizioni che contenga gli esami del primo anno di Scidecom nei campi DT.
  4. Ogni elemento DD dovrà contenere una lista numerata con un elenco di moduli da sostenere per l'esame (anche fittizio).
  5. Creare un paragrafo allineato al centro.
  6. Creare un paragrafo allineato a destra che contenga una lista .numerata in cui, per ogni punto LI è contenuta una lista puntata.

Esercizio 4

Per questo esercizio è necessario reperire le risorse nel proprio computer o in Internet, copiarle nella propria cartella e rinominarle come indicato dalle specifiche sottostanti rispettando le opportune estensioni.
  1. Creare 2 documenti HTML chiamati index3.htm e index4.htm.
  2. Creare all'interno della cartella del vostro sito:
    1. una cartella doc contenente un file word chiamato "file.doc"
    2. una catella media contenente un file .avi chiamato "filmato.avi"
  3. Nel primo documento deve essere presente una lista puntata contenente i link a 5 sezioni etichettate di index4.htm.
  4. In index4.htm deve essere presente una tavola dei contenuti (indice iniziale) che rimanda alle varie sezioni (paragrafi) e una serie di ancore che rimandano all'inizio della pagina alla fine di ogni sezione.
  5. All'interno dei paragrafi di ogni sezione deve essere presente un'immagine. Le immagini si devono essere di tipo GIF, JPG o PNG e chiamarsi rispettivamente sezione1, sezione2 etc., con la rispettiva estensione.
    1. Nella 1 sezione l'immagine deve avere un link a file.doc.
    2. Nella 2 sezione l'immagine deve avere un link a un sito web.
    3. Nella 3 sezione l'immagine deve avere un link a un inidirizzo e-mail.
    4. Nella 4 sezione l'immagine deve avere un link a index3.htm.
    5. Nella 5 sezione l'immagine deve avere un link a filmato.avi.