evoluzione dall'Html 3.0 (prima introduzione dello stile e degli script client-side)

comandi implementati in modo differente dai diversi browser

introduzione di alcuni comandi non completamente supportati

Il bordo dei frame

Relazioni tra documenti

Programmi dentro l'html

IL BORDO DEI FRAME

Sono previsti tre nuovi attributi del comando FRAMESET

<FRAMESET FRAMEBORDER="yes|no">

mostra o nasconde il bordo del frame

Frame senza bordo

N.B. se il contenuto del frame ha dimensioni maggiori della cella viene visualizzata la barra di scorrimento: per impedirlo si utilizza scrolling=no

<FRAMESET BORDERCOLOR="#rrggbb">

modifica il colore del bordo del frame

Bordo rosso

<FRAMESET BORDER=?>

modifica la dimensione del bordo del frame

Bordo spesso (25)

RELAZIONI TRA DOCUMENTI

All'interno del comando HEAD è possibile indicare alcune relazioni tra documenti esterni e quello attuale.

< LINK HREF="indirizzo del documento" REL|REV="tipo di relazione"> dove

indirizzo del documento indica la posizione in cui si trova il documento cui fare riferimento

REL indica una relazione normale col documento specificato

REV indica una relazione inversa col documento specificato

         N.B. se A è in relazione REL con B, B è in relazione REV con A

tipo di relazione esplicita il legame che intercorre tra i due documenti

relazione	significato	note
stylesheet	stile del documento	per uniformare lo stile del sito e agevolarne le modifiche
home	pagina di partenza del sito	per ritrovare le pagine di partenza del documento
toc	pagina dei contenuti
index	indice	diverso dalla TOC (ad es. in ordine alfabetico)
glossary	glossario
copyright	pagina con le informazioni di copyright
up	documento "sopra" l'attuale	per muoversi agevolmente attraverso le pagine ipertestuali
next	documento successivo
previous	documento precedente
help	pagina di help	se il documento richiede spiegazioni (ad es. form da compilare)
made	informazioni sull'autore	attributo di REV - in generale è l'email dell'autore

A cosa serve:

1. semplificare la gestione di siti complessi ed articolati
2. agevolare la navigazione dell'utente tra le pagine ipertestuali
3. fornire informazioni aggiuntive sul documento Html
4. fornire ai motori di ricerca ulteriori parametri su cui effettuare le indagini

PROGRAMMI DENTRO L'HTML

È possibile inserire all'interno del comando HEAD intere procedure scritte nel linguaggio appropriato, per superare definitivamente i limiti dell'html statico.

<SCRIPT TYPE="tipo di linguaggio" SRC="locazione di uno script esterno">
       <!--procedura-->
     </SCRIPT>
dove

tipo di linguaggio indica il linguaggio di programmazione adottato

locazione di uno script esterno indica l'URL del programma, nel caso in cui sia in un file esterno

procedura è l'insieme degli statement del programma

Note:

1. occorre inserire la procedura tra commenti
   inizio commento: <!--
   fine commento: Javascript   // -->     VBscript   ' -->     Tcl   # -->
2. <NOSCRIPT>...</NOSCRIPT> per i browser che non supportano lo script

Esempi:

1. TYPE="text/javascript" procedura JavaScript (nato dalla collaborazione di Netscape e Sun su Netscape 2.0)
2. TYPE="text/vbscript" procedura VBScript (la risposta di Microsoft a partire da IE 3.0)
3. TYPE="text/jscript" procedura JScript (lo script di Microsoft da IE 4.0 in poi: "quasi" compatibile con javascript)
4. TYPE="text/tcl" procedura TCL

Eventi intrinsechi: azioni che accadono in una pagina e che si possono associare a procedure dello script

1. onload - il browser carica la pagina o il frame
2. onunload - il browser rimuove la pagina o il frame
3. onclick - il bottone del mouse preme sull'oggetto in questione
4. ondblclick - il bottone del mouse preme due volte sull'oggetto in questione
5. onmousedown - il bottone del mouse trattiene l'oggetto in questione
6. onmouseup - il bottone del mouse rilascia l'oggetto in questione
7. onmouseover - il mouse passa sull'oggetto in questione
8. onmousemove - il mouse si muove sull'oggetto in questione
9. onmouseout - il mouse si sposta dall'oggetto in questione
10. onfocus - un elemento viene evidenziato, tramite mouse o tasto di tabulazione
11. onblur - un elemento evidenziato viene rilasciato
12. onkeypress - un tasto viene premuto e rilasciato su un elemento
13. onkeydown - un tasto viene premuto su un elemento
14. onkeyup - un tasto viene rilasciato su un elemento
15. onsubmit - un form viene inviato
16. onreset - un form viene cancellato
17. onselect - un testo viene evidenziato
18. onchange - un testo risulta modificato

Esempio file esterno:

• il file Javascript SRC="script.js"
• il risultato HTML

Alcuni corsi Javascript in linea:

• una introduzione
• breve tutorial dell'Università di Modena
• altri link