SlideShare una empresa de Scribd logo
1 de 2
MENU
Cristian camilo quicazan R
Sergio Leonel rincón herrera
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.
Cada uno de los marcos de una página, contiene un documento HTML individual. Por ejemplo, en
la imagen de la derecha puedes ver una página con dos marcos. El marco izquierdo contiene el
documento menu.htm y el derecho el documento perros.htm. Para poder visualizar la página de
este modo, hemos tenido que abrir en el navegador el documento marcos.htm, que es el que en
este caso contiene el grupo de marcos.
El trabajar con marcos puede resultar una tarea algo complicada, sobretodo al principio, por
lo que vemos solamente algunos conteptos básicos y ejemplos sencillos.
Como hemos visto si queremos utilizar marcos debemos crear una página con la definición
del conjunto de marcos (en el ejemplo anterior la página marcos.htm).
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.
Los atributos que pueden especificarse sobre la etiqueta <frameset> son los siguientes:

Más contenido relacionado

La actualidad más candente (18)

Inf #4
Inf #4Inf #4
Inf #4
 
Marcos HTML
Marcos HTMLMarcos HTML
Marcos HTML
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
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
 
Html y tags
Html y tagsHtml y tags
Html y tags
 
CLASES DE DISEÑO WEB
CLASES DE DISEÑO WEBCLASES DE DISEÑO WEB
CLASES DE DISEÑO WEB
 
html
html html
html
 
Etiquetas header, nav, section, aside 02
Etiquetas header, nav, section, aside 02Etiquetas header, nav, section, aside 02
Etiquetas header, nav, section, aside 02
 
Aprender html
Aprender htmlAprender html
Aprender html
 
Html y tags
Html y tagsHtml y tags
Html y tags
 
Tutorial página web
Tutorial página webTutorial página web
Tutorial página web
 
Drupal: Introducción al módulo views
Drupal: Introducción al módulo viewsDrupal: Introducción al módulo views
Drupal: Introducción al módulo views
 
Html y tags
Html y tagsHtml y tags
Html y tags
 
Presentación janyne yepez
Presentación janyne yepezPresentación janyne yepez
Presentación janyne yepez
 
Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
 
Partes de una web
Partes de una webPartes de una web
Partes de una web
 

Similar a Menu (20)

Marcos HTML
Marcos HTMLMarcos HTML
Marcos HTML
 
Presentación1
Presentación1Presentación1
Presentación1
 
Byb4
Byb4Byb4
Byb4
 
Marcos
MarcosMarcos
Marcos
 
Trabajop final
Trabajop finalTrabajop final
Trabajop final
 
Trabajop final
Trabajop finalTrabajop final
Trabajop final
 
U2
U2U2
U2
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Trabajo final
Trabajo finalTrabajo final
Trabajo final
 
Marcos
MarcosMarcos
Marcos
 
Tutorial de dreamweaver
Tutorial de dreamweaverTutorial de dreamweaver
Tutorial de dreamweaver
 
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmlDescripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje html
 
Karina
KarinaKarina
Karina
 
Dreamweaver gisselle noguera
Dreamweaver gisselle nogueraDreamweaver gisselle noguera
Dreamweaver gisselle noguera
 
Clase 1
Clase 1Clase 1
Clase 1
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 naty
 
Adobe dreamweaver
Adobe dreamweaverAdobe dreamweaver
Adobe dreamweaver
 
Digitaldixit.com - Web Design Proposal
Digitaldixit.com - Web Design ProposalDigitaldixit.com - Web Design Proposal
Digitaldixit.com - Web Design Proposal
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 

Más de sergio804

Evidencia clase 5
Evidencia clase 5Evidencia clase 5
Evidencia clase 5sergio804
 
Evidencia iv
Evidencia ivEvidencia iv
Evidencia ivsergio804
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerrasergio804
 
Evidencia iv
Evidencia ivEvidencia iv
Evidencia ivsergio804
 
base de datos #1
base de datos #1base de datos #1
base de datos #1sergio804
 
Chachan y yo
Chachan y yoChachan y yo
Chachan y yosergio804
 
Colegio nacional nicolas esguerrasdf
Colegio nacional nicolas esguerrasdfColegio nacional nicolas esguerrasdf
Colegio nacional nicolas esguerrasdfsergio804
 
Rincon yopfasdfF
Rincon yopfasdfFRincon yopfasdfF
Rincon yopfasdfFsergio804
 
Presentación1aa
Presentación1aaPresentación1aa
Presentación1aasergio804
 
Colegio nacional nicolás esguerra111
Colegio nacional nicolás esguerra111Colegio nacional nicolás esguerra111
Colegio nacional nicolás esguerra111sergio804
 
Colegio nacional nicolás esguerra (1)
Colegio nacional nicolás esguerra (1)Colegio nacional nicolás esguerra (1)
Colegio nacional nicolás esguerra (1)sergio804
 
Presentación111aa
Presentación111aaPresentación111aa
Presentación111aasergio804
 
Colegio nacional nicolás esguerraaaaaaa
Colegio nacional nicolás esguerraaaaaaaColegio nacional nicolás esguerraaaaaaa
Colegio nacional nicolás esguerraaaaaaasergio804
 
Lego mindstorm nxt (2)ba
Lego mindstorm nxt (2)baLego mindstorm nxt (2)ba
Lego mindstorm nxt (2)basergio804
 

Más de sergio804 (20)

Menu
MenuMenu
Menu
 
Evidencia clase 5
Evidencia clase 5Evidencia clase 5
Evidencia clase 5
 
Char
CharChar
Char
 
Evidencia iv
Evidencia ivEvidencia iv
Evidencia iv
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Evidencia iv
Evidencia ivEvidencia iv
Evidencia iv
 
base de datos #1
base de datos #1base de datos #1
base de datos #1
 
Chachan y yo
Chachan y yoChachan y yo
Chachan y yo
 
Colegio nacional nicolas esguerrasdf
Colegio nacional nicolas esguerrasdfColegio nacional nicolas esguerrasdf
Colegio nacional nicolas esguerrasdf
 
Rincon yopfasdfF
Rincon yopfasdfFRincon yopfasdfF
Rincon yopfasdfF
 
Presentación1aa
Presentación1aaPresentación1aa
Presentación1aa
 
Colegio nacional nicolás esguerra111
Colegio nacional nicolás esguerra111Colegio nacional nicolás esguerra111
Colegio nacional nicolás esguerra111
 
Colegio nacional nicolás esguerra (1)
Colegio nacional nicolás esguerra (1)Colegio nacional nicolás esguerra (1)
Colegio nacional nicolás esguerra (1)
 
Presentación111aa
Presentación111aaPresentación111aa
Presentación111aa
 
Colegio nacional nicolás esguerraaaaaaa
Colegio nacional nicolás esguerraaaaaaaColegio nacional nicolás esguerraaaaaaa
Colegio nacional nicolás esguerraaaaaaa
 
Lego mindstorm nxt (2)ba
Lego mindstorm nxt (2)baLego mindstorm nxt (2)ba
Lego mindstorm nxt (2)ba
 
Aaaaaaa
AaaaaaaAaaaaaa
Aaaaaaa
 
aSuki
aSukiaSuki
aSuki
 
aA
aAaA
aA
 
Suki z
Suki zSuki z
Suki z
 

Último

informacion-finanTFHHETHAETHciera-2022.pdf
informacion-finanTFHHETHAETHciera-2022.pdfinformacion-finanTFHHETHAETHciera-2022.pdf
informacion-finanTFHHETHAETHciera-2022.pdfPriscilaBermello
 
Como Construir Un Modelo De Negocio.pdf nociones basicas
Como Construir Un Modelo De Negocio.pdf   nociones basicasComo Construir Un Modelo De Negocio.pdf   nociones basicas
Como Construir Un Modelo De Negocio.pdf nociones basicasoscarhernandez98241
 
ISO 45001-2018.pdf norma internacional para la estandarización
ISO 45001-2018.pdf norma internacional para la estandarizaciónISO 45001-2018.pdf norma internacional para la estandarización
ISO 45001-2018.pdf norma internacional para la estandarizaciónjesuscub33
 
COPASST Y COMITE DE CONVIVENCIA.pptx DE LA EMPRESA
COPASST Y COMITE DE CONVIVENCIA.pptx DE LA EMPRESACOPASST Y COMITE DE CONVIVENCIA.pptx DE LA EMPRESA
COPASST Y COMITE DE CONVIVENCIA.pptx DE LA EMPRESADanielAndresBrand
 
PPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAY
PPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAYPPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAY
PPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAYCarlosAlbertoVillafu3
 
LIC-ZIEGLER-Planificación y Control de Gestión
LIC-ZIEGLER-Planificación y Control de GestiónLIC-ZIEGLER-Planificación y Control de Gestión
LIC-ZIEGLER-Planificación y Control de GestiónBahamondesOscar
 
cuadro sinoptico tipos de organizaci.pdf
cuadro sinoptico tipos de organizaci.pdfcuadro sinoptico tipos de organizaci.pdf
cuadro sinoptico tipos de organizaci.pdfjesuseleazarcenuh
 
MARKETING SENSORIAL CONTENIDO, KARLA JANETH
MARKETING SENSORIAL CONTENIDO, KARLA JANETHMARKETING SENSORIAL CONTENIDO, KARLA JANETH
MARKETING SENSORIAL CONTENIDO, KARLA JANETHkarlinda198328
 
ADMINISTRACION FINANCIERA CAPITULO 4.pdf
ADMINISTRACION FINANCIERA CAPITULO 4.pdfADMINISTRACION FINANCIERA CAPITULO 4.pdf
ADMINISTRACION FINANCIERA CAPITULO 4.pdfguillencuevaadrianal
 
Clima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdfClima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdfConstructiva
 
Presentacion III ACTIVIDADES DE CONTROL. IV UNIDAD..pdf
Presentacion III ACTIVIDADES DE CONTROL. IV UNIDAD..pdfPresentacion III ACTIVIDADES DE CONTROL. IV UNIDAD..pdf
Presentacion III ACTIVIDADES DE CONTROL. IV UNIDAD..pdfLuisAlbertoAlvaradoF2
 
Clase 2 Ecosistema Emprendedor en Chile.
Clase 2 Ecosistema Emprendedor en Chile.Clase 2 Ecosistema Emprendedor en Chile.
Clase 2 Ecosistema Emprendedor en Chile.Gonzalo Morales Esparza
 
gua de docente para el curso de finanzas
gua de docente para el curso de finanzasgua de docente para el curso de finanzas
gua de docente para el curso de finanzassuperamigo2014
 
TIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptx
TIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptxTIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptx
TIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptxKevinHeredia14
 
ANÁLISIS CAME, DIAGNOSTICO PUERTO DEL CALLAO
ANÁLISIS CAME, DIAGNOSTICO  PUERTO DEL CALLAOANÁLISIS CAME, DIAGNOSTICO  PUERTO DEL CALLAO
ANÁLISIS CAME, DIAGNOSTICO PUERTO DEL CALLAOCarlosAlbertoVillafu3
 
Efectos del cambio climatico en huanuco.pptx
Efectos del cambio climatico en huanuco.pptxEfectos del cambio climatico en huanuco.pptx
Efectos del cambio climatico en huanuco.pptxCONSTRUCTORAEINVERSI3
 
PIA MATEMATICAS FINANCIERAS SOBRE PROBLEMAS DE ANUALIDAD.pptx
PIA MATEMATICAS FINANCIERAS SOBRE PROBLEMAS DE ANUALIDAD.pptxPIA MATEMATICAS FINANCIERAS SOBRE PROBLEMAS DE ANUALIDAD.pptx
PIA MATEMATICAS FINANCIERAS SOBRE PROBLEMAS DE ANUALIDAD.pptxJosePuentePadronPuen
 
Ejemplo Caso: El Juego de la negociación
Ejemplo Caso: El Juego de la negociaciónEjemplo Caso: El Juego de la negociación
Ejemplo Caso: El Juego de la negociaciónlicmarinaglez
 
modulo+penal+del+16+al+20+hhggde+enero.pdf
modulo+penal+del+16+al+20+hhggde+enero.pdfmodulo+penal+del+16+al+20+hhggde+enero.pdf
modulo+penal+del+16+al+20+hhggde+enero.pdfmisssusanalrescate01
 

Último (20)

informacion-finanTFHHETHAETHciera-2022.pdf
informacion-finanTFHHETHAETHciera-2022.pdfinformacion-finanTFHHETHAETHciera-2022.pdf
informacion-finanTFHHETHAETHciera-2022.pdf
 
Como Construir Un Modelo De Negocio.pdf nociones basicas
Como Construir Un Modelo De Negocio.pdf   nociones basicasComo Construir Un Modelo De Negocio.pdf   nociones basicas
Como Construir Un Modelo De Negocio.pdf nociones basicas
 
Tarea-4-Estadistica-Descriptiva-Materia.ppt
Tarea-4-Estadistica-Descriptiva-Materia.pptTarea-4-Estadistica-Descriptiva-Materia.ppt
Tarea-4-Estadistica-Descriptiva-Materia.ppt
 
ISO 45001-2018.pdf norma internacional para la estandarización
ISO 45001-2018.pdf norma internacional para la estandarizaciónISO 45001-2018.pdf norma internacional para la estandarización
ISO 45001-2018.pdf norma internacional para la estandarización
 
COPASST Y COMITE DE CONVIVENCIA.pptx DE LA EMPRESA
COPASST Y COMITE DE CONVIVENCIA.pptx DE LA EMPRESACOPASST Y COMITE DE CONVIVENCIA.pptx DE LA EMPRESA
COPASST Y COMITE DE CONVIVENCIA.pptx DE LA EMPRESA
 
PPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAY
PPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAYPPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAY
PPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAY
 
LIC-ZIEGLER-Planificación y Control de Gestión
LIC-ZIEGLER-Planificación y Control de GestiónLIC-ZIEGLER-Planificación y Control de Gestión
LIC-ZIEGLER-Planificación y Control de Gestión
 
cuadro sinoptico tipos de organizaci.pdf
cuadro sinoptico tipos de organizaci.pdfcuadro sinoptico tipos de organizaci.pdf
cuadro sinoptico tipos de organizaci.pdf
 
MARKETING SENSORIAL CONTENIDO, KARLA JANETH
MARKETING SENSORIAL CONTENIDO, KARLA JANETHMARKETING SENSORIAL CONTENIDO, KARLA JANETH
MARKETING SENSORIAL CONTENIDO, KARLA JANETH
 
ADMINISTRACION FINANCIERA CAPITULO 4.pdf
ADMINISTRACION FINANCIERA CAPITULO 4.pdfADMINISTRACION FINANCIERA CAPITULO 4.pdf
ADMINISTRACION FINANCIERA CAPITULO 4.pdf
 
Clima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdfClima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdf
 
Presentacion III ACTIVIDADES DE CONTROL. IV UNIDAD..pdf
Presentacion III ACTIVIDADES DE CONTROL. IV UNIDAD..pdfPresentacion III ACTIVIDADES DE CONTROL. IV UNIDAD..pdf
Presentacion III ACTIVIDADES DE CONTROL. IV UNIDAD..pdf
 
Clase 2 Ecosistema Emprendedor en Chile.
Clase 2 Ecosistema Emprendedor en Chile.Clase 2 Ecosistema Emprendedor en Chile.
Clase 2 Ecosistema Emprendedor en Chile.
 
gua de docente para el curso de finanzas
gua de docente para el curso de finanzasgua de docente para el curso de finanzas
gua de docente para el curso de finanzas
 
TIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptx
TIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptxTIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptx
TIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptx
 
ANÁLISIS CAME, DIAGNOSTICO PUERTO DEL CALLAO
ANÁLISIS CAME, DIAGNOSTICO  PUERTO DEL CALLAOANÁLISIS CAME, DIAGNOSTICO  PUERTO DEL CALLAO
ANÁLISIS CAME, DIAGNOSTICO PUERTO DEL CALLAO
 
Efectos del cambio climatico en huanuco.pptx
Efectos del cambio climatico en huanuco.pptxEfectos del cambio climatico en huanuco.pptx
Efectos del cambio climatico en huanuco.pptx
 
PIA MATEMATICAS FINANCIERAS SOBRE PROBLEMAS DE ANUALIDAD.pptx
PIA MATEMATICAS FINANCIERAS SOBRE PROBLEMAS DE ANUALIDAD.pptxPIA MATEMATICAS FINANCIERAS SOBRE PROBLEMAS DE ANUALIDAD.pptx
PIA MATEMATICAS FINANCIERAS SOBRE PROBLEMAS DE ANUALIDAD.pptx
 
Ejemplo Caso: El Juego de la negociación
Ejemplo Caso: El Juego de la negociaciónEjemplo Caso: El Juego de la negociación
Ejemplo Caso: El Juego de la negociación
 
modulo+penal+del+16+al+20+hhggde+enero.pdf
modulo+penal+del+16+al+20+hhggde+enero.pdfmodulo+penal+del+16+al+20+hhggde+enero.pdf
modulo+penal+del+16+al+20+hhggde+enero.pdf
 

Menu

  • 1. MENU Cristian camilo quicazan R Sergio Leonel rincón herrera
  • 2. 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. Cada uno de los marcos de una página, contiene un documento HTML individual. Por ejemplo, en la imagen de la derecha puedes ver una página con dos marcos. El marco izquierdo contiene el documento menu.htm y el derecho el documento perros.htm. Para poder visualizar la página de este modo, hemos tenido que abrir en el navegador el documento marcos.htm, que es el que en este caso contiene el grupo de marcos. El trabajar con marcos puede resultar una tarea algo complicada, sobretodo al principio, por lo que vemos solamente algunos conteptos básicos y ejemplos sencillos. Como hemos visto si queremos utilizar marcos debemos crear una página con la definición del conjunto de marcos (en el ejemplo anterior la página marcos.htm). 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. Los atributos que pueden especificarse sobre la etiqueta <frameset> son los siguientes: