Esercizi su HTML

La consegna degli esercizi avverra' tramite il portale di e-learning. Se non avete un computer a casa potete usare quelli dell'aula informatica di Facolta', e salvare i risultati intermedi facendo l'upload sul portale di e-learning di uno zip file (contenete tutti i file su cui state lavorando).

Se avete difficolta' a fare gli esercizi o anche ad usare il computer, non scoraggiatevi! il Docente sara' a vostra disposizione per aiutarvi. Ovviamente, potete chiedere anche aiuto a vostri colleghi che hanno piu' dimestichezza con il computer.

Possono esservi utili il Manuale di HTML on line e le informazioni disponibili alle seguenti pagine (di lezioni ed esercitazioni in laboratorio): Lezione 3, Lezione 4, Lezione 5, Lezione 6, Lezione 8.

Esercizio: pagina personale

Produrre una pagina personale, che dovrebbe contenere almeno

una foto (mettete la URL di una foto che trovate in rete)
un vostro recapito
alcuni dati su di voi, p.e.: dati anagrafici, curriculum degli studi, interessi personali

Potete ispirarvi a pagine personali che trovate in rete, per esempio le PAGINE PERSONALI degli afferenti al DISI e le FOTO degli afferenti al DISI. Oppure trovarne altre usando un motore di ricerca, p.e. GOOGLE.

In questo esercizio dovreste usare tutti i tag visti nella Lezione 3.

Esercizio: portale

Produrre un portale su argomento a vostra scelta, in cui dovete fare uso dei frame visti nella Lezione 5. Possibili esempi di portali sono:

portali a carattere ambientale, alcuni riportati in Lezione 6
portali universitari, in genere i loro indirizzi sono della forma http://www.uni??.it/, altrimenti potete trovarli al sito CINECA.
i portali di testate giornalistiche, p.e. Repubblica.

Lo scopo del portare dovrebbe essere di agevolare l'accesso ad informazioni su un certo argomento. Vi consiglio di reperire i contenuti in rete, evitando di scrivere direttamente voi i contenuti.

Alcuni Consiglio

EDITOR. Per creare un file html dovete usare un editor testuale (si consiglia notepad) e salvarlo con estensione html
MAIUSCOLE/minuscole. WINDOWS non distingue tra minuscole e maiuscole nei nomi dei file (e HTML fa lo stesso con i nomi dei tag). Evitate di fare affidamento su queste ambiguita', poiche possono creare problemi se quando i file vengono messi in rete.
URL. In un documento X.html ci sono vari modi di specificare dove si trova un'altro documento Y (non necessariamente html) su un server (che puo' essere diverso da quello su cui si trova X.html)
- ASSOLUTO, cioe' "protocollo://indirizzo server/pathname di Y"
- RELATIVO AL SERVER, cioe' "/pathname di Y", in questo caso X e Y devono essere sullo stesso server
- RELATIVO ALLA DIRECTORY, cioe' "pathname relativo di Y", in questo caso X e Y devono essere sullo stesso server e "/pathname di Y" deve essere della forma "/directory di X/pathname relativo di Y"
  questo e' possibile perche in molti server i documenti sono organizzati in una struttura ad albero, e "/pathname di Y" dice come raggiungere Y a partire dalla radice dell'albero.
La scelta della modalita' e' importante quando i documenti X (ed eventualmente Y) devono essere spostati. La modalita' ASSOLUTA va bene se si sposta X ma non Y, quella RELATIVA AL SERVER va bene se si sposta X ma rimanendo sullo stesso server (mentre Y rimane fermo), quella RELATIVA ALLA DIRECTORY va bene se X ed Y stanno nella stessa directory D e si puo' spostare tutto D (anche su un altro server).
BROWSER. E' consigliabile controllare con un browser che il file html che avete creato e' "corretto". Ci sono alcuni errori che pero' non potete osservare
1. quelli dovuti a confusione tra maiuscole e minuscole nei nomi dei files
2. quelli dovuti all'uso "improprio" di URL assolute per file locali
```
C:\...
```
  (questi problemi potete osservarli spostando la cartella con i file html che avete prodotto).
PARENTESIZAZIONE SCORRETTA DEI TAG. esempi tipici sono dimenticarsi di chiudere un tag, o chiudere lo troppo presto, p.e.
```
TAG1 ... TAG2 ... /TAG1 ... /TAG2
```
METODOLOGIA. Quando si affrontano problemi non banali (p.e. produrre un buon documento html) e' consigliabile prendere esempio dal lavoro di altri (se lo hanno fatto bene) COPIANDO e ADATTANDO alle vostre esigenze, procedere per RAFFINAMENTI SUCCESSIVI
1. prima le cose importanti, la struttura logica del documento
2. poi i contenuti
3. infine i dettagli di formattazione, solo in quest'ultimo caso puo' essere utile usare attributi per i tag HTML