di Fabio Rossi rossi-f@fileita.it

Credo che la maggior parte degli sviluppatori Web abbia avuto a che fare con le tabelle, gioie e dolori dellÆHTML. Indubbiamente le tabelle rimangono uno strumento molto versatile, utilizzabili per molteplici usi. Una delle applicazioni canoniche è sicuramente quella che le vede protagoniste nella disposizione dei vari elementi di una pagina HTML (immagini, testo, ecc.). I risultati che si ottengono, tuttavia, non sono sempre ottimali; a volte, le pagine realizzate sul nostro PC o MAC sono visualizzate perfettamente, ma quando andiamo a visualizzarle, magari on-line, su qualche altro elaboratore che non utilizza il nostro stesso browser, le cose cambianoà

Fortunatamente la "ricerca" di soluzioni sempre più evolute (non perfette!) continua ogni giorno, prospettando allo sviluppatore HTML sempre nuove soluzioni. Avete mai sentito parlare dei Layers?

I Layers rappresentano una soluzione decisamente evoluta inerente il posizionamento assoluto di oggetti allÆinterno di documenti HTML. Grazie ad essi avremo la certezza che la disposizione dei vari elementi sarà sempre la stessa, indipendentemente dal browser installato sul nostro elaboratore.

A questo punto darei una definizione rigorosa del concetto di Layer: con questo termine intendiamo un "contenitore", che può accogliere al suo interno qualunque tipo di oggetto che costituisce una pagina Web. In un Layer potremo inserire unÆimmagine in qualunque formato, dei blocchi di testo o dei paragrafi, delle animazioni create con qualunque tool di sviluppo, ecc. Altra caratteristica insita nella definizione stessa di Layer è la possibilità di definire la sua esatta collocazione allÆinterno dei documenti HTML. E quando dico esatta vuol dire esatta! Ma questo lo vedremo fra poco a livello pratico.

Vi chiederete: "Come faccio ad utilizzare i Layers nelle mie pagine Web?".

In primo luogo tengo a precisare che i Layers vengono supportati pienamente a partire dalle versioni 4.0 dei vari browsers. Oggi, tuttavia, non si tratta più di un fatto discriminante, dal momento che le versioni 4.0 dei programmi di navigazione sono diffuse capillarmente. E presto arriveremo alle release 5.0!

Detto questo possiamo analizzare a livello pratico, la sintassi delle "istruzioni" necessarie per inserire Layers nelle pagine Web.

Commentiamo le parti fondamentali:

• id="Layer1" è la parte del TAG che identifica il Layer nella pagina, dal momento che è possibile utilizzare più Layers contemporaneamente (anche sovrapposti!); avremo così Layer1, Layer2, ecc.;
• style="position:absolute; indica semplicemente il posizionamento assoluto del "contenitore" nel file HTML;
• width:(nr)px; height:(nr)px; dove nelle parentesi dobbiamo inserire in pixels la dimensione del Layer che vogliamo creare; ad esempio per un Layer che conterrà un banner standard: width:468px; height:680px;
• left:(nr)px; top:(nr)px è la parte più importante del TAG, quella che mi permette di stabilire la precisa collocazione del "contenitore"; i parametri di riferimento sono il margine sinistro ed il margine superiore. A posto delle parentesi indicheremo la distanza dai due bordi immettendo i valori in pixels; nellÆipotesi di una pagina di 800X600 pixels per localizzare il Layer in una posizione centrale scriverò: left:200px; top:250px
• img src="percorso oggetto " width="(in px)" height="(in px)" si tratta della parte del tag in cui dobbiamo specificare il percorso dellÆoggetto che vogliamo inserire nel layer, compresa la sua esatta dimensione espressa in px

A questo punto siete in grado di utilizzare i Layers nelle vostre pagine HTML. Provateli e fatemi sapere le vostre impressioni.

I vostri commenti e le vostre richieste vanno indirizzate a Fabio Rossi rossi-f@fileita.it oppure fabiorossi@streamer.net .