Il linguaggio HTML (continua)
|
Argomento della lezione
Continua la descrizione del linguaggio HTML e vedremo
alcuni tag più complessi che permettono di suddividire la
finestra del browser in più parti (frame), di associare
ad una immagine più link (image map), di realizzare
dei moduli per richedere dei valori in input dal visitatore del sito
(form).
Senza entrare nei dettagli, vedremo anche le istruzioni JavaScript che permettono
di ottenere alcuni effetti speciali: roll over delle immagini,
apertura di una nuova finestra, data dell'ultima modifica.
Questi effetti richiedono l'inserimento nelle pagine HTML di alcune istruzioni
JavaScript; tuttavia, una volta capito come modificare le istruzioni, queste
possono essere facilmente riutilizzate anche senza conoscere i dettagli del
linguaggio.
Infine, ricordate che browser diversi interpretano alcuni
tag del linguaggio HTML in modo diverso, ed è pertanto una buona regola
controllare l'aspetto dell'ipertesto almeno sui browser principali
(Microsoft Internet Explorer, Netscape Navigator, Opera).
|
|
Materiale scaricabile
Lucidi della lezione
- in formato PDF, 2 diapositive per pagina (circa 550 KB)
- in formato PDF, 3 diapositive per pagina, con spazio
per le note (circa 550 KB)
- in formato PDF, 6 diapositive per pagina (circa 545 KB)
|
Esempi JavaScript
Istruzioni JavaScript per gli "effetti speciali"
- Roll
over
Guarda e copia il file sorgente per riottenere lo stesso effetto cambiando
- il nome del file dell'immagine
- il valore dell'attributo name nel tag <img> e nelle istruzioni
JavaScript (in modo consistente)
- Apertura di
una nuova finestra
Puoi salvare il file HTML e riutilizzare l'istruzione di apertura di una nuova
finestra cambiando ovviamente
- il nome del file da aprire nella nuova finestra
- le dimensioni della finestra, che dipenderanno dal file che vuoi aprire
- Data
dell'ultima modifica
Copia l'istruzione JavaScript nel file modifica.html che permette di visualizzare
nel browser la data di ultima modifica. Attenzione: molto probabilmente vedrete
la data del 1 gennaio 1970 come data di ultima modifica. La stessa istruzione eseguita su
un file salvato in locale funziona perfettamente ...
|
Esercizi (sui moduli)
- Preparate un file HTML contenente dei campi di testo, dei pulsanti di tipo
radio o check box, un'area per contenere un commento da parte dell'utente.
Ad esempio, potete inserire:
- un campo per il nome dell'utente
- un campo per il cognome dell'utente
- un campo per l'indirizzo di posta elettronica
- ...
- un'area per richiedere dei suggerimenti/commenti sul vostro sito
- ...
- ovviamente non dovrà mancare il pulsante per l'invio del
modulo
Quando l'utente, dopo aver compilato il modulo, preme sul pulsante di
invio, i dati in esso inseriti vengono
- inviati per e-mail, se nell'intestazione del modulo è
specificato un indirizzo di posta elettronica
- inviati ad un opportuno programma che si trova su un server web
Provate a modificare l'intestazione del vostro modulo inserendo
il seguente codice HTML
<form action="http://www.educ.disi.unige.it/ribaudo/risposta.asp" method="post" >
e guardate cosa succede. Di fatto avete richiesto l'esecuzione di un programma remoto,
(risposta.asp) residente su un server web (www.educ.disi.unige.it). Questo programma, letti i
dati inviati mediante il vostro modulo, ve li rispedisce immediatamente indietro. Di solito
i programmi residenti sui server web eseguono delle computazioni più complesse
con i dati che vengono inviati mediante moduli, ma il meccanismo di interazione
rimane lo stesso. Si parla di interazione client/server: il browser è
il client, il calcolatore su cui risiede il programma eseguito in remoto è
il server ...
- Scrivete il codice HTML per la compilazione di un questionario
on line. Pensate ad alcune domande che ammettono risposta singola e
create dei radio button con le risposte (se avete domande a risposta multipla,
ricordate di usare i pulsanti di tipo check box)
|
Libro consigliato per questa parte
Tiziano Daniotti, HTML 4.0 Flash, Apogeo
Altre risorse
- Manuale di HTML on line (in italiano)
-
Il sito del W3C
(... il W3C è il consorzio dove si decide il "futuro" del Web).
-
Potete anche scaricarvi questi appunti
su HTML oppure cercare on line; tutte le informazioni su HTML si trovano
in rete
|
|
|