SlideShare una empresa de Scribd logo
1 de 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

Más contenido relacionado

La actualidad más candente

La actualidad más candente (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
 

Destacado

Fernando Proaño - Enterprise Manager de Oracle Versión 11 g
Fernando Proaño - Enterprise Manager de Oracle Versión 11 gFernando Proaño - Enterprise Manager de Oracle Versión 11 g
Fernando Proaño - Enterprise Manager de Oracle Versión 11 gFernando Proaño
 
Preguntas licencia
Preguntas licenciaPreguntas licencia
Preguntas licenciaHenry Loaiza
 
Escultura románica sociales
Escultura románica socialesEscultura románica sociales
Escultura románica socialesSanzCampoyEduardo
 
UFSM PS2 | Revisão 2012 | Rovandro Spencer Dias
UFSM PS2 | Revisão 2012 | Rovandro Spencer DiasUFSM PS2 | Revisão 2012 | Rovandro Spencer Dias
UFSM PS2 | Revisão 2012 | Rovandro Spencer DiasRiachuelo Pré Vestibular
 
Vhodné druhy rostlin a kultivarů pro živé ploty
Vhodné druhy rostlin a kultivarů pro živé plotyVhodné druhy rostlin a kultivarů pro živé ploty
Vhodné druhy rostlin a kultivarů pro živé plotyAles Durdak
 
Victoria montalvo =)
Victoria montalvo =)Victoria montalvo =)
Victoria montalvo =)tefy_vicky
 
Presentación #3
Presentación #3Presentación #3
Presentación #3Yolanda VM
 
creado por Stefany Becerra
creado por Stefany Becerra creado por Stefany Becerra
creado por Stefany Becerra StefyBecerra
 
06 el rubio, y su pertenencia a la encomienda santiagista de estepa
06 el rubio, y su pertenencia a la encomienda santiagista de estepa06 el rubio, y su pertenencia a la encomienda santiagista de estepa
06 el rubio, y su pertenencia a la encomienda santiagista de estepajaviermartinmartin
 
Isur unidad 4 distribución oct2011
Isur unidad 4 distribución oct2011Isur unidad 4 distribución oct2011
Isur unidad 4 distribución oct2011AnDreea Rosado
 
Presentación1
Presentación1Presentación1
Presentación1emiliosfc
 

Destacado (20)

Fernando Proaño - Enterprise Manager de Oracle Versión 11 g
Fernando Proaño - Enterprise Manager de Oracle Versión 11 gFernando Proaño - Enterprise Manager de Oracle Versión 11 g
Fernando Proaño - Enterprise Manager de Oracle Versión 11 g
 
Practiques excel
Practiques excelPractiques excel
Practiques excel
 
Preguntas licencia
Preguntas licenciaPreguntas licencia
Preguntas licencia
 
Album de fotos
Album de fotosAlbum de fotos
Album de fotos
 
Escultura románica sociales
Escultura románica socialesEscultura románica sociales
Escultura románica sociales
 
El maltrato infantil
El maltrato infantilEl maltrato infantil
El maltrato infantil
 
UFSM PS2 | Revisão 2012 | Rovandro Spencer Dias
UFSM PS2 | Revisão 2012 | Rovandro Spencer DiasUFSM PS2 | Revisão 2012 | Rovandro Spencer Dias
UFSM PS2 | Revisão 2012 | Rovandro Spencer Dias
 
Delicious
DeliciousDelicious
Delicious
 
Vhodné druhy rostlin a kultivarů pro živé ploty
Vhodné druhy rostlin a kultivarů pro živé plotyVhodné druhy rostlin a kultivarů pro živé ploty
Vhodné druhy rostlin a kultivarů pro živé ploty
 
Mora gascapractica1
Mora gascapractica1Mora gascapractica1
Mora gascapractica1
 
Victoria montalvo =)
Victoria montalvo =)Victoria montalvo =)
Victoria montalvo =)
 
Presentación #3
Presentación #3Presentación #3
Presentación #3
 
Sinfoniaennegro
SinfoniaennegroSinfoniaennegro
Sinfoniaennegro
 
creado por Stefany Becerra
creado por Stefany Becerra creado por Stefany Becerra
creado por Stefany Becerra
 
06 el rubio, y su pertenencia a la encomienda santiagista de estepa
06 el rubio, y su pertenencia a la encomienda santiagista de estepa06 el rubio, y su pertenencia a la encomienda santiagista de estepa
06 el rubio, y su pertenencia a la encomienda santiagista de estepa
 
Isur unidad 4 distribución oct2011
Isur unidad 4 distribución oct2011Isur unidad 4 distribución oct2011
Isur unidad 4 distribución oct2011
 
Avançar en sostenibilitat
Avançar en sostenibilitatAvançar en sostenibilitat
Avançar en sostenibilitat
 
Trabajo
TrabajoTrabajo
Trabajo
 
Suzzanna
SuzzannaSuzzanna
Suzzanna
 
Presentación1
Presentación1Presentación1
Presentación1
 

Similar a 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
 

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.