Home | Search | Help  
Home Page Università di Genova

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
  1. in formato PDF, 2 diapositive per pagina (circa 550 KB)
  2. in formato PDF, 3 diapositive per pagina, con spazio per le note (circa 550 KB)
  3. in formato PDF, 6 diapositive per pagina (circa 545 KB)
Esempi JavaScript
Istruzioni JavaScript per gli "effetti speciali"
  1. Roll over
    Guarda e copia il file sorgente per riottenere lo stesso effetto cambiando
    1. il nome del file dell'immagine
    2. il valore dell'attributo name nel tag <img> e nelle istruzioni JavaScript (in modo consistente)
  2. Apertura di una nuova finestra
    Puoi salvare il file HTML e riutilizzare l'istruzione di apertura di una nuova finestra cambiando ovviamente
    1. il nome del file da aprire nella nuova finestra
    2. le dimensioni della finestra, che dipenderanno dal file che vuoi aprire
  3. 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)
  1. 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:
    1. un campo per il nome dell'utente
    2. un campo per il cognome dell'utente
    3. un campo per l'indirizzo di posta elettronica
    4. ...
    5. un'area per richiedere dei suggerimenti/commenti sul vostro sito
    6. ...
    7. 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
    1. inviati per e-mail, se nell'intestazione del modulo è specificato un indirizzo di posta elettronica
    2. 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 ...

  2. 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
  1. Manuale di HTML on line (in italiano)
  2. Il sito del W3C (... il W3C è il consorzio dove si decide il "futuro" del Web).
  3. Potete anche scaricarvi questi appunti su HTML oppure cercare on line; tutte le informazioni su HTML si trovano in rete


torna alla lezione precedente
torna alla prima pagina del corso
vai alla prossima lezione