-
Cómo crear un conjunto de marcos en un doc HTML
-
marcos HTML permiten a los desarrolladores Web muestran varias páginas web, puntos de vista o componentes de una página en una sola ventana del navegador. A menudo, las tramas se utilizan para separar los componentes de las páginas web, tales como banners y contenido, y permitir la manipulación de cada sección de forma independiente. Conjuntos de marcos, o una agrupación de tramas, se pueden definir como filas o columnas, o cualquier combinación de los dos. Una vez colocado en un marco dentro de un conjunto de marcos, las páginas web incluidas convierten en parte de la interfaz de usuario en general y pueden ser programados para la interacción.Instrucciones
1 Abra un editor de texto y crear un archivo llamado pageInsideFrame1.html. Añadir una etiqueta "<html>", una etiqueta "<head>", un "</ head>" etiqueta, una etiqueta "<body>" etiqueta, un "</ body>" y un "</ html>" etiqueta para el archivo. Coloque una etiqueta "<title>" entre la "<head>" y "</ head>" etiquetas, dar a la página el título "Página Dentro del marco 1" y cerrar la etiqueta "</ title>". Coloque una etiqueta "<h1>" entre la "<body>" y "</ body>" etiquetas y dar a la página de la cabecera "Página cargada en el fotograma 1." Cierre el "</ h1>" etiqueta y guardar y cerrar pageInsideFrame1.html.
<Html>
<Head>
<Title> Página Dentro del marco 1 </ title>
</ Head>
<Body>
<H1> Página cargada en el fotograma 1 </ h1>
</ Body>
</ Html>
2 Utilice el editor de texto para crear un segundo archivo llamado pageInsideFrame2.html. Añadir una etiqueta "<html>", una etiqueta "<head>", un "</ head>" etiqueta, una etiqueta "<body>" etiqueta, un "</ body>" y un "</ html>" etiqueta para el archivo. Coloque una etiqueta "<title>" entre la "<head>" y "</ head>" etiquetas, dar a la página el título "Dentro de marco de página 2" y cerrar la etiqueta "</ title>". Coloque una etiqueta "<h1>" entre la "<body>" y "</ body>" etiquetas y dar a la página de la cabecera "Página cargada en el fotograma 2." Cierre el "</ h1>" etiqueta y guardar y cerrar pageInsideFrame2.html.
<Html>
<Head>
<Title> Página Dentro del marco 2 </ title>
</ Head>
<Body>
<H1> Página cargada en el fotograma 2 </ h1>
</ Body>
</ Html>
3 Utilice el editor de texto para crear un tercer archivo llamado frameHolder.html. Añadir una etiqueta "<html>", una etiqueta "<head>", un "</ head>" etiqueta, una etiqueta "<body>", un "<body />" etiqueta y un "</ html>" etiqueta para el archivo. Coloque una etiqueta "<title>" entre la "<head>" y "</ head>" etiquetas, dar a la página el título "Marco de página" y cerrar la etiqueta "</ title>". Coloque una etiqueta "<frameset>" entre la "<body>" y "</ body>" etiquetas. Establecer el atributo de "filas" del conjunto de marcos a "150, *" para indicar el conjunto de marcos debe tener dos columnas: una que es de 150 píxeles de ancho y que debe ser tan amplio como el resto de la página Web. Cierre la etiqueta "</ frameset>" y guardar frameHolder.html.
<Html>
<Head>
<Title> marco de página </ title>
</ Head>
<Frameset cols = "150, *">
</ Frameset>
</ Body>
</ Html>
4 Coloque una etiqueta "<frame>" entre la "<frameset>" y "</ frameset>" etiquetas. Establecer valor "src" de la trama de "pageInsideFrame1.html." Esta etiqueta indica el primer fotograma (150 píxeles) se debe cargar la página pageInsideFrame1.html.
<Html>
<Head>
<Title> marco de página </ title>
</ Head>
<Frameset cols = "150, *">
<Etiqueta de marco en el archivo entre el "<frameset>" y "</ frameset>" etiquetas. Establecer valor "src" de la trama de "pageInsideFrame2.html." Guarde y cierre frameHolder.html. Esta etiqueta indica el segundo cuadro (*) se debe cargar la página pageInsideFrame2.html.
<Html>
<Head>
<Title> marco de página </ title>
</ Head>
<Frameset cols = "150, *">
<Frame src = "pageInsideFrame1.html">
<Frame src = "pageInsideFrame2.html">
</ Frameset>
</ Body>
</ Html>
6 frameHolder.html abierta en un navegador Web. Verificar la carga de dos marcos con los atributos esperados. Comprobación de la primera carga de marco pageInsideFrame1.html y las cargas segundo marco pageInsideFrame2.html.
Consejos y advertencias
- Utilice la opción "<noframes>" y "</ noframes>" etiquetas para entregar una página alternativa o un mensaje para los navegadores que no soporten marcos.
- Los conjuntos de marcos no están permitidos en los doctypes estrictas o XHTML de transición.
- Los marcos no puede estar disponible en las versiones futuras de HTML.
- páginas HTML de impresión que utilizan conjuntos de marcos puede ser problemático.
- Los motores de búsqueda pueden tener problemas para mostrar páginas Web enmarcado correctamente.
