SlideShare una empresa de Scribd logo
1 de 7
Frames o marcos en
   páginas HTML

 Realizado por: Corina Arteaga
    Colegio sudamericano
            9no “B”
¿Qué son Frames?
• Una de las más modernas características de
  HTML son los frames, que se añadieron, tanto
  en Netscape Navigator como en Internet
  Explorer, a partir de sus versiones 2.0. 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.
• Al principio se crearon como etiquetas
  propietarias del navegador Netscape y
  rápidamente la potencia del recurso hizo que el
  uso de frames se extendiera por toda la web.
  Poco tardaría Internet Explorer en incluirlos, para
  que no se le escapase una novedad tan popular
  de su competidor. Finalmente, como respuesta a
  la popularidad entre los desarrolladores de los
  frames, el estándar HTML 4.0 incluyó estas
  etiquetas dentro de las permitidas.
• Los frames, como decíamos, nos permiten partir
  la ventana del navegador en diferentes áreas.
  Cada una de estas áreas son independientes y
  han de ser codificadas con archivos HTML
  también independientes. Como resultado, cada
  frame o marco contiene las propiedades
  específicas que le indiquemos en el código HTML
  a presentar en ese espacio. Así mismo, y dado
  que cada marco es independiente, tendrán sus
  propias barras de desplazamiento, horizontales y
  verticales, por separado.
¿Cómo utilizar frames?
• <frameset cols=?%, ?%>: Sirve para verificar el
  porcentaje de la pantalla que se utilizará para
  cada columna.
• <frameset rows=?,?>: Sirve para establecer el
  ancho de cada fila dentro del documento con
  un ancho n° 300.
• Combinando estos factores se obtiene una
  página dividida en las partes deseadas…
Ejemplo de comandos para
    una página con frames…
• <HTML> <HEAD> <TITLE>Un documento simple con
  marcos</TITLE> </HEAD> <FRAMESET cols="20%, 80%">
  <FRAMESET rows="100, 200">
• <FRAME src="contenidos_del_marco1.html">
• <FRAME src="contenidos_del_marco2.gif"> </FRAMESET>
• <FRAME src="contenidos_del_marco3.html">
• <NOFRAMES> <P>Este conjunto de marcos contiene:
• <UL> <LI><A href="contenidos_del_marco1.html">Contenidos
  chéveres</A>
• <LI><IMG src="contenidos_del_marco2.gif" alt="Una imagen
  chévere">
• <LI><A href="contenidos_del_marco3.html">Más contenidos
  chéveres</A> </UL> </NOFRAMES> </FRAMESET> </HTML>
El Resultado…

Más contenido relacionado

La actualidad más candente

La actualidad más candente (15)

Nuevo presentación de microsoft office power point
Nuevo presentación de microsoft office power pointNuevo presentación de microsoft office power point
Nuevo presentación de microsoft office power point
 
Presentación2
Presentación2Presentación2
Presentación2
 
Daniisanchez (1)
Daniisanchez (1)Daniisanchez (1)
Daniisanchez (1)
 
Pesentacion luisa vargas (2)
Pesentacion luisa vargas (2)Pesentacion luisa vargas (2)
Pesentacion luisa vargas (2)
 
Colegió nacional nicolás esguerra
Colegió nacional nicolás esguerraColegió nacional nicolás esguerra
Colegió nacional nicolás esguerra
 
Byb4
Byb4Byb4
Byb4
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Marcos
MarcosMarcos
Marcos
 
Frames en html
Frames  en htmlFrames  en html
Frames en html
 
Semana 3 Maquetación CSS
Semana 3   Maquetación CSSSemana 3   Maquetación CSS
Semana 3 Maquetación CSS
 
Frames en html
Frames  en htmlFrames  en html
Frames en html
 

Similar a Frames o marcos en páginas html

Similar a Frames o marcos en páginas html (20)

Presentacion frame
Presentacion framePresentacion frame
Presentacion frame
 
que es frame html
que es frame htmlque es frame html
que es frame html
 
Presentacin1 120529164835-phpapp02
Presentacin1 120529164835-phpapp02Presentacin1 120529164835-phpapp02
Presentacin1 120529164835-phpapp02
 
frames
framesframes
frames
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esgerra
Colegio nacional nicolas esgerraColegio nacional nicolas esgerra
Colegio nacional nicolas esgerra
 
Colegio nacional nicolas esgerra
Colegio nacional nicolas esgerraColegio nacional nicolas esgerra
Colegio nacional nicolas esgerra
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
unidad 1
unidad 1unidad 1
unidad 1
 
Html
HtmlHtml
Html
 
actividad informatica ne
actividad informatica neactividad informatica ne
actividad informatica ne
 
Dreamweaver j-l
Dreamweaver j-lDreamweaver j-l
Dreamweaver j-l
 
Red coorporativa
Red coorporativaRed coorporativa
Red coorporativa
 
Deber2 css 21
Deber2 css 21Deber2 css 21
Deber2 css 21
 
1-HTML EXPO.pdf
1-HTML EXPO.pdf1-HTML EXPO.pdf
1-HTML EXPO.pdf
 
Frames
FramesFrames
Frames
 
crossmedia 03: css
crossmedia 03: csscrossmedia 03: css
crossmedia 03: css
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Presentación Seminario Cleformación HTML5, El lenguaje del futuro
Presentación Seminario Cleformación HTML5, El lenguaje del futuroPresentación Seminario Cleformación HTML5, El lenguaje del futuro
Presentación Seminario Cleformación HTML5, El lenguaje del futuro
 

Último

SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfMARIAPAULAMAHECHAMOR
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 

Último (20)

SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdf
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
La Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdfLa Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdf
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 

Frames o marcos en páginas html

  • 1. Frames o marcos en páginas HTML Realizado por: Corina Arteaga Colegio sudamericano 9no “B”
  • 2. ¿Qué son Frames? • Una de las más modernas características de HTML son los frames, que se añadieron, tanto en Netscape Navigator como en Internet Explorer, a partir de sus versiones 2.0. 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.
  • 3. • Al principio se crearon como etiquetas propietarias del navegador Netscape y rápidamente la potencia del recurso hizo que el uso de frames se extendiera por toda la web. Poco tardaría Internet Explorer en incluirlos, para que no se le escapase una novedad tan popular de su competidor. Finalmente, como respuesta a la popularidad entre los desarrolladores de los frames, el estándar HTML 4.0 incluyó estas etiquetas dentro de las permitidas.
  • 4. • Los frames, como decíamos, nos permiten partir la ventana del navegador en diferentes áreas. Cada una de estas áreas son independientes y han de ser codificadas con archivos HTML también independientes. Como resultado, cada frame o marco contiene las propiedades específicas que le indiquemos en el código HTML a presentar en ese espacio. Así mismo, y dado que cada marco es independiente, tendrán sus propias barras de desplazamiento, horizontales y verticales, por separado.
  • 5. ¿Cómo utilizar frames? • <frameset cols=?%, ?%>: Sirve para verificar el porcentaje de la pantalla que se utilizará para cada columna. • <frameset rows=?,?>: Sirve para establecer el ancho de cada fila dentro del documento con un ancho n° 300. • Combinando estos factores se obtiene una página dividida en las partes deseadas…
  • 6. Ejemplo de comandos para una página con frames… • <HTML> <HEAD> <TITLE>Un documento simple con marcos</TITLE> </HEAD> <FRAMESET cols="20%, 80%"> <FRAMESET rows="100, 200"> • <FRAME src="contenidos_del_marco1.html"> • <FRAME src="contenidos_del_marco2.gif"> </FRAMESET> • <FRAME src="contenidos_del_marco3.html"> • <NOFRAMES> <P>Este conjunto de marcos contiene: • <UL> <LI><A href="contenidos_del_marco1.html">Contenidos chéveres</A> • <LI><IMG src="contenidos_del_marco2.gif" alt="Una imagen chévere"> • <LI><A href="contenidos_del_marco3.html">Más contenidos chéveres</A> </UL> </NOFRAMES> </FRAMESET> </HTML>