SlideShare una empresa de Scribd logo
1 de 10
FRAMES
¿QUÉ SON LOS FRAMES?   Una de las más modernas características de HTML son los frames, los frames -que significan en castellano marcos- son una manera de partir la página en distintos espacios independientes los unos de los otros, de modo que en cada espacio se coloca una página distinta que se codifica en un fichero HTML distinto. Cómo ya hemos dicho, los frames nos permiten dividir la ventana del navegador en varias zonas o subventanas completamente independientes entre sí, como si fueran páginas diferentes, incluso cada una de ellas con sus propias barras de scroll. .
CONCEPTO: Los frames (marcos o cuadros) permiten dividir la ventana en varias más pequeñas, de modo que en cada una de ellas se cargua una página html distinta. Los frames se declaran con la etiqueta  <FRAMESET> , que debe ser colocada antes de la etiqueta <BODY>. Si no se cumple este requisito, la etiqueta se ignorará.
CODIGO: <HTML> <HEAD><TITLE> Título de la página </TITLE></HEAD> <FRAMESET ROWS=75,*> <FRAME SRC=&quot;frames1.htm&quot; > <FRAME SRC=&quot;frames2.htm&quot; > </FRAMESET> <NOFRAMES> <BODY> Lo siento,su navegador no soporta frames. Pulse <a href=&quot;frames1.htm>aquí </A>  para acceder a los contenidos de estas páginas. </BODY> </NOFRAMES> </HTML>
EL atributo ROWS (filas) es el que define el número y el tamaño de los frames, en este caso dos filas, de 75 píxels la primera y el resto de la ventana la segunda. También se puede dividir en columnas mediante COLS El tamaño de los frames se puede especificar de más formas: COLS=*,5* dos columnas, la segunda cinco veces mayor que la primera COLS=150,*,150 tres colunmas, la primera y tercera de 150 píxels, la segunda ocupa el resto. ROWS=20%,80% dos filas que ocupan el 20 % y el 80 % del espacio respectivamente. Las etiquetas FRAME SRC=&quot;frames.htm&quot; cargan las página indicadas en el frame correspondiente. FILAS Y COLUMNAS
Filas y columnas  Ajuste de la filasatributo define el número de subespacios horizontales en un conjunto de marcos. Ajuste de la colsatributo define el número de subespacios verticales. Ambos atributos se pueden establecer al mismo tiempo para crear una cuadrícula. Si el filasatributo no está establecido, cada columna se extiende a lo largo de toda la página. Si elcolsatributo no está establecido, cada fila se extiende a todo el ancho de la página. Si ninguno de atributo se establece, el marco tiene exactamente el tamaño de la página.
<FRAMESET COLS=20%,*> <FRAME SRC=&quot;frames1.htm&quot;> <FRAMESET ROWS=20%,*> <FRAME SRC=&quot;frames2.htm&quot;> <FRAME SRC=&quot;frames3.htm&quot;> </FRAMESET> </FRAMESET>
Ejm: Este es un  ejemplo como nos debe salir el marco
F I N
Integrantes:  Mateo Arcos,  Vanessa Heras,  David galindo, Karla Campoverde.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Frames
FramesFrames
Frames
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames.adri
Frames.adriFrames.adri
Frames.adri
 
Frames en html
Frames en htmlFrames en html
Frames en html
 
Trabajo de computacion
Trabajo de computacionTrabajo de computacion
Trabajo de computacion
 
Trabajo de computacion
Trabajo de computacionTrabajo de computacion
Trabajo de computacion
 
Qué son los frames (1)
Qué son los frames (1)Qué son los frames (1)
Qué son los frames (1)
 
Qué son los frames
Qué son los framesQué son los frames
Qué son los frames
 
Que es un frame en html
Que es un frame en htmlQue es un frame en html
Que es un frame en html
 
Frames o marcos en páginas html
Frames o marcos en páginas htmlFrames o marcos en páginas html
Frames o marcos en páginas html
 

Destacado

DMS: Hypebusters: Expecting the Unexpected
DMS: Hypebusters: Expecting the UnexpectedDMS: Hypebusters: Expecting the Unexpected
DMS: Hypebusters: Expecting the UnexpectedDigiday
 
G6 m3-c-lesson 17-t
G6 m3-c-lesson 17-tG6 m3-c-lesson 17-t
G6 m3-c-lesson 17-tmlabuski
 
Multipurpose wood frame week6 Project process model
Multipurpose wood frame week6 Project process model Multipurpose wood frame week6 Project process model
Multipurpose wood frame week6 Project process model Escapadezz
 
The amazing story of molehill
The amazing story of molehillThe amazing story of molehill
The amazing story of molehillOpenKratio
 
강소영& 강두원의 수학 문화원 탐방 보고서
강소영& 강두원의 수학 문화원 탐방 보고서강소영& 강두원의 수학 문화원 탐방 보고서
강소영& 강두원의 수학 문화원 탐방 보고서Min Jeong Son
 
ASP.NET Session 2
ASP.NET Session 2ASP.NET Session 2
ASP.NET Session 2Sisir Ghosh
 
Unidad 2 pagina web
Unidad 2 pagina webUnidad 2 pagina web
Unidad 2 pagina webwilson000
 
The importance of correctly identifying devices and services that fit users' ...
The importance of correctly identifying devices and services that fit users' ...The importance of correctly identifying devices and services that fit users' ...
The importance of correctly identifying devices and services that fit users' ...AEGIS-ACCESSIBLE Projects
 
Ha passat un any
Ha passat un anyHa passat un any
Ha passat un anyArlequinada
 

Destacado (20)

Proj Example2
Proj Example2Proj Example2
Proj Example2
 
Seeds of Promise: Planting Gardens of Hope
Seeds of Promise: Planting Gardens of HopeSeeds of Promise: Planting Gardens of Hope
Seeds of Promise: Planting Gardens of Hope
 
Percepcion Economica 2009
Percepcion Economica 2009Percepcion Economica 2009
Percepcion Economica 2009
 
Bts 2014 reference
Bts 2014 referenceBts 2014 reference
Bts 2014 reference
 
前期講座02
前期講座02前期講座02
前期講座02
 
Design Thinking by the Thoughtweavers
Design Thinking by the ThoughtweaversDesign Thinking by the Thoughtweavers
Design Thinking by the Thoughtweavers
 
XzenView Presentation
XzenView Presentation XzenView Presentation
XzenView Presentation
 
Présentation du partenariat site
Présentation du partenariat sitePrésentation du partenariat site
Présentation du partenariat site
 
DMS: Hypebusters: Expecting the Unexpected
DMS: Hypebusters: Expecting the UnexpectedDMS: Hypebusters: Expecting the Unexpected
DMS: Hypebusters: Expecting the Unexpected
 
Html básico 2 imagens
Html básico 2   imagensHtml básico 2   imagens
Html básico 2 imagens
 
G6 m3-c-lesson 17-t
G6 m3-c-lesson 17-tG6 m3-c-lesson 17-t
G6 m3-c-lesson 17-t
 
Multipurpose wood frame week6 Project process model
Multipurpose wood frame week6 Project process model Multipurpose wood frame week6 Project process model
Multipurpose wood frame week6 Project process model
 
The amazing story of molehill
The amazing story of molehillThe amazing story of molehill
The amazing story of molehill
 
강소영& 강두원의 수학 문화원 탐방 보고서
강소영& 강두원의 수학 문화원 탐방 보고서강소영& 강두원의 수학 문화원 탐방 보고서
강소영& 강두원의 수학 문화원 탐방 보고서
 
Medco (MHS) Bench
Medco (MHS) BenchMedco (MHS) Bench
Medco (MHS) Bench
 
ASP.NET Session 2
ASP.NET Session 2ASP.NET Session 2
ASP.NET Session 2
 
Unidad 2 pagina web
Unidad 2 pagina webUnidad 2 pagina web
Unidad 2 pagina web
 
The importance of correctly identifying devices and services that fit users' ...
The importance of correctly identifying devices and services that fit users' ...The importance of correctly identifying devices and services that fit users' ...
The importance of correctly identifying devices and services that fit users' ...
 
Philippines background checks
Philippines background checksPhilippines background checks
Philippines background checks
 
Ha passat un any
Ha passat un anyHa passat un any
Ha passat un any
 

Similar a Frames (20)

Frames slideshare
Frames slideshareFrames slideshare
Frames slideshare
 
Marcos perro
Marcos perroMarcos perro
Marcos perro
 
Marcos
MarcosMarcos
Marcos
 
Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5
 
Marcos
MarcosMarcos
Marcos
 
Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5
 
Presentación1 de frames y marcos
Presentación1 de frames y marcosPresentación1 de frames y marcos
Presentación1 de frames y marcos
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
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
 
Frameset
FramesetFrameset
Frameset
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Byb4
Byb4Byb4
Byb4
 
Frames
FramesFrames
Frames
 
Cristianbayon1
Cristianbayon1Cristianbayon1
Cristianbayon1
 
Cristianbayon1
Cristianbayon1Cristianbayon1
Cristianbayon1
 
Guía No.2 Grado 7
Guía No.2 Grado 7Guía No.2 Grado 7
Guía No.2 Grado 7
 
curso de html
curso de htmlcurso de html
curso de html
 

Más de karla campoverde

Más de karla campoverde (6)

Flash
FlashFlash
Flash
 
Frames
FramesFrames
Frames
 
El artede callar
El artede callarEl artede callar
El artede callar
 
Significado familia en_ingl_s
Significado familia en_ingl_sSignificado familia en_ingl_s
Significado familia en_ingl_s
 
La carta
La cartaLa carta
La carta
 
El cielo paulo_coelho rh
El cielo paulo_coelho rhEl cielo paulo_coelho rh
El cielo paulo_coelho rh
 

Último

Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Juan Martín Martín
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOPsicoterapia Holística
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOluismii249
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxFernando Solis
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptNancyMoreiraMora1
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfpatriciaines1993
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfJonathanCovena1
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024IES Vicent Andres Estelles
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxBeatrizQuijano2
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.docRodneyFrankCUADROSMI
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...Ars Erótica
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfGruberACaraballo
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresJonathanCovena1
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxiemerc2024
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primariaWilian24
 

Último (20)

Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 
Novena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan EudesNovena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan Eudes
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 

Frames

  • 2. ¿QUÉ SON LOS FRAMES?   Una de las más modernas características de HTML son los frames, los frames -que significan en castellano marcos- son una manera de partir la página en distintos espacios independientes los unos de los otros, de modo que en cada espacio se coloca una página distinta que se codifica en un fichero HTML distinto. Cómo ya hemos dicho, los frames nos permiten dividir la ventana del navegador en varias zonas o subventanas completamente independientes entre sí, como si fueran páginas diferentes, incluso cada una de ellas con sus propias barras de scroll. .
  • 3. CONCEPTO: Los frames (marcos o cuadros) permiten dividir la ventana en varias más pequeñas, de modo que en cada una de ellas se cargua una página html distinta. Los frames se declaran con la etiqueta <FRAMESET> , que debe ser colocada antes de la etiqueta <BODY>. Si no se cumple este requisito, la etiqueta se ignorará.
  • 4. CODIGO: <HTML> <HEAD><TITLE> Título de la página </TITLE></HEAD> <FRAMESET ROWS=75,*> <FRAME SRC=&quot;frames1.htm&quot; > <FRAME SRC=&quot;frames2.htm&quot; > </FRAMESET> <NOFRAMES> <BODY> Lo siento,su navegador no soporta frames. Pulse <a href=&quot;frames1.htm>aquí </A> para acceder a los contenidos de estas páginas. </BODY> </NOFRAMES> </HTML>
  • 5. EL atributo ROWS (filas) es el que define el número y el tamaño de los frames, en este caso dos filas, de 75 píxels la primera y el resto de la ventana la segunda. También se puede dividir en columnas mediante COLS El tamaño de los frames se puede especificar de más formas: COLS=*,5* dos columnas, la segunda cinco veces mayor que la primera COLS=150,*,150 tres colunmas, la primera y tercera de 150 píxels, la segunda ocupa el resto. ROWS=20%,80% dos filas que ocupan el 20 % y el 80 % del espacio respectivamente. Las etiquetas FRAME SRC=&quot;frames.htm&quot; cargan las página indicadas en el frame correspondiente. FILAS Y COLUMNAS
  • 6. Filas y columnas Ajuste de la filasatributo define el número de subespacios horizontales en un conjunto de marcos. Ajuste de la colsatributo define el número de subespacios verticales. Ambos atributos se pueden establecer al mismo tiempo para crear una cuadrícula. Si el filasatributo no está establecido, cada columna se extiende a lo largo de toda la página. Si elcolsatributo no está establecido, cada fila se extiende a todo el ancho de la página. Si ninguno de atributo se establece, el marco tiene exactamente el tamaño de la página.
  • 7. <FRAMESET COLS=20%,*> <FRAME SRC=&quot;frames1.htm&quot;> <FRAMESET ROWS=20%,*> <FRAME SRC=&quot;frames2.htm&quot;> <FRAME SRC=&quot;frames3.htm&quot;> </FRAMESET> </FRAMESET>
  • 8. Ejm: Este es un ejemplo como nos debe salir el marco
  • 10. Integrantes: Mateo Arcos, Vanessa Heras, David galindo, Karla Campoverde.