Appunti di HTML_7 Appunti di HTML_7

Incontro    1  -  2  -  3  -  4  -  5  -  6  -  7  -  8  -  9  -  10  -   11  - 12  


Un po' di storia ...

I frame (“riquadri”) comparvero per la prima volta con Netscape Navigator 2: si tratta della possibilità di suddividere una medesima finestra del browser in vari riquadri indipendenti. Questa soluzione all’epoca si rivelò un successo, dal momento che permetteva notevoli vantaggi. Fino a qualche tempo fa la velocità di navigazione era ben poca cosa, e si navigava con modem analogici molto lenti (anche da 14.4 kbs): i frame hanno l’indubbio vantaggio di non costringere a ricaricare tutta quanta la pagina, accelerando così la navigazione dell’utente all’interno di un sito web. D’altro canto il fatto che solo una parte del contenuto sia ricaricata fa risparmiare banda anche dal punto di vista del server che deve erogare le pagine Per quel che riguarda i webmaster, i frame hanno la caratteristica di utilizzare una struttura che consente di non ripetere le parti comuni nelle varie pagine di un sito, dal momento che il contenuto della pagina (per sua natura) è organizzato “a zone” Il fatto di poter mantenere fisso su un lato del monitor il menu di navigazione e far scorrere sull’altro lato il contenuto piace a molti utenti, soprattutto quando la risoluzione del monitor è bassa (800 x 600 o 640x480, magari su un monitor da 15’’) Tutte queste caratteristiche hanno causato un vero e proprio boom dei frames, tanto che subito dopo l’invenzione della Netscape, anche Microsoft si trovò a “copiare” la possibilità di strutturare le pagine in questo modo; in seguito (con l’HTML 4) i frames divennero una specifica ufficiale del W3C. ( fine della ricreazione, tutti a posto !!! )

Premesso che i "frames" non mi hanno mai entusiasmato, mi riferisco al design delle pagine, gli scroller risultano raddoppiati, a volte triplicati o quadruplicati ..., alle difficoltà del settaggio con i vari browser ecc, riconoscendone cmq l'indubbio valore pratico, pur se con riluttanza, ho assemblato alcuni "FRAMESET" che dovrebbero coprire le esigenze più comuni ...

Iniziamo col costruire le pagine.html che devono apparire nel "set" con i link e il target (lo spazio del set dove devono essere aperte). Costruiamo il set, non dimentichiamo i "name". Se siamo stati attenti ... se qualche santo ci aiuta ... , ma chi è il santo protettore dei WebMaster dilettanti?



Attributi dei "frames",( nn dei frameset ...), i + comuni:

Dimensioni: width e height=" valore in pixl o in %"
Scroller: scrolling="yes", "no", "auto"
Margini : marginwidth="valore in pxl" (margine dx e sx)
               marginheight="valore in pxl" ( margine alto e basso")
Bordi: frameborder="yes", "no" - border="0, 1, 2 ..."


<html>
<head>
<title>2colonne</title>
</head>

<frameset cols="15%,85%">
<frame src="sx.html" frameborder="0" noresize scrolling="no" name="sx" target="vista">
<frame src="home.html" scrolling="auto" noresize name="home" target="vista">
</frameset>
</html>

clika per vedere l'esempio >>>

 

<html>
<head>
<title>2righe</title>
</head> <frameset rows="19%,*">
<frame src="row.html" name="riga" target="vista" frameborder="0" noresize scrolling="no">

<frame src="home.html" frameborder="0" noresize name="vista" target="vista">

</frameset>


</html>

clika per vedere l'esempio >>>

 

<html>
<head>
<title>1riga2colonne</title>
</head>

<frameset rows="19%,*">
<frame src="row.html" name="riga" target="vista" frameborder="0" noresize scrolling="no">

<frameset cols="12%,*">
<frame src="col.html" name="colonna1" target="vista" frameborder="0" noresize scrolling="no">
<frame src="home.html" frameborder="0" noresize name="vista" target="vista">

</frameset>
</frameset>

</html>

clika per vedere l'esempio >>>

 

<html>
<head>
<title>1riga3colonne</title>
</head>

<frameset rows="20%,*">
<frame src="row.html" name="riga" target="vista" frameborder="0" noresize scrolling="no">

<frameset cols="15%,*,15%">
<frame src="col.html" name="colonna1" target="vista" noresize scrolling="no">
<frame src="home.html" frameborder="0" noresize name="vista" target="vista">
<frame src="col1.html" name="colonna2" target="vista" frameborder="0" noresize scrolling="no">

</frameset>
</frameset>

</html>

clika per vedere l'esempio >>>


Buon lavoro ... giovedì prox dovremmo aver terminato l'argomento. Ricordati di portare il materiale per il sito e di pensare un layout .. a presto.

 

.