Tecnología

Inicio

Tutorial HTML Fondo del marco

Tutorial HTML Fondo del marco


Marcos en HTML permiten al diseñador web para crear contenido en dos archivos separados luego unirlos en una sola página. Las etiquetas de marcos se utilizan en la página principal para tirar el contenido de los archivos separados. De este modo se puede editar el contenido de un archivo y no tener que cambiar a la otra. La desventaja de cuadros de fondo es que los motores de búsqueda no siempre van a encontrar el contenido de los archivos separados. Usted puede hacer todos los fotogramas que te gusta en una página.

Instrucciones

1 Crear tres nuevos archivos en su editor de texto haciendo clic en "Archivo", luego "Nuevo".

2 Guardar los archivos como "index.html", "1.html" y "2.html".

3 Escribir cualquier contenido que desee en 1.html y 2.html. Guarde los archivos. Por ejemplo, 1.html podría contener un menú y 2.html podría contener un mensaje de bienvenida.

4 Crear un conjunto de marcos en index.html con las etiquetas de marcos. Esto le dice al navegador dónde comienzan los marcos y el final. Por ejemplo:
<Frameset>
</ Frameset>

5 Dar el conjunto de marcos una anchura añadiendo el atributo cols. El atributo cols ve así:
<Frameset cols = "160, *">
</ Frameset>

El primer número es el número de píxeles de ancho de la primera columna será. Después de la coma es el espacio para el segundo cuadro de la columna. Mediante el uso de un asterisco, se posibilita que la segunda columna para llenar el resto del navegador, no importa el tamaño de la pantalla. Se puede utilizar un número de allí si no desea que la columna para llenar la ventana del navegador.

6 Añadir nombres de los marcos de 1.html y 2.html utilizando la etiqueta FRAME. Esto llamará a los dos archivos en los fotogramas.
<Frameset cols = "160, *">
<Frame src = "1.html" name = "navegación">
<Frame src = nombre de "2.html" = "bienvenida">
</ Frameset>

Los nombres permiten que el navegador para diferenciar entre los dos archivos. Se les puede dar cualquier nombre que desee. La mejor práctica es dar los nombres de los marcos que responden a su propósito.

Consejos y advertencias

  • Se pueden añadir otros atributos a la etiqueta FRAMESET. El atributo frameborder le permitirá cambiar el tamaño de la frontera y el atributo FRAMESPACING le permitirá cambiar el espaciado entre las fronteras.