SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances (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
 

En vedette

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
 

En vedette (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
 

Similaire à 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
 

Dernier

🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
EduardoJosVargasCama1
 

Dernier (20)

Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdfFICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
Código Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de VenezuelaCódigo Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de Venezuela
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docx
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 

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.