Tutor de Tablas -

¡Hazlo con una tabla!









(SÍ, ¡ESTA TABLA ES UNA TABLA!)

Las sentencias de tablas son, con diferencia, las más útiles que jamás encontrarás. Cuando acometes el diseño de una página puedes conseguir cualquier cosa usando estas sentencias. A continuación se explican algunas ideas. Algunas las encontrarás útiles, otras quizás no. Pero todas muestras la versatilidad de las sentencias <TABLE>.

(Esta página es muy colorista. Si no ves colores deberías tirar tu navegador a la basura. Se me ocurre un sitio donde puedes conseguir uno mejor.)
Si puedes leer esto tu navegador entiende perfectamente los atributos de color
Si puedes leer esto tu navegador no muestra colores de tablas. Lo siento.

Hay un total de 18 archivos de imagen en esta página. Todos ellos están comprimidos aquí. De esta forma, puedes practicar con ellos y no tienes que andar buscándolos por toda la página (¡si es que soy de un bueno!)

Y una vez más, encontrarás una tabla de colores completa aquí mismo.

Para ver la forma en que se han hecho estas tablas, pincha en Ver, Código fuente, y encontrarás unas directrices que te orientarán.

La Constitución
Aprobada por el Congreso el 25 de Septiembre de 1789.
Ratificada el 15 de Diciembre de 1791.


 
1ª ENMIENDA  
El Congreso no podrá legislar respecto al establecimiento de religiones, o prohibir el libre ejercicio de las mismas. Tampoco podrá prohibir la libertad de expresión o de prensa; o el derecho de los ciudadanos a reunirse pacíficamente, y sólo a petición del Gobierno tomará medidas en contra.
 
2ª ENMIENDA  
Aunque haya milicia regular, necesaria para la seguridad de la libertad del Estado, el derecho de los ciudadanos de poseer y portar armas no podrá ser infringido.
 
3ª ENMIENDA  
Ningún soldado podrá, en tiempo de paz, ser acuartelado en casa alguna sin el consentimiento del propietario de la misma, ni, en tiempo de guerra, si no ha sido sancionado por una ley específica.
 

Me siento culpable cortando este documento, así que creo que si preveo un enlace a la Constitución de los EE.UU. estaré mejor con mi conciencia.

Esto es un simple tablero de ajedrez. No es muy útil, pero hacer uno es una gran manera de practicar. En teoría, puedes utilizarlo para jugar con alguien a través de tu página.


 

Otro ejemplo (menos colorista) utilizando la Constitución de nuevo.

La Constitución
Aprobada por el Congreso el 25 de Septiembre de 1789.

Ratificada el 15 de Diciembre de 1791.

ENMIENDA
I
   El Congreso no podrá legislar respecto al establecimiento de religiones, o prohibir el libre ejercicio de las mismas. Tampoco podrá prohibir la libertad de expresión o de prensa; o el derecho de los ciudadanos a reunirse pacíficamente, y sólo a petición del Gobierno tomará medidas en contra.
ENMIENDA
II
   Aunque haya milicia regular, necesaria para la seguridad de la libertad del Estado, el derecho de los ciudadanos de poseer y portar armas no podrá ser infringido.
ENMIENDA
III
   Ningún soldado podrá, en tiempo de paz, ser acuartelado en casa alguna sin el consentimiento del propietario de la misma, ni, en tiempo de guerra, si no ha sido sancionado por una ley específica.

Puedes hacer códigos de barras con tablas y unos cuantos puntos coloreados. No es muy díficil, y una vez hecho resulta muy fácil de cambiar. Además puedes hacer cosas que no podrías hacer con una simple imagen. Supongamos que necesitas cambiar el gráfico muy a menudo, o que los gráficos son la muestra de unos resultados generados por un programa CGI, Java, o JavaScript.

  Páginas Web de Jose Angel Co. Inc.
Producción de páginas Enero-Junio

PERSONALES       COMERCIALES       GRATUITAS
UNIDADES
en
tmiles
150

100

50

0

     
     
     
     
     
     
    ENE FEB MAR ABR MAY JUN

Es un bonito efecto. Un poco peñazo al principio, pero las actualizaciones son muy fáciles si tu código HTML es claro y organizado.

Punch Grand Cru Honduras
Cigarro Longitud Diámetro Envoltura Caja de Precio Unidad
Britania 6.25 50 Natural 25 96.75 4.55
Diademas 7.25 54 Natural 25 102.50 4.80
Monarcas 6.75 48 Natural 10 57.00 6.40
Prince Consort 8.5 52 Natural 10 48.00 5.65
Robusto 5.25 50 Maduro 20 75.00 4.40
Robusto 5.25 50 Natural 20 75.00 4.40
Superior 5.5 48 Natural 25 86.50 4.05

El mismo efecto con una tabla mucho más sencilla...

Punch Grand Cru Honduras
 Cigarro       Longitud Diámetro  Envoltura  Caja de  Precio    Unidad 
 Britania        6.25      50      Natural      25      96.75     4.55  
 Diademas        7.25      54      Natural      25     102.50     4.80  
 Monarcas        6.75      48      Natural      10      57.00     6.40  
 Prince Consort  8.5       52      Natural      10      48.00     5.65  
 Robusto         5.25      50      Maduro       20      75.00     4.40  
 Robusto         5.25      50      Natural      20      75.00     4.40  
 Superior        5.5       48      Natural      25      86.50     4.05  

También pueden usarse para hacer líneas coloreadas...

===============================divider===============================

===============================divider===============================

Hay muchas más aquí...


Y estos son marcos de imágenes utilizando tablas...

Más ejemplos aquí.


Este último ejemplo es una simple barra de botones...