SlideShare ist ein Scribd-Unternehmen logo
1 von 13
MARCOS
La principal defirencia que va a haber a la hora
de crear una página de frames es que en vez
de utilizar la etiqueta BODY, que sirve
normalmente para delimitar lo que se va a ver
en la pantalla, se hace uso de la etiqueta
FRAMESET .
El uso de las frames es útil para cierto tipo de
documentos, pero puede llegar a dificultar la
navegación, ya que dentro de un documento
con frames no tendrán utilidad los botones de
documento previo (back) ni documento
siguiente (forward), ya que ambos nos
trasladarán fuera del documento con frames.
Para ver el documento previo en una de las
frames debemos utilizar el botón derecho del
ratón sobre ella y seleccionar la opción volver
en el frame (Back in Frame). Esto hace que
cuando se utilicen frames haya que cuidar la
correcta transición entre documentos.
Etiqueta <FRAMESET>
Las etiquetas <FRAMESET>...</FRAMESET>
son las que van a decirle al navegador dónde
empiezan y dónde acaban los marcos, y el tipo
y forma de estos. Entre una y otra irán las
definiciones de los diferentes frames.
Estas etiquetas se deben situar entre <HTML>
y </HTML>, pero podemos hacerlo también
entre </HEAD> y <BODY>, en incluso podemos
no utilizar <BODY>...</BODY>.
Sus principales atributos o parámetros son:
* COLS= " x,y,z,..." , para definir el nº de
columnas o marcos verticales que va a tener la
ventana, y donde las variables x,y,z... van a
definir el tamaño de cada marco vertical,
pudiendo definirse en píxeles o en porcentaje.
También podemos fijar el tamaño de una
columna o columnas como * , y en este caso el
tamaño de esta será todo aquel que quede
después de definir mediante puntos o
porcentajes las demás columnas.
Si definimos tamaños en píxeles, estos serán
absolutos, En este caso si todas las frames se
indican de este modo, los valores se ajustarán
para que las frames ocupen la totalidad del
espacio de la ventana del navegador, no
guardando siempre la proporción con la que se
definen las frames.
Por el contrario, si empleamos medidas en
porcentaje, en este caso si los porcentajes
suman un valor distinto del 100%, se ajustarán
para que coincidan con el tamaño de la
ventana. Se podrá combinar con el apartado
anterior de forma que algunas frames se
definan en valor absoluto y otras en
porcentaje.
Posibles combinaciones serían:
1) COLS="100,700"...que nos dividiría la
ventana en dos columnas, una de 100 puntos y
la otra de 700.

2) COLS="10%,*"...que nos daría una columna
con el 10% de la ventana y otra con el resto.

3) COLS="20%,*,*"...obteniendo con ello una
columna del 20% de la ventana y otras dos que
se repartirian por igual el tamaño restante.

4) COLS="*,2*"...que nos creará dos columnas,
teniendo la segunda el doble de ancho que la
primera, es decir, la primera ocuparía el 33%
de la ventana y la segunda el 66% restante.
Ejemplo.-
<html>
  <head>
  <title>Mi página</title>
  </head>
  <frameset rows="20%,*" >
   <frame name="" src="a.html"
marginwidth="10" marginheight="10"
scrolling="auto" >
   <frame name="" src="b.html"
marginwidth="10" marginheight="10"
scrolling="auto" >
  </frameset>
</html>
* BORDERCOLOR= " color " , donde color
puede venir especificado mediante su nombre
web en inglés o mediante su código
hexadecimal. Nos permite establecer el color
de los bordes de los marcos.
Frames.adri

Weitere ähnliche Inhalte

Was ist angesagt? (13)

Marcos
MarcosMarcos
Marcos
 
Frames
FramesFrames
Frames
 
Qué son los frames
Qué son los framesQué son los frames
Qué son los frames
 
Trabajo 6
Trabajo 6Trabajo 6
Trabajo 6
 
curso de html
curso de htmlcurso de html
curso de html
 
etiquetas HTML
etiquetas HTMLetiquetas HTML
etiquetas HTML
 
Tutorial de word cesar
Tutorial de word cesarTutorial de word cesar
Tutorial de word cesar
 
Trabajo de computacion
Trabajo de computacionTrabajo de computacion
Trabajo de computacion
 
Frames en html
Frames en htmlFrames en html
Frames en html
 
Trabajo de computacion
Trabajo de computacionTrabajo de computacion
Trabajo de computacion
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 

Andere mochten auch

Red Twig Farms- Garden Club
Red Twig Farms- Garden ClubRed Twig Farms- Garden Club
Red Twig Farms- Garden Club
Josh McCullough
 
Thinking Highways - Congestion 4-12
Thinking Highways - Congestion 4-12Thinking Highways - Congestion 4-12
Thinking Highways - Congestion 4-12
David Pickeral
 
Plan de gobierno ifa
Plan de gobierno ifaPlan de gobierno ifa
Plan de gobierno ifa
Irving Ortega
 
Homosexualitat a grècia
Homosexualitat a grèciaHomosexualitat a grècia
Homosexualitat a grècia
Ester1996
 
Integumentary System Lecture
Integumentary System LectureIntegumentary System Lecture
Integumentary System Lecture
Jofred Martinez
 
Como insertar una publicación de facebook dentro de un post del blog
Como insertar una publicación de facebook dentro de un post del blogComo insertar una publicación de facebook dentro de un post del blog
Como insertar una publicación de facebook dentro de un post del blog
posicionamientoweb.systems
 

Andere mochten auch (20)

Articulo Politica No
Articulo Politica NoArticulo Politica No
Articulo Politica No
 
Cibertteritorios
CibertteritoriosCibertteritorios
Cibertteritorios
 
Resource Governor 101
Resource Governor 101Resource Governor 101
Resource Governor 101
 
Red Twig Farms- Garden Club
Red Twig Farms- Garden ClubRed Twig Farms- Garden Club
Red Twig Farms- Garden Club
 
Thinking Highways - Congestion 4-12
Thinking Highways - Congestion 4-12Thinking Highways - Congestion 4-12
Thinking Highways - Congestion 4-12
 
Plan de gobierno ifa
Plan de gobierno ifaPlan de gobierno ifa
Plan de gobierno ifa
 
Festa junina
Festa juninaFesta junina
Festa junina
 
Заключаем гражданско-правовой договор без риска признания его трудовым
Заключаем гражданско-правовой договор без риска признания его трудовымЗаключаем гражданско-правовой договор без риска признания его трудовым
Заключаем гражданско-правовой договор без риска признания его трудовым
 
Scrum
ScrumScrum
Scrum
 
Ciu 13 010
Ciu 13 010Ciu 13 010
Ciu 13 010
 
National Strategies
National StrategiesNational Strategies
National Strategies
 
Apresentação Coaching: Afinal do que se trata?
Apresentação Coaching: Afinal do que se trata?Apresentação Coaching: Afinal do que se trata?
Apresentação Coaching: Afinal do que se trata?
 
Guia de ordenamiento para la firma del libro de acta 2013-I
Guia de ordenamiento para la firma del libro de acta 2013-IGuia de ordenamiento para la firma del libro de acta 2013-I
Guia de ordenamiento para la firma del libro de acta 2013-I
 
Homosexualitat a grècia
Homosexualitat a grèciaHomosexualitat a grècia
Homosexualitat a grècia
 
Space
SpaceSpace
Space
 
Integumentary System Lecture
Integumentary System LectureIntegumentary System Lecture
Integumentary System Lecture
 
Como insertar una publicación de facebook dentro de un post del blog
Como insertar una publicación de facebook dentro de un post del blogComo insertar una publicación de facebook dentro de un post del blog
Como insertar una publicación de facebook dentro de un post del blog
 
Joy under attack
Joy under attackJoy under attack
Joy under attack
 
Geralnews 20 abr
Geralnews 20 abrGeralnews 20 abr
Geralnews 20 abr
 
Juven CV
Juven CVJuven CV
Juven CV
 

Ähnlich wie Frames.adri (20)

Frameset
FramesetFrameset
Frameset
 
Byb4
Byb4Byb4
Byb4
 
Marcos
MarcosMarcos
Marcos
 
Marcos perro
Marcos perroMarcos perro
Marcos perro
 
Frames
FramesFrames
Frames
 
Tipos de frames
Tipos de framesTipos de frames
Tipos de frames
 
Tipos de frames
Tipos de framesTipos de frames
Tipos de frames
 
Tipos de frames
Tipos de framesTipos de frames
Tipos de frames
 
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
 
Frames Slideshare
Frames SlideshareFrames Slideshare
Frames Slideshare
 
Frames slideshare
Frames slideshareFrames slideshare
Frames slideshare
 
Frames slideshare
Frames slideshareFrames slideshare
Frames slideshare
 
Qué son los frames (1)
Qué son los frames (1)Qué son los frames (1)
Qué son los frames (1)
 
Frames-Formularios
Frames-FormulariosFrames-Formularios
Frames-Formularios
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Duver
DuverDuver
Duver
 
Capas en html
Capas en htmlCapas en html
Capas en html
 
Frames
FramesFrames
Frames
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 naty
 

Kürzlich hochgeladen

FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
El Fortí
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
zulyvero07
 

Kürzlich hochgeladen (20)

Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperio
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° grado
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 

Frames.adri

  • 1.
  • 2.
  • 3. MARCOS La principal defirencia que va a haber a la hora de crear una página de frames es que en vez de utilizar la etiqueta BODY, que sirve normalmente para delimitar lo que se va a ver en la pantalla, se hace uso de la etiqueta FRAMESET . El uso de las frames es útil para cierto tipo de documentos, pero puede llegar a dificultar la navegación, ya que dentro de un documento con frames no tendrán utilidad los botones de documento previo (back) ni documento siguiente (forward), ya que ambos nos trasladarán fuera del documento con frames. Para ver el documento previo en una de las frames debemos utilizar el botón derecho del ratón sobre ella y seleccionar la opción volver en el frame (Back in Frame). Esto hace que cuando se utilicen frames haya que cuidar la correcta transición entre documentos.
  • 4. Etiqueta <FRAMESET> Las etiquetas <FRAMESET>...</FRAMESET> son las que van a decirle al navegador dónde empiezan y dónde acaban los marcos, y el tipo y forma de estos. Entre una y otra irán las definiciones de los diferentes frames. Estas etiquetas se deben situar entre <HTML> y </HTML>, pero podemos hacerlo también entre </HEAD> y <BODY>, en incluso podemos no utilizar <BODY>...</BODY>. Sus principales atributos o parámetros son: * COLS= " x,y,z,..." , para definir el nº de columnas o marcos verticales que va a tener la ventana, y donde las variables x,y,z... van a definir el tamaño de cada marco vertical, pudiendo definirse en píxeles o en porcentaje. También podemos fijar el tamaño de una columna o columnas como * , y en este caso el tamaño de esta será todo aquel que quede después de definir mediante puntos o porcentajes las demás columnas.
  • 5. Si definimos tamaños en píxeles, estos serán absolutos, En este caso si todas las frames se indican de este modo, los valores se ajustarán para que las frames ocupen la totalidad del espacio de la ventana del navegador, no guardando siempre la proporción con la que se definen las frames. Por el contrario, si empleamos medidas en porcentaje, en este caso si los porcentajes suman un valor distinto del 100%, se ajustarán para que coincidan con el tamaño de la ventana. Se podrá combinar con el apartado anterior de forma que algunas frames se definan en valor absoluto y otras en porcentaje. Posibles combinaciones serían:
  • 6. 1) COLS="100,700"...que nos dividiría la ventana en dos columnas, una de 100 puntos y la otra de 700. 2) COLS="10%,*"...que nos daría una columna con el 10% de la ventana y otra con el resto. 3) COLS="20%,*,*"...obteniendo con ello una columna del 20% de la ventana y otras dos que se repartirian por igual el tamaño restante. 4) COLS="*,2*"...que nos creará dos columnas, teniendo la segunda el doble de ancho que la primera, es decir, la primera ocuparía el 33% de la ventana y la segunda el 66% restante.
  • 7.
  • 8.
  • 9. Ejemplo.- <html> <head> <title>Mi página</title> </head> <frameset rows="20%,*" > <frame name="" src="a.html" marginwidth="10" marginheight="10" scrolling="auto" > <frame name="" src="b.html" marginwidth="10" marginheight="10" scrolling="auto" > </frameset> </html>
  • 10.
  • 11.
  • 12. * BORDERCOLOR= " color " , donde color puede venir especificado mediante su nombre web en inglés o mediante su código hexadecimal. Nos permite establecer el color de los bordes de los marcos.