SlideShare ist ein Scribd-Unternehmen logo
1 von 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.

Weitere ähnliche Inhalte

Was ist angesagt? (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
 

Andere mochten auch

G6 m3-c-lesson 17-t
G6 m3-c-lesson 17-tG6 m3-c-lesson 17-t
G6 m3-c-lesson 17-t
mlabuski
 
ASP.NET Session 2
ASP.NET Session 2ASP.NET Session 2
ASP.NET Session 2
Sisir Ghosh
 
Unidad 2 pagina web
Unidad 2 pagina webUnidad 2 pagina web
Unidad 2 pagina web
wilson000
 

Andere mochten auch (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
 

Ähnlich wie 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
 

Mehr von 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
 

Kürzlich hochgeladen

RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
amelia poma
 
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
Wilian24
 
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
Fernando Solis
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 

Kürzlich hochgeladen (20)

Código Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de VenezuelaCódigo Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de Venezuela
 
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptxPLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
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
 
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
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
 
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
 
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
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdf
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
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
 
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
 
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
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
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
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 

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.