Marcos

Solo disponible en BuenasTareas
  • Páginas : 5 (1160 palabras )
  • Descarga(s) : 7
  • Publicado : 11 de mayo de 2010
Leer documento completo
Vista previa del texto
Curso de HTML: Marcos

file:///C:/Documents%20and%20Settings/Administrador/Escritorio/fram...

15. Marcos
Un marco (o frame) es una ventana independiente dentro de la ventana general del navegador. Cada marco tendrá sus bordes y sus propias barras de desplazamiento. Así cada página se dividirá en la práctica en varias páginas independientes. Para crearlos necesitaremos un documento HTMLespecífico, que llamaremos documento de definición de marcos. En él especificaremos el tamaño y posición de cada marco y el documento HTML que contendrá. Vamos a ver un ejemplo de este tipo de documento:
Mi primera página con marcos Lo siento, pero sólo podrás ver esta página si tu navegador tiene la capacidad de visualizar marcos.

Vamos a explicar detalladamente este ejemplo antes deinvestigar algo más a fondo cada una de las etiquetas. Vemos que la cabecera de la página es similar a un documento normal, pero el habitual BODY es sustituido por un FRAMESET. En cada FRAMESET se divide la ventana actual (sea la general o un marco) en varias ventanas definidas o por el parámetro COLS o por ROWS. En éste, separado por comas, se define el número de marcos y el tamaño de cada uno.Dentro del se hacen dos cosas. Primero, definir cada uno de los marcos poniendoles un nombre y especificando qué fichero HTML le corresponde mediante la etiqueta . Por último, especificamos lo que verá el usuario en el supuesto (cada vez más raro) de que su navegador no soporte frames dentro de la etiqueta . Ahora veremos todos estos elementos en mayor detalle.

15.1. Etiqueta
Según el estándar,esta etiqueta sólo debería contener el número y tamaño de cada marco, pero las extensiones de Netscape y Explorer al estándar obligan a estudiar un par de parámetros más. En general, los navegadores dibujan un borde de separación entre los marcos. Si deseas eliminarlo puedes hacerlo de dos maneras: en las etiquetas de cada una de los marcos contiguos al borde a eliminar o incluyendo el parámetroFRAMEBORDER=0 en el .

1 de 4

02/05/2010 11:10 a.m.

Curso de HTML: Marcos

file:///C:/Documents%20and%20Settings/Administrador/Escritorio/fram...

Cuando eliminas ese borde, podrás ver cómo el navegador deja aún un hueco entre marcos. Este se elimina añadiendo los parámetros FRAMESPACING=0 BORDER=0. Vamos a examinar por último los parámetros COLS y ROWS. Deberemos asignarles unalista de tamaños separada por comas. Se admiten los siguientes formatos de tamaño: Con porcentajes: Al igual que con las tablas, podemos definir el tamaño de un marco como un porcentaje del espacio total disponible. Absolutos: Si ponemos un número a secas, el marco correspondiente tendrá el tamaño especificado en pixels. Sobre el espacio sobrante: Si colocamos un asterisco (*) estaremos indicando quequeremos todo el espacio sobrante para ese marco. Podemos poner este símbolo en varios marcos, que se repartirán el espacio equitativamente como buenos hermanos. Si queremos que uno tenga más deberemos ponerle al asterisco un número delante. Así, un marco con un espacio de 3* será tres veces más grande que su compañero, que tiene un asterisco sólo, el pobre. Por ejemplo, el siguiente código es unamuestra de cómo combinar los tres métodos:

Supongamos que el ancho total de la ventana son 640 pixels. El primer marco ocupará el 10%, es decir, 64 pixels. El tercero necesita 200, luego nos quedan 476 para los otros dos. Como el cuarto debe tener el doble de espacio que el segundo, tenemos aproximadamente 158 pixels para este último y 316 para el cuarto marco. Hay que tener cuidado cuandousamos valores absolutos en la definición de marcos; debemos asegurarnos de tener al menos un marco con un tamaño relativo si queremos estar seguros del aspecto final de la página. Por último, indicar que las etiquetas se pueden anidar. Esto se hace poniendo otro donde normalmente colocamos las etiquetas tal que así:


El resultado del anidamiento lo podréis contemplar aquí.

15.2....
tracking img