Un iframe è una sezione di un documento HTML che carica un'altra pagina web in linea. Caricamento di una pagina web interna in un iframe è utile quando uno sviluppatore o designer vuole visualizzare contenuti quali moduli di contatto, descrizioni dei prodotti o gallerie fotografiche all'interno della pagina che contiene. Iframe consentono un facile editing dei contenuti inseriti, che è utile se i cambiamenti dei contenuti su base regolare, come le gallerie fotografiche su delle agenzie immobiliari siti web.

istruzione

1 Avviare un editor di testo e aprire il documento HTML che conterrà il iframe. Notepad è l'editor di testo installato con i sistemi operativi Windows e TextEdit è l'editor predefinito di Mac. Entrambi sono liberi e facile da usare.

2 Determinare dove l'iframe sarà situato sulla pagina. Questo dipende dal design della pagina. Un piccolo iframe, come quella per un feed RSS, può essere situato in una barra laterale. Una pagina più grande, come un modulo di contatto, richiede più spazio e dovrebbe essere al centro della pagina. Le dimensioni del contenitore dovrebbero consentire per l'intero documento iframe.

3 Inserire i tag di apertura e di chiusura iframe con il messaggio di errore all'interno dei tag: <iframe> il browser utilizzato non supporta i frame. </ Iframe>. I tag caricano l'iframe nella pagina. Gli attributi per il tag vanno all'interno del tag di apertura. Il messaggio di errore viene visualizzato solo se il browser degli utenti non supporta iframe ed è importante per gli utenti di sapere che qualcosa è andato storto.

4 Individuare il nome del file iframe ed inserirlo nel attributo di origine del tag iframe. Essa sarà simile a questo: <iframe è il nome e la posizione del file iframe. La barra indica che il file viene memorizzato nella stessa directory della pagina Web corrente.

5 Determinare l'altezza e la larghezza dell'area iframe poi aggiungere che al tag di apertura. Ecco come si presenta: <iframe width = "100px" height = "100px"> Il tuo browser non supporta i frame </ iframe>, dove "100px" è l'altezza o larghezza del iframe. Percentuali possono essere utilizzati anche nelle attributi altezza e larghezza. Cambiamento che le dimensioni richieste per il design della pagina. Se la pagina all'interno del iframe è più grande rispetto alle dimensioni degli attributi nel tag, l'utente vedrà barre di scorrimento su entrambi i lati della iframe.

6 Salvare il file e aprirlo con un browser web. Testare la pagina e quindi apportare le modifiche al telaio, se necessario. Se tutto sembra a posto, caricarlo nella directory su un server Web in cui si trova la pagina di iframe. Inserire il file nella stessa directory del file iframe. Ciò assicura che l'iframe non verrà caricato un messaggio di errore "Pagina non trovata" se il browser non può individuare il file a cui fa riferimento l'attributo "src".

7 Avviare un browser e accedere alla pagina web appena caricato. L'iframe caricherà automaticamente al caricamento della pagina.

Consigli e avvertenze

• editor HTML Premium, come Dreamweaver, può essere utilizzato per aggiungere l'iframe. Questi programmi mettono in evidenza i tag di apertura e chiusura, in modo che possano essere preferiti per i progettisti alle prime armi.
• Fare clic destro sul file per aprirlo in un browser. Sarete in grado di eseguire il debug qualunque difetti di progettazione si scopre prima di caricarlo su un sito live.
• Assicurarsi che il percorso del documento iframe HTML è il corretto l'attributo src.