Cómo cargar una página web interna en un iFrame

Un iframe es una sección de un documento HTML que carga otra página Web en línea. La carga de una página web interna en un iframe es útil cuando un desarrollador o diseñador quiere mostrar el contenido como los formularios de contacto, descripciones de productos o galerías de fotos dentro de la página que contiene. Iframes permiten una fácil edición del contenido insertado, lo cual es útil si los cambios en el contenido sobre una base regular, tales como galerías de fotos en los sitios web de inmobiliarias.

Instrucciones

1 Lance un editor de texto y abra el documento HTML que contendrá el marco flotante. Bloc de notas es el editor de texto se instala con los sistemas operativos Windows y edición de textos es el editor por defecto de Mac. Ambos son gratuitos y fáciles de usar.

2 Determinar dónde se encuentra el iframe en la página. Esto depende del diseño de la página. Un pequeño iframe, como el de una alimentación de RSS, puede estar ubicado en una barra lateral. Una página más grande, como un formulario de contacto, requiere más espacio y debe estar en el centro de la página. Las dimensiones del contenedor deben permitir todo el documento marco flotante.

3 Inserte las etiquetas de apertura y cierre de marco flotante con el mensaje de error dentro de las etiquetas <iframe> Su navegador no soporta marcos. </ Iframe>. Las etiquetas se cargan el iframe en la página. Los atributos de la etiqueta de ir dentro de la etiqueta de apertura. El mensaje de error se mostrará sólo si el navegador del usuario no soporta iframes y es importante para los usuarios saber que algo ha ido mal.

4 Busque el nombre del archivo iframe e insertarlo en el atributo de fuente de la etiqueta iframe. Se parece a esto: <iframe es el nombre y la ubicación del archivo de iframe. La barra diagonal indica que el archivo se almacena en el mismo directorio que la página web actual.

5 Determinar la altura y la anchura de la zona iframe continuación, añadir que a la etiqueta de apertura. Se ve así: <iframe width = "100px" height = "100px"> Su navegador no soporta frames </ iframe>, donde "100px" es la altura o anchura del iframe. Los porcentajes se pueden usar también en los atributos de altura y anchura. Cambiar eso a las dimensiones requeridas para el diseño de la página. Si la página dentro del marco flotante es más grande que el tamaño de los atributos en la etiqueta, el usuario verá barras de desplazamiento a ambos lados de la iframe.

6 Guarde el archivo y abrirlo con un navegador web. Probar la página y luego hacer cambios en la estructura, según sea necesario. Si todo se ve bien, subirlo al directorio en el servidor web en la que se encuentra la página iframe. Colocar el archivo en el mismo directorio que el archivo de marco flotante. Esto asegura que el iframe no se carga un mensaje de error "Página no encontrada" si el navegador no puede localizar el archivo referenciado por el atributo "src".

7 Lance un navegador y vaya a la página web acaba de cargar. El iframe se cargará automáticamente cuando se carga la página.

Consejos y advertencias

• editores de HTML premium, como Dreamweaver, se pueden utilizar para agregar el iframe. Estos programas ponen de relieve las etiquetas de apertura y cierre, por lo que pueden ser preferidos para los diseñadores noveles.
• Haga clic derecho sobre el archivo para abrirlo en un navegador. Podrás depurar cualquier defectos de diseño se descubre antes de subirlo a un sitio en producción.
• Asegúrese de que la ruta de acceso al documento HTML iframe es la correcta en el atributo src.