SlideShare una empresa de Scribd logo
Colegio nacional Nicolás esguerra
Daniel pachón ángel
Edward neuta Arévalo
Página web VII
MARCOS
Conjunto de marcos <frameset>
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 seinsertan 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:
También es posible incluir asteriscos comovalores para los atributos cols y rows. Este valor
indica que dicha fila o columna ocupará todo lo que quede de ventana o subventana.
Cuando existan varias columnas o filas con este valor, se repartirán de forma equitativa lo
que quede de ventana.
Por ejemplo, si insertáramos la siguiente línea de código
<frameset rows="*" cols="142,*,25%">...</frameset>
Como el atributo rows tiene el valor asterisco, solo habría una fila, que ocuparía todo el alto
de la ventana. En este caso concreto no haría falta poner el atributo rows.
Como el atributo cols tiene tres valores, estaríamos dividiendo el documento en tres
columnas. La primera columna sería de 142 píxeles de ancho, la tercerá del 25% de la
ventana, y la segunda columna ocuparía lo que quedará de ventana (el 75% de la ventana
menos 142 píxeles).
También es posible anidar marcos. Es decir, es posible dividir marcos en otros marcos.
Por ejemplo, si insertáramos el siguiente código:
<frameset cols="142,*">
<frameset rows="80,*">...</frameset>
<frameset cols="25%,*,*">...</frameset>
</frameset>
Estaríamos dividiendo el documento en dos columnas. La primera sería de 142 píxeles, y
la otra abarcaría el resto de la ventana.
Al mismo tiempo, la primera columna o subventana estaría dividida en dos filas o
subventanas horizontales, la primera de ellas de 80 píxeles.
La segunda columna o subventana de la ventana principal se dividiría a su vez en tres
columnas, la primera de ellas del 25% de la subventana, y las otras dos se repartirían el
resto a partes iguales (se repartirían el 75% de la subventana).
Por último debemos saber que entre las etiquetas <frameset> y </frameset> sólo se
pueden encontrar la etiquetas <head> <noframe> <frameset> <frame> y sus
correspondientes etiquetas de cierre.
RESULTADO:
CODIGO:
<HTML>
<HEAD>
<TITLE>AIRJORDAN</TITLE>
</HEAD>
<framesetrows="*"cols="180,*" framespacing="0"frameborder="SI"border="3">
<frame src="MENU.HTML" name="marcoizquerdo"frameborder="SI"scrolling="SI"noresize>
<frame src="index.HTML"name="marcoizquierdo"frameborder="SI">
</frameset>
<noframes>
<BODY bgcolor="#99CC99">
Esta p&aacute;ginatiene marcos,ytu navegadornolossoprta
</BODY>
</noframes>
</HTML>

Más contenido relacionado

La actualidad más candente

Cristianbayon
CristianbayonCristianbayon
Cristianbayon
cristianandresbayon
 
Olivarko
OlivarkoOlivarko
Olivarko
Nikolas Avila
 
Normalizaión de base de datos (bdd)
Normalizaión de base de datos (bdd)Normalizaión de base de datos (bdd)
Normalizaión de base de datos (bdd)Celia Castillo Flores
 
tablas
tablastablas
tablas
cpaz12345
 
HTML COMO CREAR TABLAS Y TIPOS DE LISTAS.
HTML COMO CREAR TABLAS Y TIPOS DE LISTAS.HTML COMO CREAR TABLAS Y TIPOS DE LISTAS.
HTML COMO CREAR TABLAS Y TIPOS DE LISTAS.Jenny A
 
Leame
LeameLeame
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
Monsalve Sergio
 
Semana 2
Semana 2Semana 2
Codigos de tablas en html, imagenes, bordes
Codigos de tablas en html, imagenes, bordesCodigos de tablas en html, imagenes, bordes
Codigos de tablas en html, imagenes, bordes
Damarisreinoso09
 
Deber vero
Deber veroDeber vero
Deber vero
cristhianloor
 
dfghdfghdfg
dfghdfghdfgdfghdfghdfg
dfghdfghdfg
america_999_america
 
Manual r commander aa
Manual r commander aaManual r commander aa
Manual r commander aa
alejoacostan
 
Inf2 p1 a_danna gd
Inf2 p1 a_danna gdInf2 p1 a_danna gd
Inf2 p1 a_danna gd
Dgg2799
 
Pendejobnolll
PendejobnolllPendejobnolll
Pendejobnolll
REYMIS820
 
4. sql (autoguardado)
4. sql (autoguardado)4. sql (autoguardado)
4. sql (autoguardado)felpe33
 
Colocar un fondo en una pagina web
Colocar un fondo en una pagina webColocar un fondo en una pagina web
Colocar un fondo en una pagina web
Aquino1912
 

La actualidad más candente (20)

Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Base de datos
Base de datosBase de datos
Base de datos
 
Olivarko
OlivarkoOlivarko
Olivarko
 
Normalizaión de base de datos (bdd)
Normalizaión de base de datos (bdd)Normalizaión de base de datos (bdd)
Normalizaión de base de datos (bdd)
 
tablas
tablastablas
tablas
 
HTML COMO CREAR TABLAS Y TIPOS DE LISTAS.
HTML COMO CREAR TABLAS Y TIPOS DE LISTAS.HTML COMO CREAR TABLAS Y TIPOS DE LISTAS.
HTML COMO CREAR TABLAS Y TIPOS DE LISTAS.
 
Leame
LeameLeame
Leame
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Semana 2
Semana 2Semana 2
Semana 2
 
Codigos de tablas en html, imagenes, bordes
Codigos de tablas en html, imagenes, bordesCodigos de tablas en html, imagenes, bordes
Codigos de tablas en html, imagenes, bordes
 
Deber vero
Deber veroDeber vero
Deber vero
 
Producto 4
Producto 4Producto 4
Producto 4
 
Presentación1
Presentación1Presentación1
Presentación1
 
dfghdfghdfg
dfghdfghdfgdfghdfghdfg
dfghdfghdfg
 
Manual r commander aa
Manual r commander aaManual r commander aa
Manual r commander aa
 
Inf2 p1 a_danna gd
Inf2 p1 a_danna gdInf2 p1 a_danna gd
Inf2 p1 a_danna gd
 
Pendejobnolll
PendejobnolllPendejobnolll
Pendejobnolll
 
4. sql (autoguardado)
4. sql (autoguardado)4. sql (autoguardado)
4. sql (autoguardado)
 
Colocar un fondo en una pagina web
Colocar un fondo en una pagina webColocar un fondo en una pagina web
Colocar un fondo en una pagina web
 

Similar a Colegio nacional nicolás esguerra 5

Marcos
MarcosMarcos
Byb4
Byb4Byb4
Frames
FramesFrames
Frames
FramesFrames
Vinculos tablas y frames
Vinculos tablas y framesVinculos tablas y frames
Vinculos tablas y frames
Emilio Flores
 
Frames
FramesFrames
Frames
JESYKITA
 
Frames Slideshare
Frames SlideshareFrames Slideshare
Frames Slideshare
Instituto Sudamericano
 
Frames slideshare
Frames slideshareFrames slideshare
Frames slideshare
Instituto Sudamericano
 
Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
vilpuldia
 
Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
vilpuldia
 
Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
vilpuldia
 
Presentación1 de frames y marcos
Presentación1 de frames y marcosPresentación1 de frames y marcos
Presentación1 de frames y marcospachi-cualchi
 
Frameset
FramesetFrameset
Guía No.2 Grado 7
Guía No.2 Grado 7Guía No.2 Grado 7
Guía No.2 Grado 7gregoriopena
 
Frames
FramesFrames
Frames
vilpuldia
 
Presentación2
Presentación2Presentación2
Presentación2creto-96
 
Frames-Formularios
Frames-FormulariosFrames-Formularios
Frames-Formularios
Andres Trejo
 

Similar a Colegio nacional nicolás esguerra 5 (20)

Marcos
MarcosMarcos
Marcos
 
Byb4
Byb4Byb4
Byb4
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Vinculos tablas y frames
Vinculos tablas y framesVinculos tablas y frames
Vinculos tablas y frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames Slideshare
Frames SlideshareFrames Slideshare
Frames Slideshare
 
Frames slideshare
Frames slideshareFrames slideshare
Frames slideshare
 
Frames slideshare
Frames slideshareFrames slideshare
Frames slideshare
 
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
 
Presentación1 de frames y marcos
Presentación1 de frames y marcosPresentación1 de frames y marcos
Presentación1 de frames y marcos
 
Frameset
FramesetFrameset
Frameset
 
Guía No.2 Grado 7
Guía No.2 Grado 7Guía No.2 Grado 7
Guía No.2 Grado 7
 
Frames of nicolas padilla
Frames of nicolas padillaFrames of nicolas padilla
Frames of nicolas padilla
 
Frames
FramesFrames
Frames
 
Presentación2
Presentación2Presentación2
Presentación2
 
Frames-Formularios
Frames-FormulariosFrames-Formularios
Frames-Formularios
 

Más de Daniel Esteban

COLEGIO NICOLAS ESGUERRA
COLEGIO NICOLAS ESGUERRACOLEGIO NICOLAS ESGUERRA
COLEGIO NICOLAS ESGUERRA
Daniel Esteban
 
Word 2010
Word 2010Word 2010
Word 2010
Daniel Esteban
 
Colegio 7
Colegio 7Colegio 7
Colegio 7
Daniel Esteban
 
Colegio 6
Colegio 6Colegio 6
Colegio 6
Daniel Esteban
 
Colegio 5
Colegio 5Colegio 5
Colegio 5
Daniel Esteban
 
Colegio 4
Colegio 4Colegio 4
Colegio 4
Daniel Esteban
 
Colegio 3
Colegio 3Colegio 3
Colegio 3
Daniel Esteban
 
Colegio 2
Colegio 2Colegio 2
Colegio 2
Daniel Esteban
 
Colegio 1
Colegio 1Colegio 1
Colegio 1
Daniel Esteban
 
Colegio nacional nicolas esguerra 0
Colegio nacional nicolas esguerra 0Colegio nacional nicolas esguerra 0
Colegio nacional nicolas esguerra 0
Daniel Esteban
 
Formularios 1
Formularios 1      Formularios 1
Formularios 1
Daniel Esteban
 
Colegio nacional nicolás esguerra 1
Colegio nacional nicolás esguerra 1Colegio nacional nicolás esguerra 1
Colegio nacional nicolás esguerra 1
Daniel Esteban
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
Daniel Esteban
 
Colegio nacional nicolás esguerra 4
Colegio nacional nicolás esguerra 4Colegio nacional nicolás esguerra 4
Colegio nacional nicolás esguerra 4
Daniel Esteban
 
Colegio nacional nicolás esguerra 2
Colegio nacional nicolás esguerra 2Colegio nacional nicolás esguerra 2
Colegio nacional nicolás esguerra 2
Daniel Esteban
 
Colegio nacional nicolás esguerra 6
Colegio nacional nicolás esguerra 6Colegio nacional nicolás esguerra 6
Colegio nacional nicolás esguerra 6
Daniel Esteban
 

Más de Daniel Esteban (17)

COLEGIO NICOLAS ESGUERRA
COLEGIO NICOLAS ESGUERRACOLEGIO NICOLAS ESGUERRA
COLEGIO NICOLAS ESGUERRA
 
Word 2010
Word 2010Word 2010
Word 2010
 
Colegio 7
Colegio 7Colegio 7
Colegio 7
 
Colegio 6
Colegio 6Colegio 6
Colegio 6
 
Colegio 5
Colegio 5Colegio 5
Colegio 5
 
Colegio 4
Colegio 4Colegio 4
Colegio 4
 
Colegio 3
Colegio 3Colegio 3
Colegio 3
 
Colegio 2
Colegio 2Colegio 2
Colegio 2
 
Colegio 1
Colegio 1Colegio 1
Colegio 1
 
Colegio nacional nicolas esguerra 0
Colegio nacional nicolas esguerra 0Colegio nacional nicolas esguerra 0
Colegio nacional nicolas esguerra 0
 
Formularios 1
Formularios 1      Formularios 1
Formularios 1
 
Colegio nacional nicolás esguerra 1
Colegio nacional nicolás esguerra 1Colegio nacional nicolás esguerra 1
Colegio nacional nicolás esguerra 1
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra 4
Colegio nacional nicolás esguerra 4Colegio nacional nicolás esguerra 4
Colegio nacional nicolás esguerra 4
 
Colegio nacional nicolás esguerra 2
Colegio nacional nicolás esguerra 2Colegio nacional nicolás esguerra 2
Colegio nacional nicolás esguerra 2
 
Colegio nacional nicolás esguerra 6
Colegio nacional nicolás esguerra 6Colegio nacional nicolás esguerra 6
Colegio nacional nicolás esguerra 6
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 

Último

el manual esn el mejor amigo del mecanico
el manual esn el mejor amigo del mecanicoel manual esn el mejor amigo del mecanico
el manual esn el mejor amigo del mecanico
JoseAmtonioVillelaBe
 
Gastos-por-Vehiculos.pdfcccccccccccccccc
Gastos-por-Vehiculos.pdfccccccccccccccccGastos-por-Vehiculos.pdfcccccccccccccccc
Gastos-por-Vehiculos.pdfcccccccccccccccc
MaryCastilloJimenez1
 
PPT SEMANA 10.pdfy7u7iiu67uuhjɓbbbbbbbbb
PPT SEMANA 10.pdfy7u7iiu67uuhjɓbbbbbbbbbPPT SEMANA 10.pdfy7u7iiu67uuhjɓbbbbbbbbb
PPT SEMANA 10.pdfy7u7iiu67uuhjɓbbbbbbbbb
AriannaStephanieQuir
 
Manual-de-Usuario-TVS-PERU-21-02-23-Apache-RTR-180 (1).pdf
Manual-de-Usuario-TVS-PERU-21-02-23-Apache-RTR-180 (1).pdfManual-de-Usuario-TVS-PERU-21-02-23-Apache-RTR-180 (1).pdf
Manual-de-Usuario-TVS-PERU-21-02-23-Apache-RTR-180 (1).pdf
RoyerMamani21
 
527960595-Motores-GDI-con-la-Inyeccion-Directa-de-Gasolina.ppt
527960595-Motores-GDI-con-la-Inyeccion-Directa-de-Gasolina.ppt527960595-Motores-GDI-con-la-Inyeccion-Directa-de-Gasolina.ppt
527960595-Motores-GDI-con-la-Inyeccion-Directa-de-Gasolina.ppt
JoseAmtonioVillelaBe
 
CICLO DE VAPOR EN TERMODINAMICA Y SUS EVOLUCIONES.pptx
CICLO DE VAPOR EN TERMODINAMICA Y SUS EVOLUCIONES.pptxCICLO DE VAPOR EN TERMODINAMICA Y SUS EVOLUCIONES.pptx
CICLO DE VAPOR EN TERMODINAMICA Y SUS EVOLUCIONES.pptx
CarlosACompean
 
SESIÓN LEEMOS JUNTOS DÍA DE LA TIERRA MAESTRA JANET.docx
SESIÓN LEEMOS JUNTOS DÍA DE LA TIERRA MAESTRA JANET.docxSESIÓN LEEMOS JUNTOS DÍA DE LA TIERRA MAESTRA JANET.docx
SESIÓN LEEMOS JUNTOS DÍA DE LA TIERRA MAESTRA JANET.docx
RoxanaTorpocoVillar
 
Modulo diesel inyeccion directa e indirecta.pdf
Modulo diesel inyeccion directa e indirecta.pdfModulo diesel inyeccion directa e indirecta.pdf
Modulo diesel inyeccion directa e indirecta.pdf
profesorhugorosa
 
外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台
外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台
外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台
ahmedendrise81
 
PROYECTO STEAM CAMILON, COoMILOoonN.docx
PROYECTO STEAM CAMILON, COoMILOoonN.docxPROYECTO STEAM CAMILON, COoMILOoonN.docx
PROYECTO STEAM CAMILON, COoMILOoonN.docx
BrendaTalavera
 
SAN MARCOS SOLUCIONARIO DOMINGO 11 DICIEMBRE.pdf
SAN MARCOS SOLUCIONARIO DOMINGO 11 DICIEMBRE.pdfSAN MARCOS SOLUCIONARIO DOMINGO 11 DICIEMBRE.pdf
SAN MARCOS SOLUCIONARIO DOMINGO 11 DICIEMBRE.pdf
madelacruzc
 
VEHÍCULOS MAS RAPIDOS Y LENTOS, VEHÍCULOS DEPORTIVOS
VEHÍCULOS MAS RAPIDOS Y LENTOS, VEHÍCULOS DEPORTIVOSVEHÍCULOS MAS RAPIDOS Y LENTOS, VEHÍCULOS DEPORTIVOS
VEHÍCULOS MAS RAPIDOS Y LENTOS, VEHÍCULOS DEPORTIVOS
sgmauriciosg
 
inicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoq
inicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoqinicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoq
inicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoq
1637212006
 

Último (13)

el manual esn el mejor amigo del mecanico
el manual esn el mejor amigo del mecanicoel manual esn el mejor amigo del mecanico
el manual esn el mejor amigo del mecanico
 
Gastos-por-Vehiculos.pdfcccccccccccccccc
Gastos-por-Vehiculos.pdfccccccccccccccccGastos-por-Vehiculos.pdfcccccccccccccccc
Gastos-por-Vehiculos.pdfcccccccccccccccc
 
PPT SEMANA 10.pdfy7u7iiu67uuhjɓbbbbbbbbb
PPT SEMANA 10.pdfy7u7iiu67uuhjɓbbbbbbbbbPPT SEMANA 10.pdfy7u7iiu67uuhjɓbbbbbbbbb
PPT SEMANA 10.pdfy7u7iiu67uuhjɓbbbbbbbbb
 
Manual-de-Usuario-TVS-PERU-21-02-23-Apache-RTR-180 (1).pdf
Manual-de-Usuario-TVS-PERU-21-02-23-Apache-RTR-180 (1).pdfManual-de-Usuario-TVS-PERU-21-02-23-Apache-RTR-180 (1).pdf
Manual-de-Usuario-TVS-PERU-21-02-23-Apache-RTR-180 (1).pdf
 
527960595-Motores-GDI-con-la-Inyeccion-Directa-de-Gasolina.ppt
527960595-Motores-GDI-con-la-Inyeccion-Directa-de-Gasolina.ppt527960595-Motores-GDI-con-la-Inyeccion-Directa-de-Gasolina.ppt
527960595-Motores-GDI-con-la-Inyeccion-Directa-de-Gasolina.ppt
 
CICLO DE VAPOR EN TERMODINAMICA Y SUS EVOLUCIONES.pptx
CICLO DE VAPOR EN TERMODINAMICA Y SUS EVOLUCIONES.pptxCICLO DE VAPOR EN TERMODINAMICA Y SUS EVOLUCIONES.pptx
CICLO DE VAPOR EN TERMODINAMICA Y SUS EVOLUCIONES.pptx
 
SESIÓN LEEMOS JUNTOS DÍA DE LA TIERRA MAESTRA JANET.docx
SESIÓN LEEMOS JUNTOS DÍA DE LA TIERRA MAESTRA JANET.docxSESIÓN LEEMOS JUNTOS DÍA DE LA TIERRA MAESTRA JANET.docx
SESIÓN LEEMOS JUNTOS DÍA DE LA TIERRA MAESTRA JANET.docx
 
Modulo diesel inyeccion directa e indirecta.pdf
Modulo diesel inyeccion directa e indirecta.pdfModulo diesel inyeccion directa e indirecta.pdf
Modulo diesel inyeccion directa e indirecta.pdf
 
外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台
外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台
外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台
 
PROYECTO STEAM CAMILON, COoMILOoonN.docx
PROYECTO STEAM CAMILON, COoMILOoonN.docxPROYECTO STEAM CAMILON, COoMILOoonN.docx
PROYECTO STEAM CAMILON, COoMILOoonN.docx
 
SAN MARCOS SOLUCIONARIO DOMINGO 11 DICIEMBRE.pdf
SAN MARCOS SOLUCIONARIO DOMINGO 11 DICIEMBRE.pdfSAN MARCOS SOLUCIONARIO DOMINGO 11 DICIEMBRE.pdf
SAN MARCOS SOLUCIONARIO DOMINGO 11 DICIEMBRE.pdf
 
VEHÍCULOS MAS RAPIDOS Y LENTOS, VEHÍCULOS DEPORTIVOS
VEHÍCULOS MAS RAPIDOS Y LENTOS, VEHÍCULOS DEPORTIVOSVEHÍCULOS MAS RAPIDOS Y LENTOS, VEHÍCULOS DEPORTIVOS
VEHÍCULOS MAS RAPIDOS Y LENTOS, VEHÍCULOS DEPORTIVOS
 
inicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoq
inicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoqinicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoq
inicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoq
 

Colegio nacional nicolás esguerra 5

  • 1. Colegio nacional Nicolás esguerra Daniel pachón ángel Edward neuta Arévalo Página web VII MARCOS Conjunto de marcos <frameset> 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.
  • 2. 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 seinsertan 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: También es posible incluir asteriscos comovalores para los atributos cols y rows. Este valor indica que dicha fila o columna ocupará todo lo que quede de ventana o subventana. Cuando existan varias columnas o filas con este valor, se repartirán de forma equitativa lo que quede de ventana. Por ejemplo, si insertáramos la siguiente línea de código <frameset rows="*" cols="142,*,25%">...</frameset> Como el atributo rows tiene el valor asterisco, solo habría una fila, que ocuparía todo el alto de la ventana. En este caso concreto no haría falta poner el atributo rows. Como el atributo cols tiene tres valores, estaríamos dividiendo el documento en tres columnas. La primera columna sería de 142 píxeles de ancho, la tercerá del 25% de la ventana, y la segunda columna ocuparía lo que quedará de ventana (el 75% de la ventana menos 142 píxeles).
  • 3. También es posible anidar marcos. Es decir, es posible dividir marcos en otros marcos. Por ejemplo, si insertáramos el siguiente código: <frameset cols="142,*"> <frameset rows="80,*">...</frameset> <frameset cols="25%,*,*">...</frameset> </frameset> Estaríamos dividiendo el documento en dos columnas. La primera sería de 142 píxeles, y la otra abarcaría el resto de la ventana. Al mismo tiempo, la primera columna o subventana estaría dividida en dos filas o subventanas horizontales, la primera de ellas de 80 píxeles. La segunda columna o subventana de la ventana principal se dividiría a su vez en tres columnas, la primera de ellas del 25% de la subventana, y las otras dos se repartirían el resto a partes iguales (se repartirían el 75% de la subventana). Por último debemos saber que entre las etiquetas <frameset> y </frameset> sólo se pueden encontrar la etiquetas <head> <noframe> <frameset> <frame> y sus correspondientes etiquetas de cierre. RESULTADO:
  • 4. CODIGO: <HTML> <HEAD> <TITLE>AIRJORDAN</TITLE> </HEAD> <framesetrows="*"cols="180,*" framespacing="0"frameborder="SI"border="3"> <frame src="MENU.HTML" name="marcoizquerdo"frameborder="SI"scrolling="SI"noresize> <frame src="index.HTML"name="marcoizquierdo"frameborder="SI"> </frameset> <noframes> <BODY bgcolor="#99CC99"> Esta p&aacute;ginatiene marcos,ytu navegadornolossoprta </BODY> </noframes> </HTML>