| Tutor de Tablas - |
|
||||||||||||||||||||||||||||||||||||||||||||||||||||
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.
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 |
|||||||
| 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...
Y estos son marcos de imágenes utilizando tablas...
|
Este último ejemplo es una simple barra de botones...