SlideShare una empresa de Scribd logo
1 de 9
*LOS FRAMES Y LOS MARCOS
*Introducción a los frames o marcos.
*Disposición de los marcos.
*Filas y columnas.
*Anidamiento de grupos de marcos .
*Especificación de los contenidos
 iniciales de un marco
* Introducción a los marcos
* Los marcos HTML permiten a los autores
 presentar      documentos      con     vistas
 múltiples, que pueden ser ventanas o
 subventanas independientes. Las vistas
 múltiples ofrecen a los autores una manera
 de mantener cierta información visible
 mientras otras vistas se desplazan o se
 sustituyen. Por ejemplo, dentro de una misma
 ventana, un marco podría mostrar un gráfico
 estático, un segundo marco un menú de
 navegación, y un tercero el documento
 principal que puede ser desplazado, o
 reemplazado al navegar por el segundo
 marco.
* Disposición de los marcos
Los documentos HTML que describen una disposición de
marcos (llamados documentos con marcos) tienen una
estructura diferente a la de los documentos HTML sin marcos.
Un documento normal tiene una sección HEAD y una
sección BODY. Un documento con marcos tiene una
sección HEAD, y un FRAMESET en lugar del BODY.
La sección FRAMESET de un documento especifica la
disposición de las vistas en la ventana principal del agente de
usuario. Además, la sección FRAMESET puede contener un
elemento NOFRAMES que proporcione contenido
alternativo para los agentes de usuario que no soporten
marcos o que estén configurados para no mostrar marcos.
Los elementos que normalmente podrían colocarse en el
elemento BODY no deben aparecer antes del primer
elemento FRAMESET o el FRAMESET no será tenido en cuenta.
* Definiciones            de       atributos
rows = lista de multilongitudes.
Este atributo especifica la disposición de los marcos horizontales. Es
una lista de longitudes en píxeles, porcentajes o longitudes
relativas, separadas por comas. El valor por defecto es 100%, que
significa una fila.
cols = lista de multilongitudes.
 Este atributo especifica la disposición de los marcos verticales. Es una
lista de longitudes en píxeles, porcentajes o longitudes
relativas, separadas por comas. El valor por defecto es 100%, que
significa una columna.
Atributos definidos en otros lugares:
id, class (identificadores a nivel de documento)
title (título del elemento)
style (información de estilo en línea)
onload, onunload (eventos intrínsecos)
Filas y columnas
Cuando se establece el atributo rows (filas) se define el
número de subespacios horizontales. Cuando se
establece el atributo cols(columnas) se define el número
de subespacios verticales. Ambos atributos se pueden
especificar simultáneamente para crear una cuadrícula.
Si no se establece el atributo rows, cada columna se
extiende a lo largo de toda la longitud de la página. Si no
se establece el atributocols, cada fila se extiende a lo
largo de toda la anchura de la página. Si no se establece
ninguno de los dos atributos, el marco tiene
exactamente el mismo tamaño que la página.
Los marcos se crean de izquierda a derecha para las
columnas y de arriba a abajo para las filas. Cuando se
especifican ambos atributos, las vistas se crean de
izquierda a derecha en la fila superior, de izquierda a
derecha en la segunda fila, etc.
Anidamiento de grupos de marcos


             FRAMESET


  FRAMESET

                    uri     [CT]
<HTML>
                           <HEAD>
                           <TITLE>Un documento con marcos</TITLE>
                           </HEAD>
* Especificación de los    <FRAMESET cols="33%,33%,33%">
 contenidos iniciales        <FRAMESET rows="*,200">
                            <FRAME src="contenidos_del_marco1.html">
 de un marco
                           <FRAME src="contenidos_del_marco2.gif">
                           * </FRAMESET>
 El                        * <FRAME
 atributo src especifica     src="contenidos_del_marco3.html">
 el documento inicial      * <FRAME
 que contendrá el            src="contenidos_del_marco4.html">
 marco.                    * </FRAMESET>
 El siguiente ejemplo      * </HTML>
 de documento HTML:
FRAMES
*   Los frames (marcos o cuadros) permiten
    dividir la ventana en varias más pequeñas, de
    modo que en cada una de ellas se carga una
    página              HTML              distinta.
    Es un procedimiento del lenguaje HTML para
    dividir la pantalla en diferentes zonas, o
    ventanas,        que       pueden       actuar
    independientemente unas de otras, como si se
    trataran de páginas diferentes, pues incluso
    cada una de ellas pueden tener sus propias
    barras deslizadoras. Una de sus características
    más importantes es que pulsando un enlace
    situado en un frame, se puede cargar en otro
    frame una página determinada.
* <HTML>
 *Frames es una                            <HEAD>
   herramienta.                            <TITLE>Mi pagina con
                                           frames</TITLE>
                                           </HEAD>
Frames es la herramienta que el            <FRAMESET COLS="20%,
HTML pone a nuestra disposición            80%">
para presentar varias páginas en una       <FRAME
sola.
                                           SRC="mipagind.html">
Lo primero que necesitamos es una          <FRAME
página "madre" que dividiremos en
viñetas (los frames propiamente            SRC="mipagpre.html"
dichos), y una serie de páginas            NAME="principal">
"hijas", que serán las que ocupen          </FRAMESET>
esas viñetas. El código necesario          </HTML>
para crear esta "página madre" es el
siguiente:                             *

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Israel
IsraelIsrael
Israel
 
Tema 2
Tema 2Tema 2
Tema 2
 
Taller mongodb
Taller mongodbTaller mongodb
Taller mongodb
 
Hojas de estilo cascada
Hojas de estilo cascadaHojas de estilo cascada
Hojas de estilo cascada
 
Hojas de estilos css
Hojas de estilos cssHojas de estilos css
Hojas de estilos css
 
Introducción a XML Schema
Introducción a XML SchemaIntroducción a XML Schema
Introducción a XML Schema
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y xml
 
Producto 4
Producto 4Producto 4
Producto 4
 
Apuntes de XSD
Apuntes de XSDApuntes de XSD
Apuntes de XSD
 
Toala Miguel 2C3
Toala Miguel 2C3Toala Miguel 2C3
Toala Miguel 2C3
 
Html&xml
Html&xmlHtml&xml
Html&xml
 
Desarrollo de Aplicaciones Web II - Sesión 03 - Formularios y Validaciones
Desarrollo de Aplicaciones Web II - Sesión 03 - Formularios y ValidacionesDesarrollo de Aplicaciones Web II - Sesión 03 - Formularios y Validaciones
Desarrollo de Aplicaciones Web II - Sesión 03 - Formularios y Validaciones
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
Htm
HtmHtm
Htm
 
Pres de po
Pres de poPres de po
Pres de po
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
 
Lenguaje de marcas html
Lenguaje de marcas htmlLenguaje de marcas html
Lenguaje de marcas html
 

Destacado

Destacado (20)

Proyecto ahd 01 píoxii
Proyecto ahd 01 píoxiiProyecto ahd 01 píoxii
Proyecto ahd 01 píoxii
 
Didactactica de la quimicarefleccion historica
Didactactica de la quimicarefleccion historicaDidactactica de la quimicarefleccion historica
Didactactica de la quimicarefleccion historica
 
Practica 23
Practica 23Practica 23
Practica 23
 
Cienciaspoliticasyeconomicas2
Cienciaspoliticasyeconomicas2Cienciaspoliticasyeconomicas2
Cienciaspoliticasyeconomicas2
 
Manual Pc
Manual PcManual Pc
Manual Pc
 
Manual PC
Manual PCManual PC
Manual PC
 
Cortando jamon1
Cortando jamon1Cortando jamon1
Cortando jamon1
 
Historia y evolución de la pc wil,stefa y harry
Historia y evolución de la pc wil,stefa y harryHistoria y evolución de la pc wil,stefa y harry
Historia y evolución de la pc wil,stefa y harry
 
Inalambricosexteriores2012v1
Inalambricosexteriores2012v1Inalambricosexteriores2012v1
Inalambricosexteriores2012v1
 
Mujer en el siglo XX
Mujer en el siglo XXMujer en el siglo XX
Mujer en el siglo XX
 
Prospectiva bloques
Prospectiva bloquesProspectiva bloques
Prospectiva bloques
 
World of handball
World of handballWorld of handball
World of handball
 
San vicente de paul
San vicente de paulSan vicente de paul
San vicente de paul
 
Violencia doméstica
Violencia domésticaViolencia doméstica
Violencia doméstica
 
SÓLO POESÍAS
SÓLO POESÍASSÓLO POESÍAS
SÓLO POESÍAS
 
Verbo 1ª conjugación: cantar (regular)
Verbo 1ª conjugación: cantar (regular)Verbo 1ª conjugación: cantar (regular)
Verbo 1ª conjugación: cantar (regular)
 
Globalización
GlobalizaciónGlobalización
Globalización
 
INDICES DEMOGRAFICOS DEL TAMBO CAUCA
INDICES DEMOGRAFICOS DEL TAMBO CAUCAINDICES DEMOGRAFICOS DEL TAMBO CAUCA
INDICES DEMOGRAFICOS DEL TAMBO CAUCA
 
Mercadolibre 1
Mercadolibre 1Mercadolibre 1
Mercadolibre 1
 
Powerr paula
Powerr paulaPowerr paula
Powerr paula
 

Similar a Presentación1 de frames y marcos

Similar a Presentación1 de frames y marcos (20)

Framespresentacion
FramespresentacionFramespresentacion
Framespresentacion
 
Frames en html
Frames  en htmlFrames  en html
Frames en html
 
Frames en html
Frames  en htmlFrames  en html
Frames en html
 
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
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Presentación2
Presentación2Presentación2
Presentación2
 
Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5
 
Marcos perro
Marcos perroMarcos perro
Marcos perro
 
Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5
 
Frames
FramesFrames
Frames
 
Marcos
MarcosMarcos
Marcos
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Html
HtmlHtml
Html
 
Marcos
MarcosMarcos
Marcos
 
Deber de htmly xml
Deber de htmly xmlDeber de htmly xml
Deber de htmly xml
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
 

Presentación1 de frames y marcos

  • 1. *LOS FRAMES Y LOS MARCOS *Introducción a los frames o marcos. *Disposición de los marcos. *Filas y columnas. *Anidamiento de grupos de marcos . *Especificación de los contenidos iniciales de un marco
  • 2. * Introducción a los marcos * Los marcos HTML permiten a los autores presentar documentos con vistas múltiples, que pueden ser ventanas o subventanas independientes. Las vistas múltiples ofrecen a los autores una manera de mantener cierta información visible mientras otras vistas se desplazan o se sustituyen. Por ejemplo, dentro de una misma ventana, un marco podría mostrar un gráfico estático, un segundo marco un menú de navegación, y un tercero el documento principal que puede ser desplazado, o reemplazado al navegar por el segundo marco.
  • 3. * Disposición de los marcos Los documentos HTML que describen una disposición de marcos (llamados documentos con marcos) tienen una estructura diferente a la de los documentos HTML sin marcos. Un documento normal tiene una sección HEAD y una sección BODY. Un documento con marcos tiene una sección HEAD, y un FRAMESET en lugar del BODY. La sección FRAMESET de un documento especifica la disposición de las vistas en la ventana principal del agente de usuario. Además, la sección FRAMESET puede contener un elemento NOFRAMES que proporcione contenido alternativo para los agentes de usuario que no soporten marcos o que estén configurados para no mostrar marcos. Los elementos que normalmente podrían colocarse en el elemento BODY no deben aparecer antes del primer elemento FRAMESET o el FRAMESET no será tenido en cuenta.
  • 4. * Definiciones de atributos rows = lista de multilongitudes. Este atributo especifica la disposición de los marcos horizontales. Es una lista de longitudes en píxeles, porcentajes o longitudes relativas, separadas por comas. El valor por defecto es 100%, que significa una fila. cols = lista de multilongitudes. Este atributo especifica la disposición de los marcos verticales. Es una lista de longitudes en píxeles, porcentajes o longitudes relativas, separadas por comas. El valor por defecto es 100%, que significa una columna. Atributos definidos en otros lugares: id, class (identificadores a nivel de documento) title (título del elemento) style (información de estilo en línea) onload, onunload (eventos intrínsecos)
  • 5. Filas y columnas Cuando se establece el atributo rows (filas) se define el número de subespacios horizontales. Cuando se establece el atributo cols(columnas) se define el número de subespacios verticales. Ambos atributos se pueden especificar simultáneamente para crear una cuadrícula. Si no se establece el atributo rows, cada columna se extiende a lo largo de toda la longitud de la página. Si no se establece el atributocols, cada fila se extiende a lo largo de toda la anchura de la página. Si no se establece ninguno de los dos atributos, el marco tiene exactamente el mismo tamaño que la página. Los marcos se crean de izquierda a derecha para las columnas y de arriba a abajo para las filas. Cuando se especifican ambos atributos, las vistas se crean de izquierda a derecha en la fila superior, de izquierda a derecha en la segunda fila, etc.
  • 6. Anidamiento de grupos de marcos FRAMESET FRAMESET uri [CT]
  • 7. <HTML> <HEAD> <TITLE>Un documento con marcos</TITLE> </HEAD> * Especificación de los <FRAMESET cols="33%,33%,33%"> contenidos iniciales <FRAMESET rows="*,200"> <FRAME src="contenidos_del_marco1.html"> de un marco <FRAME src="contenidos_del_marco2.gif"> * </FRAMESET> El * <FRAME atributo src especifica src="contenidos_del_marco3.html"> el documento inicial * <FRAME que contendrá el src="contenidos_del_marco4.html"> marco. * </FRAMESET> El siguiente ejemplo * </HTML> de documento HTML:
  • 8. FRAMES * Los frames (marcos o cuadros) permiten dividir la ventana en varias más pequeñas, de modo que en cada una de ellas se carga una página HTML distinta. Es un procedimiento del lenguaje HTML para dividir la pantalla en diferentes zonas, o ventanas, que pueden actuar independientemente unas de otras, como si se trataran de páginas diferentes, pues incluso cada una de ellas pueden tener sus propias barras deslizadoras. Una de sus características más importantes es que pulsando un enlace situado en un frame, se puede cargar en otro frame una página determinada.
  • 9. * <HTML> *Frames es una <HEAD> herramienta. <TITLE>Mi pagina con frames</TITLE> </HEAD> Frames es la herramienta que el <FRAMESET COLS="20%, HTML pone a nuestra disposición 80%"> para presentar varias páginas en una <FRAME sola. SRC="mipagind.html"> Lo primero que necesitamos es una <FRAME página "madre" que dividiremos en viñetas (los frames propiamente SRC="mipagpre.html" dichos), y una serie de páginas NAME="principal"> "hijas", que serán las que ocupen </FRAMESET> esas viñetas. El código necesario </HTML> para crear esta "página madre" es el siguiente: *