Esercizi HTML

Scrivete,usando il programma Wordpad di Windows95,un qualsiasi testo,salvatelo e provate a leggerlo con Netscape.
Trasferite lo stesso ipertesto su netview.ba.infn.it (la macchina col server) e provate a vederlo con Netscape .Per far questo potete usare lo stesso Netscape con l'url:
```
ftp://http@netview.ba.infn.it/users/default/http/temp/
```
trascinando il vostro file dalla finestra di gestione risorse alla finestra di Netscape.
I comandi HTML
<h1> </h1>
<h2> </h2>
<h3> </h3>
<p>
<i> </i>
permettono gia' di scrivere un articolo completo di titolo,capitoli, paragrafi e firma. Provate a scrivere un breve testo formattandolo in questo modo.
Un ipertesto completo HTML ha la seguente struttura:
<html> <head>
<title> titolo </title>
</head>
<body>
</body> </html>
Inserite il testo scritto prima in questo schema.
Usando i comandi HTML:
<ul> <ol>
<li> elemento della lista
<li> elemento della lista
</ul> </ol>
Scrivete una lista di parole o frasi, magari inserendovi dentro un'altra lista.
Usando il comando:
<a href=URL> scritta in blu </a>
provate a scrivere quelle frasi blu che clickate richiamano un altro documento. Ad es: Oggi sono stato dal mio amico Clinton alla casa bianca.
L'url della casa bianca e' http://www.whitehouse.gov/
Usando il comando:
<img src=URL>
provate a inserire un'immagine nel vostro ipertesto.Ad esempio l'immagine che ha come url: http://www.ba.infn.it/www/ist.gif
Create una lista di elementi usando le immagini che trovate su http://www.ba.infn.it/www/icones/ di nome blueball.gif,redball.gif etc, per distinguere i vari elementi della vostra lista (cioe' non usate i comandi <ol> e <ul> prima visti ma disegnate voi stessi i "pallini" che indicano gli elementi della lista).
Create la vostra personal home page presentandovi alla rete e inserendo una lista di link preferiti.
Decorate la vostra personal home pages usando gli sfondi e i separatori che trovate su: http://www.ba.infn.it/www/icones/
Per costruire una tabella di numeri, parole, immagini o altro bastano i comandi:
<table> (inizia la tabella)
<tr>(inizia una riga)
<td> primo elemento della riga </td>
<td> secondo elemento della riga </td>
- -
<td> ultimo elemento della riga </td>
</tr> (finisce riga)
(eventuali altre righe)
</table>(termina tabella)
Provate a creare una tabella .
Provate a creare un documento con indice iniziale marcando le varie parti del documento col comando <a name=nomeparte >
Uno dei modi migliori di imparare l'HTML e' di guardare i comandi usati nel realizzare una pagina che vi interessa. Per fare questo selezionate Document Source nel menu' View.Per questo esercizio, cercate di riprodurre la struttura di un documento ben fatto trovato in rete, ritagliando e incollando i suoi comandi nel vostro testo. (Consiglio:per facilitare la cosa, salvate prima il documento nella stessa directory dove state lavorando e usate Wordpad per il lavoro di taglia e incolla.)

Inserite un orologio Java nella vostra pagina Web col comando:

<APPLET  
                 CODE=fileapplet.class
                 CODEBASE=Url della directory contenente fileapplet.class
                 WIDTH=larghezza in pixel della finestra dell'applet 
                 HEIGHT=altezza in pixel della finestra dell'applet >
     </APPLET>

Usate l'applet Clock2.class su
http://axpba0.ba.infn.it/%7ezito/ oppure un qualsiasi altro orologio che trovate in rete

Usate il documento:
http://www.ba.infn.it/%7ezito/discussion.html
per comunicare tra di voi. Ad esempio fate a turno delle domande del tipo "Trovate l'immagine di una tartaruga in rete" facendo a gara a chi per primo inserisce nel messaggio di risposta una tale immagine.
Procuratevi una calcolatrice Javascript.Scegliete dal seguente documento: http://www-sci.lib.uci.edu/HSG/RefCalculators.html
Caricate la calcolatrice su disco locale e vedete se funziona ancora aprendola in Netscape con "open file".
INDIETRO a Materiali del corso HTML e Java
Pagina curata da Giuseppe Zito : Giuseppe.Zito@cern.ch
Ultimo aggiornamento: