Esercizi di scrittura di pagine di HTML dinamico

  1. Create per queste immagini di Bari una specie di slide show utilizzando Javascript. Guardate questo esempio.
  2. Trovate in rete un orologio Javascript digitale realizzato per mezzo di immagini di numeri che cambiano in continuazione(come un contachilometri) invece che con un semplice testo. Caricatelo in una vostra pagina Web.
  3. Scrivete un documento che dia un diverso messaggio di benvenuto a seconda dell'ora e del giorno.
  4. Createvi un generatore di citazioni a caso da un testo. Prendete un testo qualsiasi dalla rete (ad esempio un pezzo della Divina Commedia).
  5. Nel mastermind numerico viene chiesto di indovinare un numero di 5 cifre. A ogni tentativo si danno il numero delle cifre al posto giusto e il numero delle cifre al posto sbagliato. (Variante piu' difficile: calcolate anche il tempo).
  6. Realizzate un mastermind classico con piolini colorati.
  7. Una delle cose piu' facili da realizzare in Javascript sono le immagini che cambiano quando il mouse passa sopra. Prendete le 2 immagini che si alternano da un qualsiasi documento in rete. Quando il mouse va via dovrebbe ritornare la vecchia immagine.
  8. La maniera piu' semplice per avere dei dati di ingresso dal lettore e' attraverso l'istruzione:
     var x = prompt("domanda","valore predefinito")
    . Scrivete un documento che chiede in questo modo il valore di 2 numeri e ne scrive la somma nello stesso documento.
  9. Se voi scrivete un nome nel modulo che segue vi viene ritornata una tabella gia' pronta per fare ricerche. Questa tabella e' realizzata con uno script in Perl. Provate a realizzare la stessa cosa in Javascript.
    Cognome
    Nome
  10. Scrivete un Javascript che accetta un testo (anche lungo) in una TEXTAREA e lo trasforma in modo da avere tutte le parole cliccabili con un link ad Altavista con ricerca della parola stessa. Questo dovrebbe facilitare le ricerche su un argomento.
  11. Quando inserite un'immagine di background o cambiate il colore di sfondo in un HTML, di solito occorre cambiare anche i colori del testo e dei link in modo che risultino visibili. Create una pagina con Javascript che permette di fare degli esperimenti consentendo di cambiare in maniera interattiva attraverso un modulo,l'immagine o il colore di sfondo e i colori del testo normale e dei link.
  12. Scrivete un documento che ogni volta che e' ricaricato ha colori differenti per sfondo e testo.
  13. Create un generatore di anagrammi che richiede una parola e ne genera tutti i possibili anagrammi.
  14. Scrivete uno "slideshow" di siti Web(non immagini!) che mostra i siti in maniera automatica.
  15. Scrivete un documento che faccia l'oroscopo del lettore dopo avergli richiesto il segno zodiacale.
  16. Realizzate un test con domande a risposta multipla che permetta al lettore di controllare se ha capito un certo argomento(ad. es dopo aver letto un documento).
  17. Scrivete un documento che fornisca il seguente servizio al lettore:gli deve creare uno slide show di immagini dalla rete manipolato con un telecomando contenente come minimo le frecce avanti e indietro. Il risultato finira' in una TEXTAREA che il lettore copiera' nel proprio documento per generare lo show.
  18. Scrivete un HTML dinamico che anima una scritta facendola muovere nel documento oppure facendole cambiare colore.
  19. Scrivete un'HTML dinamico che anima un'immagine facendola muovere oppure facendola crescere o rimpicciolire.

INDIETRO a Seminario su HTML dinamico
Maintained by Giuseppe Zito: Giuseppe.Zito@cern.ch.Last revised : .