|
Design
|
Frame |
I FrameLe finestre divise in frame sono molto utili per svariati motivi. Ad esempio uno di essi è poter mantenere nella finestra più piccola, in genere a sinistra, i links del sito sempre ben visibili mentre si continua a navigare nel sito evitando cosi di ritornare ogni volta ala home page. Per una finestra a frame occorrono almeno tre pagine; il frame stesso, la pagina di sinistra e quella centrale, che vengono richiamate dal frame. <head> <title>titolo</title> </head> <frameset cols=150,*> <frame name=left src=sinistra.htm> <frame name=central src=centrale.htm> </frameset> </html> Nel codice riportato qua sopra vediamo che "BODY" è stato omesso, questo perchè il frame è semplicemente una finestra che richiama altre pagine. Con "COLS" si stabilisce che le finestre del frame sono in verticale, viceversa con <frameset rows=100,*> le finestre sono in orizzontale. Con "frame name=left" abbiamo stabilito che alla sinistra c'è una finestra che richiama una pagina dal nome "sinistra.htm" ovvero "src=sinistra.htm", l'identica cosa per <frame name=central src=centrale.htm>. Ma ora vediamo l'esempio pratico che parla meglio delle parole: Un esempio di un frame alto: <head> <title>frame </title> </head> <frameset rows=150,*> <frame name=alto src=alto.htm> <frame name=centrale src=centrale.htm> </frameset> </html> Vedi l'esemio pratico: Esempio di frame alto, centrale, e basso: <head> <title>frame </title> </head> <frameset rows=25%,100%,25%> <frame name=alto src=alto.htm> <frame name=centrale src=centrale.htm> <frame name=basso src=basso.htm> </frameset> </html> Nei links dobbiamo aggiungere il "TARGET", onde evitare che la pagina si apra in un frame che non sia quello centrale. Ecco di seguito come fare: <a href=nomepagina.htm target="centrale">Clicca </a> Useremo "PARENT" se desideriamo che la pagina si apra in una finestra indipendente dal frame: <a href=nomepagina.htm target="_parent">Clicca </a> Per eliminare il bordo grigio della barra del frame: <frameset cols=150,* BORDER=0> Per eliminare la barra: <frame name=alto src=pagina.htm SCROLLING=NO> Per renderla sempre visibile: <frame name=alto src=pagina.htm SCROLLING=YES> |