SlideShare una empresa de Scribd logo
COLEGIO NACIONAL NICOLAS ESGUERRA
Nombres juansebastianbaron
Julianbarbosa
Tema 4
Conjunto de marcos <frameset>
Los marcos o frames sirven para distribuir
mejor los datos de las páginas, ya que permiten
mantener fijas algunas partes, como pueden ser
el logotipo y la barra de navegación, mientras
que otras sí pueden cambiar. Además de
mejorar la funcionalidad, pueden mejorar
también la apariencia.
Cada uno de los marcos de una página,
contiene un documento HTML individual. Por
ejemplo, en la imagen de la derecha puedes ver
una página con dos marcos. El marco izquierdo
contiene el documento menu.htm y el derecho
el documento perros.htm. Para poder visualizar
la página de este modo, hemos tenido que abrir
en el navegador el documento marcos.htm,
que es el que en este caso contiene el grupo de
marcos.
El trabajar con marcos puede resultar una tarea algo complicada, sobretodo al principio, por lo que vemos
solamente algunos conteptos básicos y ejemplos sencillos.
Como hemos visto si queremos utilizar marcos debemos crear una página con la definición del conjunto de
marcos (en el ejemplo anterior la página marcos.htm).
Los conjuntos de marcos se definen a través de las etiquetas <frameset> y </frameset>, que van después
de la etiqueta <head>. A través de estas etiquetas se indica el número de marcos en que se dividirá la ventana,
cada uno de los cuales será una especie de subventana.
Cuando se insertan las etiquetas <frameset> y </frameset> no hay que insertar las
etiquetas <body> y </body>, ya que el cuerpo del documento será el cuerpo de las páginas que se carguen en
cada uno de los marcos del conjunto de marcos.
Los atributos que pueden especificarse sobre la etiqueta <frameset> son los siguientes:
Atributo Significado Posibles valores
cols
tamaño de cada una de las columnas en que se divide el documento
un número
(acompañado de %
cuando se desee que
sea en porcentaje)
por cada columna,
separados por
comas.
rows tamaño de cada una de las columnas en que se divide el documento
un número (acompañado
de % cuando se desee
que sea en porcentaje)
por cada fila, separados
por comas.
frameborder aparece o no el borde de los marcos
yes
no
framespacing separación entre los marcos un número
border grosor del borde
un número, acompañado
de % cuando se desee
que sea en porcentaje
bordercolor color del borde número hexadecimal
Atributo Significado Posibles valores
frameborder aparece o no el borde del marco
yes o 1
no o 0
name nombre del marco cualquier valor
noresize
si aparece, el usuario no podrá redimensionar el tamaño
de este marco
no puede tomar valores
marginwidth
anchura del margen con respecto a los bordes del
marco
un número, acompañado de %
cuando se desee que sea en
porcentaje
marginheight altura del margen con respecto a los bordes del marco
un número, acompañado de %
cuando se desee que sea en
porcentaje
scrolling
se mostrará o no la barra de desplazamiento cuando la
página del marco no se pueda visualizar completamente
en él
yes
no
auto
src documento que se cargará en el marco ruta y nombre del documento
Siempre que creamos una página queremos que pueda ser visitada por el mayor número de usuarios, por lo que
el hecho de que hayan usuarios cuyos navegadores no soportan los marcos puede resultar un problema.
Las etiquetas <noframes> y </noframes> se utilizan para que su contenido sea visualizado en aquellos
navegadores que no soportan los marcos.
Si un navegador no soporta los marcos, no cargará ningún documento en ningún marco, por lo que tendremos
que mostrar el cuerpo del documento actual de algún modo. Por ello, han de introducirse las
etiquetas <body> y </body> entre las etiquetas <noframes> y </noframes>.
Por ejemplo, si escribiéramos el siguiente código:
<html>
<head>
...
</head>
<frameset cols="150,*">
<frame src="izquierdo.htm" name="marcoizquierdo">
<frame src="derecho.htm" name="marcoderecho">
</frameset>
<noframes>
<body>
Este documento tiene marcos y tu navegador no los soporta.
</body>
</noframes>
</html>

Más contenido relacionado

La actualidad más candente

EJEMPLO
EJEMPLOEJEMPLO
EJEMPLObriasb
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
Monsalve Sergio
 
Menu
MenuMenu
Menu
sergio804
 
pagina web III
pagina web IIIpagina web III
pagina web III
Cbazttyan Rojas
 
Qué Son Las Css
Qué Son Las CssQué Son Las Css
Qué Son Las Css
Maximiliano Martin
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
cristianandresbayon
 
Cómo conectar un archivo CSS Con HTML
Cómo conectar un archivo CSS Con HTMLCómo conectar un archivo CSS Con HTML
Cómo conectar un archivo CSS Con HTML
Domina la programacion
 
Html y css
Html y cssHtml y css
Html y cssisandy
 
Frames en html
Frames  en htmlFrames  en html
Frames en htmlbhylenia
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
Santhii Sastoque
 

La actualidad más candente (17)

EJEMPLO
EJEMPLOEJEMPLO
EJEMPLO
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Menu
MenuMenu
Menu
 
g5rg5tr
g5rg5trg5rg5tr
g5rg5tr
 
pagina web III
pagina web IIIpagina web III
pagina web III
 
Qué Son Las Css
Qué Son Las CssQué Son Las Css
Qué Son Las Css
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Cristianbayon1
Cristianbayon1Cristianbayon1
Cristianbayon1
 
Cómo conectar un archivo CSS Con HTML
Cómo conectar un archivo CSS Con HTMLCómo conectar un archivo CSS Con HTML
Cómo conectar un archivo CSS Con HTML
 
Html y css
Html y cssHtml y css
Html y css
 
Frames en html
Frames  en htmlFrames  en html
Frames en html
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Curso html-dreamweaver-basico
Curso html-dreamweaver-basicoCurso html-dreamweaver-basico
Curso html-dreamweaver-basico
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Gtgtgeg
GtgtgegGtgtgeg
Gtgtgeg
 
Mmml
MmmlMmml
Mmml
 

Similar a Byb4

Marcos
MarcosMarcos
Marcos
sebastas07
 
Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5
Daniel Esteban
 
Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5
Edward Neuta
 
Presentación2
Presentación2Presentación2
Presentación2creto-96
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 natynataliareniz
 
Vinculos tablas y frames
Vinculos tablas y framesVinculos tablas y frames
Vinculos tablas y frames
Emilio Flores
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
567magii
 
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
santi302930
 
Frames
FramesFrames
Frames
LnVd Duran
 
Etiquetas basicas producto 10
Etiquetas basicas producto 10Etiquetas basicas producto 10
Etiquetas basicas producto 10
marinonema2
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
Ericka Zavala
 

Similar a Byb4 (20)

Marcos perro
Marcos perroMarcos perro
Marcos perro
 
Marcos
MarcosMarcos
Marcos
 
Frames
FramesFrames
Frames
 
Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5
 
Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5
 
Presentación2
Presentación2Presentación2
Presentación2
 
Qué son los frames
Qué son los framesQué son los frames
Qué son los frames
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 naty
 
Vinculos tablas y frames
Vinculos tablas y framesVinculos tablas y frames
Vinculos tablas y frames
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
 
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
 
Tutorial de dreamweaver
Tutorial de dreamweaverTutorial de dreamweaver
Tutorial de dreamweaver
 
Presentación1
Presentación1Presentación1
Presentación1
 
U2
U2U2
U2
 
Capas en html
Capas en htmlCapas en html
Capas en html
 
Adobe dreamweaver
Adobe dreamweaverAdobe dreamweaver
Adobe dreamweaver
 
Frames
FramesFrames
Frames
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Etiquetas basicas producto 10
Etiquetas basicas producto 10Etiquetas basicas producto 10
Etiquetas basicas producto 10
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
 

Más de Juan Baron

Byb3
Byb3Byb3
Byb3
Byb3Byb3
TRABAJO 2
TRABAJO 2TRABAJO 2
TRABAJO 2
Juan Baron
 
Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
Juan Baron
 
tablas access
tablas accesstablas access
tablas access
Juan Baron
 
Jb and jd
Jb and jdJb and jd
Jb and jd
Juan Baron
 
Jb and jd
Jb and jdJb and jd
Jb and jd
Juan Baron
 
Plantilla con-normas-icontec ACCESS 2010
Plantilla con-normas-icontec ACCESS 2010Plantilla con-normas-icontec ACCESS 2010
Plantilla con-normas-icontec ACCESS 2010
Juan Baron
 
informatica
informaticainformatica
informatica
Juan Baron
 
papito feliz dia
papito feliz diapapito feliz dia
papito feliz dia
Juan Baron
 
Corrección evaluacion
Corrección evaluacionCorrección evaluacion
Corrección evaluacion
Juan Baron
 
feliz dia del padre
feliz dia del padrefeliz dia del padre
feliz dia del padre
Juan Baron
 
SCRATCH
SCRATCHSCRATCH
SCRATCH
Juan Baron
 

Más de Juan Baron (13)

Byb3
Byb3Byb3
Byb3
 
Byb3
Byb3Byb3
Byb3
 
TRABAJO 2
TRABAJO 2TRABAJO 2
TRABAJO 2
 
Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
 
tablas access
tablas accesstablas access
tablas access
 
Jb and jd
Jb and jdJb and jd
Jb and jd
 
Jb and jd
Jb and jdJb and jd
Jb and jd
 
Plantilla con-normas-icontec ACCESS 2010
Plantilla con-normas-icontec ACCESS 2010Plantilla con-normas-icontec ACCESS 2010
Plantilla con-normas-icontec ACCESS 2010
 
informatica
informaticainformatica
informatica
 
papito feliz dia
papito feliz diapapito feliz dia
papito feliz dia
 
Corrección evaluacion
Corrección evaluacionCorrección evaluacion
Corrección evaluacion
 
feliz dia del padre
feliz dia del padrefeliz dia del padre
feliz dia del padre
 
SCRATCH
SCRATCHSCRATCH
SCRATCH
 

Último

Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Unidad de Espiritualidad Eudista
 
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
HuallpaSamaniegoSeba
 
Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1
MauricioSnchez83
 
Automatización de proceso de producción de la empresa Gloria SA (1).pptx
Automatización de proceso de producción de la empresa Gloria SA (1).pptxAutomatización de proceso de producción de la empresa Gloria SA (1).pptx
Automatización de proceso de producción de la empresa Gloria SA (1).pptx
GallardoJahse
 
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Monseespinoza6
 
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁIMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
Claude LaCombe
 
Introducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BIIntroducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BI
arleyo2006
 
UNA VISITA A SAN PEDRO EN EL VATICANO.pdf
UNA VISITA A SAN PEDRO EN EL VATICANO.pdfUNA VISITA A SAN PEDRO EN EL VATICANO.pdf
UNA VISITA A SAN PEDRO EN EL VATICANO.pdf
Joan Ribes Gallén
 
Junio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividadesJunio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividades
cintiat3400
 
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
María Sánchez González (@cibermarikiya)
 
Libro infantil sapo y sepo un año entero pdf
Libro infantil sapo y sepo un año entero pdfLibro infantil sapo y sepo un año entero pdf
Libro infantil sapo y sepo un año entero pdf
danitarb
 
Examen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdfExamen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdf
20minutos
 
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJELA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
jecgjv
 
PLAN DE CAPACITACION xxxxxxxxxxxxxxxxxxx
PLAN DE CAPACITACION xxxxxxxxxxxxxxxxxxxPLAN DE CAPACITACION xxxxxxxxxxxxxxxxxxx
PLAN DE CAPACITACION xxxxxxxxxxxxxxxxxxx
cportizsanchez48
 
El ensayo mexicano en el siglo XX LITERATURA
El ensayo mexicano en el siglo XX LITERATURAEl ensayo mexicano en el siglo XX LITERATURA
El ensayo mexicano en el siglo XX LITERATURA
Armando920824
 
PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
https://gramadal.wordpress.com/
 
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
AracelidelRocioOrdez
 
Examen de Lengua Castellana y Literatura de la EBAU en Castilla-La Mancha 2024.
Examen de Lengua Castellana y Literatura de la EBAU en Castilla-La Mancha 2024.Examen de Lengua Castellana y Literatura de la EBAU en Castilla-La Mancha 2024.
Examen de Lengua Castellana y Literatura de la EBAU en Castilla-La Mancha 2024.
20minutos
 
Portafolio de servicios Centro de Educación Continua EPN
Portafolio de servicios Centro de Educación Continua EPNPortafolio de servicios Centro de Educación Continua EPN
Portafolio de servicios Centro de Educación Continua EPN
jmorales40
 
El lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libroEl lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libro
Distea V región
 

Último (20)

Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
 
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
 
Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1
 
Automatización de proceso de producción de la empresa Gloria SA (1).pptx
Automatización de proceso de producción de la empresa Gloria SA (1).pptxAutomatización de proceso de producción de la empresa Gloria SA (1).pptx
Automatización de proceso de producción de la empresa Gloria SA (1).pptx
 
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
 
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁIMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
 
Introducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BIIntroducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BI
 
UNA VISITA A SAN PEDRO EN EL VATICANO.pdf
UNA VISITA A SAN PEDRO EN EL VATICANO.pdfUNA VISITA A SAN PEDRO EN EL VATICANO.pdf
UNA VISITA A SAN PEDRO EN EL VATICANO.pdf
 
Junio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividadesJunio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividades
 
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
 
Libro infantil sapo y sepo un año entero pdf
Libro infantil sapo y sepo un año entero pdfLibro infantil sapo y sepo un año entero pdf
Libro infantil sapo y sepo un año entero pdf
 
Examen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdfExamen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdf
 
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJELA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
 
PLAN DE CAPACITACION xxxxxxxxxxxxxxxxxxx
PLAN DE CAPACITACION xxxxxxxxxxxxxxxxxxxPLAN DE CAPACITACION xxxxxxxxxxxxxxxxxxx
PLAN DE CAPACITACION xxxxxxxxxxxxxxxxxxx
 
El ensayo mexicano en el siglo XX LITERATURA
El ensayo mexicano en el siglo XX LITERATURAEl ensayo mexicano en el siglo XX LITERATURA
El ensayo mexicano en el siglo XX LITERATURA
 
PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
 
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
 
Examen de Lengua Castellana y Literatura de la EBAU en Castilla-La Mancha 2024.
Examen de Lengua Castellana y Literatura de la EBAU en Castilla-La Mancha 2024.Examen de Lengua Castellana y Literatura de la EBAU en Castilla-La Mancha 2024.
Examen de Lengua Castellana y Literatura de la EBAU en Castilla-La Mancha 2024.
 
Portafolio de servicios Centro de Educación Continua EPN
Portafolio de servicios Centro de Educación Continua EPNPortafolio de servicios Centro de Educación Continua EPN
Portafolio de servicios Centro de Educación Continua EPN
 
El lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libroEl lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libro
 

Byb4

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA Nombres juansebastianbaron Julianbarbosa Tema 4 Conjunto de marcos <frameset> Los marcos o frames sirven para distribuir mejor los datos de las páginas, ya que permiten mantener fijas algunas partes, como pueden ser el logotipo y la barra de navegación, mientras que otras sí pueden cambiar. Además de mejorar la funcionalidad, pueden mejorar también la apariencia. Cada uno de los marcos de una página, contiene un documento HTML individual. Por ejemplo, en la imagen de la derecha puedes ver una página con dos marcos. El marco izquierdo contiene el documento menu.htm y el derecho el documento perros.htm. Para poder visualizar la página de este modo, hemos tenido que abrir en el navegador el documento marcos.htm, que es el que en este caso contiene el grupo de marcos. El trabajar con marcos puede resultar una tarea algo complicada, sobretodo al principio, por lo que vemos solamente algunos conteptos básicos y ejemplos sencillos. Como hemos visto si queremos utilizar marcos debemos crear una página con la definición del conjunto de marcos (en el ejemplo anterior la página marcos.htm). Los conjuntos de marcos se definen a través de las etiquetas <frameset> y </frameset>, que van después de la etiqueta <head>. A través de estas etiquetas se indica el número de marcos en que se dividirá la ventana, cada uno de los cuales será una especie de subventana. Cuando se insertan las etiquetas <frameset> y </frameset> no hay que insertar las etiquetas <body> y </body>, ya que el cuerpo del documento será el cuerpo de las páginas que se carguen en cada uno de los marcos del conjunto de marcos. Los atributos que pueden especificarse sobre la etiqueta <frameset> son los siguientes: Atributo Significado Posibles valores cols tamaño de cada una de las columnas en que se divide el documento un número (acompañado de % cuando se desee que sea en porcentaje) por cada columna, separados por comas.
  • 2. rows tamaño de cada una de las columnas en que se divide el documento un número (acompañado de % cuando se desee que sea en porcentaje) por cada fila, separados por comas. frameborder aparece o no el borde de los marcos yes no framespacing separación entre los marcos un número border grosor del borde un número, acompañado de % cuando se desee que sea en porcentaje bordercolor color del borde número hexadecimal Atributo Significado Posibles valores frameborder aparece o no el borde del marco yes o 1 no o 0 name nombre del marco cualquier valor noresize si aparece, el usuario no podrá redimensionar el tamaño de este marco no puede tomar valores marginwidth anchura del margen con respecto a los bordes del marco un número, acompañado de % cuando se desee que sea en porcentaje marginheight altura del margen con respecto a los bordes del marco un número, acompañado de % cuando se desee que sea en porcentaje scrolling se mostrará o no la barra de desplazamiento cuando la página del marco no se pueda visualizar completamente en él yes no auto src documento que se cargará en el marco ruta y nombre del documento Siempre que creamos una página queremos que pueda ser visitada por el mayor número de usuarios, por lo que el hecho de que hayan usuarios cuyos navegadores no soportan los marcos puede resultar un problema. Las etiquetas <noframes> y </noframes> se utilizan para que su contenido sea visualizado en aquellos navegadores que no soportan los marcos. Si un navegador no soporta los marcos, no cargará ningún documento en ningún marco, por lo que tendremos que mostrar el cuerpo del documento actual de algún modo. Por ello, han de introducirse las etiquetas <body> y </body> entre las etiquetas <noframes> y </noframes>.
  • 3. Por ejemplo, si escribiéramos el siguiente código: <html> <head> ... </head> <frameset cols="150,*"> <frame src="izquierdo.htm" name="marcoizquierdo"> <frame src="derecho.htm" name="marcoderecho"> </frameset> <noframes> <body> Este documento tiene marcos y tu navegador no los soporta. </body> </noframes> </html>