Goku || DragoN BalL z gt || L'amicizia è il dono più grande che un amico può farE

PaulispeR - Web Master - Tutorial - Html - i Frame

I-FRAME
Cosa sono questi misteriosi elementi che costituiscono la base di moltissimi siti? Gli I-Frame sono delle zone che vengono inseriti in una pagina web dentro i quali cliccando su un link possiamo far aprire un altra pagina senza dover ricaricare tutto da capo. Si possono avere più I-Frame nella stessa pagina e fare aprire pagine differenti in differenti I-Frame.

Vediamo il codice html come si presenta:

Ora analizziamo parte per parte il tutto:
<iFRAME Apre il tag dell'iframe
name = "nomeiframe" Il nome che volete dare all'iframe (non usate spazi o caratteri particolari)
src = "http://www.tuosito.com/pagina.html" Url della pagina che deve essere caricata la prima volta nell'iframe
width = "larghezza" larghezza dell'iframe in pixel
height = "altezza" altezza dell'iframe in pixel
scrolling = "auto" Questa opzione vi serve se volete far comparire o meno le frecce laterali per muovere la pagina caricata nell'iframe se questa supere le dimensioni dell'iframe stesso. Le opzioni sono: "0" (zero) se non volete in nessun modo visualizzarle, "1" (uno) se volete visualizzarle sempre e comunque, oppure "auto" se glielo fate valutare a lui.
frameborder = "0" Questo è il bordo dell'iframe (una specie di cornice) "0" (zero) se non lo volete, "1" (uno) per il contrario.
align = "right" se volete che sia centrale ("center") o a destra ("right") o a sinistra ("left")
marginwidth = "0" Distanza della pagina dal margine da destra dell'iframe in pixel
marginheight = "0" Distanza della pagina dal margine dall'alto dell'iframe in pixel
></iframe> Il tag di chiusura dell'iframe.

Questo codice una volta adattato alla vostre esigenze deve essere inserito tra i due tag <body></body> dove volete che compaia...
Ora vediamo come far aprire una pagina nell'iframe cliccando su un link. Ci sono due possibilità a seconda delle nostre esigenze.
1) con questo metodo qualsiasi link della pagina si aprirà nell'iframe indicato:
Inserendo il seguente codice tra i 2 tag <head></head>

Facendo questo tutti i link che inserirete nella pagina si apriranno nell'iframe di nome "nomeiframe".

2) con questo metodo dovete specificare ad ogni link se volete che venga aperto in un iframe e se si in quale.
Quando scrivete il link negli attributi dello stesso dovrete aggiungere target="nomeiframe", il link si presenterà così:

Questo metodo lo consiglio fortemente rispetto all'altro perchè non vincola la navigabilità del sito al solo i frame e permette anche l'inserimento nella stessa pagina di + iframe.

Gli iframe servono in definitiva per rendere più veloce la navigazione o ridurre il lavoro del webmaster. Ma possono presentare alcune pecche come per esempio in fase di stampa visto che ogni iframe verrà stampato su un foglio diverso o possono anche avere dei problemi di visualizzazzione ogni tanto.

Cliccate su questo link per vedere un esempio di iframe. (qui sotto si aprirà una pagina)