M�todos Avanzados / Ejemplos Simples

Ejemplos Simples
(Simple Examples)

Comencemos aprendiendo c�mo p�ginas que usan marcos son constru�dos primeramente al observar unos cuantos simples pero esquem�ticos ejemplos.  Mostraremos el c�digo de HTML que se utiliza para crear el conjunto de marcos en cada caso y subir los archivos dentro de varios marcos. La mayor�a de �ste c�digo se muestra en letra para separa not�blemente (az�l) blue el c�digo del resto de la discusi�n. En algunos casos, porciones del HTML son mostradas en letra (rojo) red para enfatizar diferencias importantes en dos secciones de HTML que estamos comparando. Tambi�n ilustraremos el conjunto de marcos que crea �ste c�digo al mostrarte los marcos en una ventana nueva del navegador que abrimos con Javascript.

No te confundas por nuestro uso de ventanas nuevas para ilustrar el conjunto de marcos.  No necesitas usar una ventana nueva de navegador para usar marcos.  Solo lo abrimos los conjuntos de ejemplos de marcos en ventanas nuevas aqu�:

Tambi�n nota que abrimos las nuevas ventanas con Javascript aqu� en vez de con HTML  simplemente porque deseamos que las ventanas nuevas tengan un m�nimo de adornos de navegaci�n (ning�n punto teniendo botones ni men�s adicionales interfiriendo) y porque queremos controlar el tama�o de las ventanas nuevas. Mas tarde hablaremos sobre c�mo el tama�o de un conjunto de marcos se relaciona al tama�o de la ventana conteni�ndo ese conjunto de marcos.

Conjuntos de Marcos Bien Simples - Dos Filas o Dos Columnas
(Very Simple Frame Sets - Two Rows or Two Columns)

Dos Filas - Vamos a considerar los marcos del Example 1.Este es un conjunto de marcos con dos filas: el marco superior toma hasta un 20% del espacio vertical disponible  y el marco inferior toma hasta un 80% del espacio vertical disponible.

El c�digo HTML usado para crear �ste primer conjunto de marcos es:

Dos Columnas - Tal como en nuestro segundo ejemplo, aqu� hay un conjunto de marcos con dos columnas: Example 2. El marco izquierdo toma hasta un 20% del espacio horizontal disponible, y  e4l marco derecho toma hasta un 80% del espacio horizontal disponible.

El c�digo HTML usado para crear �ste segundo conjunto de marcos es:

El texto en rojo (red), como mensionamos nanteriorments, se usa aqu� para indicar la �nica diferencia en el c�digo HTML para �stos dos ejemplos.

Las cosas m�s importantes de reconocer en �stos ejemplos son:

• El c�digo para crear un conjunto de marcos est� encerrado por la etiqueta frameset. <frameset> marca el comienzo del conjunto y </frameset> marca el final.

• Debe existir al menos un atributo de �sta etiqueta para especificar la "geometr�a" del conjunto del marco.  En ejemplo 1, el HTML indica que el conjunto de marcos consistir� de dos marcos de (filas) "row", ej., dos marcos con uno encima del otro. En el Ej. 2, el HTML indica que el conjunto de marcos consistir� de dos (columnas) de marcos "column" ej., con uno al lado del otro.El n�mero de filas o columnas se indica por el n�mero de valores que aparecen en la lista de columna-delimitada despu�s de los atributos de o las (filas) rows or (columnas) cols de la etiqueta del conjunto de etiqueta.

• Dentro de la etiqueta del conjunto de marcos existe una etiqueta de (marco) frame para cada marco del conjunto de marcos.  Cada etiqueta de  marco tiene un atributo src que especifica el archivo que va a ser subido dentro del marco. La primera etiqueta de marco va con el primer (mas superior o mas izquierda) marco en el conjunto. La pr�xima etiqueta va con el pr�ximo (mas bajo o mas a la derecha) marco en el conjunto, etc.

El conjunto de marcos y las etiquetas de los marcos pueda que tengan atributos adicionales que te permitir�n entallar a�n mas un conjunto de marcos y/o codo del conjunto de marcos con funcionamiento aditional. Comenzamos nuestra discusi�n considerando los m�s m�nimos atributos que �stas etiquetas deben de tener; vamos a otras caracter�sticas mas adetante.

En estos ejemplos file1.html y file2.html son archivos muy simples; cada uno solo tiene una pieza peque�a de texto sobre un color s�lido de fondo:

Aqu� est� mostrado file1.html solo en una ventana, y aqu� est�  file2.html mostrado solo. Escojimos �stos archivos simples para subirlos dentro del conjunto de marcos porque dese�bamos enfatizar la estructura del conjunto de marcos y c�mo cre�rlo, sin ningunos hechos obscurecidos con material particular en los archivos que est�n dentro de los dos marcos.

De hecho, puedes entrar en cualquier marco de archivo (a�n un conjunto completo de marcos), cualquier archivo de imagen, o cualquier otro tipo de archivo mostrado enl�nea en una p�gin a de la red. Por supuesto, las p�ginas pueden ser o archivos locales o de cualquier lugar en la red, entre tanto son especificadas con el pasillo local correcto o el URL.

Ejemplo 1 Reverso

Probablemente has adivinado que si deseamos intercambiar los marcos de nuestro primer ejemplo, todo lo que necesitas hacer es invertir los valores en la lista asignada a rows(filas):

He aqu� el conjunto del marco nuevo que �ste c�digo modificado cre�: Example 3.

Empero, archivo file1.html est� en un marco grande mientras que file2.html est� en el marco peque�o. Y si deseamos intercambiar los archivos as� como los dos marcos para obtener Example 3a, debe estar claro lo que debemos de hacer: