SlideShare una empresa de Scribd logo
Colegio Grecia 
Frameset 
Materia: Computación 
Alumnos: Rodrigo Lameiro y Mariana Rubio
Ejemplo
¿Qué es? 
Los frames (marcos o cuadros) que son los que permiten dividir la 
ventana en varias más pequeñas, de modo que en cada una de ellas se 
carga una página html distinta. 
Las versiones más antiguas de los navegadores no tienen 
implementada esta característica, por lo que no podrán verlos.
¿Con que navegadores es 
compatible frameset? 
Element 
<frameset> Yes Yes Yes Yes Yes
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 
framespacin 
g 
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
¿Para que sirve 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.
¿Ubicación en html? 
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.
Ejemplo:
Bibliografía 
CARDENAS, J. (17 de 05 de 2012). FRAMES. Obtenido de FRAMES: 
http://platea.pntic.mec.es/~abercian/ 
Demacia, K. d. (17 de 09 de 2014). FRAMESET. Obtenido de FRAMESET: 
www.htmlpoint.com/guida/html_13.htm 
DOMINGUEZ, P. (04 de 12 de 2013). PSICO BYTE. Obtenido de PSICO BYTE: 
http://www.psicobyte.com/html/curso/h 
LOPEZ, M. Q. (03 de 09 de 2014). AULA CLIC. Obtenido de AULA CLIC: 
http://www.aulaclic.es/html/t_7_1.htm

Más contenido relacionado

La actualidad más candente

"MENUS CSS"
"MENUS CSS""MENUS CSS"
"MENUS CSS"qlitox
 
EJEMPLO
EJEMPLOEJEMPLO
EJEMPLObriasb
 
Webdesign Aula 06 - CSS NO WEBDESIGN
Webdesign Aula 06 - CSS NO WEBDESIGNWebdesign Aula 06 - CSS NO WEBDESIGN
Webdesign Aula 06 - CSS NO WEBDESIGNRenato Melo
 
Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallasadrianamontano2
 
Htm ly html5cuadrocomparativo
Htm ly html5cuadrocomparativoHtm ly html5cuadrocomparativo
Htm ly html5cuadrocomparativojennyferzuluagayo
 

La actualidad más candente (8)

"MENUS CSS"
"MENUS CSS""MENUS CSS"
"MENUS CSS"
 
EJEMPLO
EJEMPLOEJEMPLO
EJEMPLO
 
Webdesign Aula 06 - CSS NO WEBDESIGN
Webdesign Aula 06 - CSS NO WEBDESIGNWebdesign Aula 06 - CSS NO WEBDESIGN
Webdesign Aula 06 - CSS NO WEBDESIGN
 
Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallas
 
Htm ly html5cuadrocomparativo
Htm ly html5cuadrocomparativoHtm ly html5cuadrocomparativo
Htm ly html5cuadrocomparativo
 
Manual de css
Manual de cssManual de css
Manual de css
 
Manual css
Manual cssManual css
Manual css
 
1 crear pag formatos
1 crear pag formatos1 crear pag formatos
1 crear pag formatos
 

Destacado (9)

P rueba de color
P rueba de colorP rueba de color
P rueba de color
 
Multimetro y los dispositivos moviles
Multimetro y los dispositivos movilesMultimetro y los dispositivos moviles
Multimetro y los dispositivos moviles
 
Merry PHP
Merry PHPMerry PHP
Merry PHP
 
Rn104
Rn104Rn104
Rn104
 
La Seguridad En Internet-Raquel
La Seguridad En Internet-RaquelLa Seguridad En Internet-Raquel
La Seguridad En Internet-Raquel
 
Sptite
SptiteSptite
Sptite
 
Informatica juridica
 Informatica juridica Informatica juridica
Informatica juridica
 
Proyecto de FIEM
Proyecto de FIEMProyecto de FIEM
Proyecto de FIEM
 
Crearun blogenblogger
Crearun blogenbloggerCrearun blogenblogger
Crearun blogenblogger
 

Similar a Frameset (20)

Byb4
Byb4Byb4
Byb4
 
Marcos
MarcosMarcos
Marcos
 
Marcos
MarcosMarcos
Marcos
 
Marcos perro
Marcos perroMarcos perro
Marcos perro
 
Presentación2
Presentación2Presentación2
Presentación2
 
Frames
FramesFrames
Frames
 
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
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Presentación1 de frames y marcos
Presentación1 de frames y marcosPresentación1 de frames y marcos
Presentación1 de frames y marcos
 
Capas en html
Capas en htmlCapas en html
Capas en html
 
Frames Slideshare
Frames SlideshareFrames Slideshare
Frames Slideshare
 
Frames slideshare
Frames slideshareFrames slideshare
Frames slideshare
 
Frames slideshare
Frames slideshareFrames slideshare
Frames slideshare
 
Qué son los frames
Qué son los framesQué son los frames
Qué son los frames
 
Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
 
Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
 
Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
 

Último

Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.sofiasonder
 
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Luis Fernando Uribe Villamil
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesPABLOCESARGARZONBENI
 
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdfPons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdffrank0071
 
Inteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicialInteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicialEducática
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaFernando Villares
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfEmilio Casbas
 
¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf7adelosriosarangojua
 
Presentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxPresentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxTaim11
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informáticavazquezgarciajesusma
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfManuelCampos464987
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Telefónica
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respetocdraco
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfcj3806354
 
HIGADO Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
HIGADO  Y TRAUMA HEPATICO UDABOL 2024 (3).pdfHIGADO  Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
HIGADO Y TRAUMA HEPATICO UDABOL 2024 (3).pdfIsabelHuairaGarma
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiegoCampos433849
 
Licencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de SoftwareLicencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de SoftwareAndres Avila
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxLeidyfuentes19
 
Introducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxIntroducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxJohanna4222
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx44652726
 

Último (20)

Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.
 
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdfPons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
 
Inteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicialInteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicial
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
 
¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf
 
Presentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxPresentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptx
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
HIGADO Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
HIGADO  Y TRAUMA HEPATICO UDABOL 2024 (3).pdfHIGADO  Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
HIGADO Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
Licencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de SoftwareLicencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de Software
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
Introducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxIntroducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptx
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
 

Frameset

  • 1. Colegio Grecia Frameset Materia: Computación Alumnos: Rodrigo Lameiro y Mariana Rubio
  • 3. ¿Qué es? Los frames (marcos o cuadros) que son los que permiten dividir la ventana en varias más pequeñas, de modo que en cada una de ellas se carga una página html distinta. Las versiones más antiguas de los navegadores no tienen implementada esta característica, por lo que no podrán verlos.
  • 4. ¿Con que navegadores es compatible frameset? Element <frameset> Yes Yes Yes Yes Yes
  • 5. 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 framespacin g 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
  • 6. ¿Para que sirve 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.
  • 7.
  • 8. ¿Ubicación en html? 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.
  • 10. Bibliografía CARDENAS, J. (17 de 05 de 2012). FRAMES. Obtenido de FRAMES: http://platea.pntic.mec.es/~abercian/ Demacia, K. d. (17 de 09 de 2014). FRAMESET. Obtenido de FRAMESET: www.htmlpoint.com/guida/html_13.htm DOMINGUEZ, P. (04 de 12 de 2013). PSICO BYTE. Obtenido de PSICO BYTE: http://www.psicobyte.com/html/curso/h LOPEZ, M. Q. (03 de 09 de 2014). AULA CLIC. Obtenido de AULA CLIC: http://www.aulaclic.es/html/t_7_1.htm