SlideShare una empresa de Scribd logo
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 (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

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
 

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 (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

Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdfPresentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
juancmendez1405
 

Último (20)

Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdfPresentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
 
5.Deicticos Uno_Enfermería_EspanolAcademico
5.Deicticos Uno_Enfermería_EspanolAcademico5.Deicticos Uno_Enfermería_EspanolAcademico
5.Deicticos Uno_Enfermería_EspanolAcademico
 
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
 
La historia de la vida estudiantil a 102 años de la fundación de las Normales...
La historia de la vida estudiantil a 102 años de la fundación de las Normales...La historia de la vida estudiantil a 102 años de la fundación de las Normales...
La historia de la vida estudiantil a 102 años de la fundación de las Normales...
 
Presentación Pedagoía medieval para exposición en clases
Presentación Pedagoía medieval para exposición en clasesPresentación Pedagoía medieval para exposición en clases
Presentación Pedagoía medieval para exposición en clases
 
Diagnostico del corregimiento de Junin del municipio de Barbacoas
Diagnostico del corregimiento de Junin del municipio de BarbacoasDiagnostico del corregimiento de Junin del municipio de Barbacoas
Diagnostico del corregimiento de Junin del municipio de Barbacoas
 
32 LECTURAS CORTAS PARA NIÑOS.pdf · versión 1.pdf
32 LECTURAS CORTAS PARA NIÑOS.pdf · versión 1.pdf32 LECTURAS CORTAS PARA NIÑOS.pdf · versión 1.pdf
32 LECTURAS CORTAS PARA NIÑOS.pdf · versión 1.pdf
 
Proceso de gestión de obras - Aquí tu Remodelación
Proceso de gestión de obras - Aquí tu RemodelaciónProceso de gestión de obras - Aquí tu Remodelación
Proceso de gestión de obras - Aquí tu Remodelación
 
Creación WEB. Ideas clave para crear un sitio web
Creación WEB. Ideas clave para crear un sitio webCreación WEB. Ideas clave para crear un sitio web
Creación WEB. Ideas clave para crear un sitio web
 
ENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docx
ENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docxENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docx
ENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docx
 
Descripción anatómica de los músculos de la cabeza de equino y bovino (6).pdf
Descripción anatómica de los músculos de la cabeza de equino y bovino (6).pdfDescripción anatómica de los músculos de la cabeza de equino y bovino (6).pdf
Descripción anatómica de los músculos de la cabeza de equino y bovino (6).pdf
 
PLAN DE TRABAJO CONCURSO NACIONAL CREA Y EMPRENDE.docx
PLAN DE TRABAJO CONCURSO NACIONAL CREA Y EMPRENDE.docxPLAN DE TRABAJO CONCURSO NACIONAL CREA Y EMPRENDE.docx
PLAN DE TRABAJO CONCURSO NACIONAL CREA Y EMPRENDE.docx
 
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
 
Presentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos DigitalesPresentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos Digitales
 
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIALA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
 
Poemas de Beatriz Giménez de Ory_trabajos de 6º
Poemas de Beatriz Giménez de Ory_trabajos de 6ºPoemas de Beatriz Giménez de Ory_trabajos de 6º
Poemas de Beatriz Giménez de Ory_trabajos de 6º
 
Lec. 08 Esc. Sab. Luz desde el santuario
Lec. 08 Esc. Sab. Luz desde el santuarioLec. 08 Esc. Sab. Luz desde el santuario
Lec. 08 Esc. Sab. Luz desde el santuario
 
Vínculo afectivo (labor expositivo de grupo )
Vínculo afectivo (labor expositivo de grupo )Vínculo afectivo (labor expositivo de grupo )
Vínculo afectivo (labor expositivo de grupo )
 
5º PARTE 3 SOY LECTOR -MD EDUCATIVO_240418_155445 (1).pdf
5º PARTE 3 SOY LECTOR -MD EDUCATIVO_240418_155445 (1).pdf5º PARTE 3 SOY LECTOR -MD EDUCATIVO_240418_155445 (1).pdf
5º PARTE 3 SOY LECTOR -MD EDUCATIVO_240418_155445 (1).pdf
 
2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptx2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptx
 

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.