Antes que nada, les ofrezco una disculpa por el retraso en la tercera entrega de Templates para Blogger desde Dreamweaver. Espero que de verdad les esté siendo de utilidad. Mucho agradeceré que haya una retroalimentación, y si tienen dudas al respecto, háganmelo saber.
QUE HACER CUANDO UNA SOLA IMAGEN DE FONDO NO ES SUFICIENTE
No sé si les ha sucedido que, cuando colocan una imagen de fondo, a lo mejor no es lo adecuado para el sitio que están construyendo porque desarmoniza. Les pongo un ejemplo de este fenómeno al cual llamo Error de Buena Intención (en adelante, EBI): el sitio de Cinemark México:
Le llamo EBI, porque el webmaster del sitio tiene generalmente un buen concepto… pero las cosas no salen como deben, porque desconoce las reglas más elementales de composición y cree tener el know-how para poner su ideas en práctica; pero nunca corrige sus errores aunque estos sean evidentes. O sea, crea sitios sin diseño, con un concepto mal aplicado, enfocado básicamente a evitar su fatiga (como diría Jaimito “El Cartero”).
Veamos brevemente cuales son los errores:
Éstos son detalles que parecen poco importantes al crear una página o un template. Cuando diseñas un sitio comercial, lo haces para los usuarios, NO PARA TI. Esto es lo que te obliga, si eres una persona responsable y comprometida con tu trabajo, a resolver problemas antes de que se presenten. Uno de ellos es precisamente la resolución a la que estás diseñando y la que usan tus usuarios. Como lo dice, debes diseñar para todos en este tipo de casos.
Y es precisamente esta falta de compromiso con uno mismo, la que provoca errores que no deberían cometerse en nuestros días. Sobre todo tomando en cuenta quién te esta empleando y la mala proyección que podría tener un diseño mal hecho.
Incluso el ritmo es necesario en la composición para que imagen que debe lucir centrada, no se vea desequilibrada, sólo porque no supimos como colocar los elementos de la página con un orden más estético.
Dirán ¿y esto que tiene que ver con las imágenes de fondo? ¡Pues mucho! Colocar correctamente una imagen de fondo, nos puede ahorrar mucho trabajo. Y por supuesto, ofrecerle un producto mejor terminado al cliente. Vean a que me refiero:
Aun cuando el sitio es poco estético y hay duplicidad de funciones, parece que la imagen de fondo fue bien integrada, pero...
... ¡ups! ¿acaso se movió el fondo al mover la barra de desplazamiento del iframe?
Al no tener un conocimiento claro del cómo debe usarse un iframe, se pueden sacar conclusiones que parecen lógicas pero que ofrecen resultados completamente atroces.
¿Ustedes como creen que se arregla? Pues de una forma bastante sencilla, que no implica necesidad alguna de mutilar el wallpaper (que como dije, no es otra cosa más que diseño web huevonista: “agarro este wallpaper, lo pongo de fondo y hago como que ya trabajé”).
El iframe tiene una modificador especial, específico para este tipo de necesidades: allowtransparency. Simplemente se escribe dentro del tag iframe y después del modificador source (scr), allowtransparency=”true”. Esta indicación le dice al navegador que toda página que sea mostrada por medio del iframe, tendrá un fondo transparente. Pero, para que funcione el hack, debemos agregar en el tag body de la página que cargará el iframe, lo siguiente: style=”background-color:transparent”.
Es precisamente cuando nos es insuficiente un único fondo, que empleamos dichos conocimientos: uso de iframes, tablas e imágenes con canal alfa.
IFRAMES E IMÁGENES CON CANAL ALFA
Sabemos que para poner una imagen de fondo, hay que indicarlo en el código. Pero, en el caso de NOWHERELAND, la imagen de fondo (aunque no lo creas) no es la superior, sino la inferior. La imagen superior en realidad está segmentada. Cada segmento está dispuesto, como imagen de fondo de tabla, en un orden y posición determinada, para que pueda observarse como una imagen entera. Así es que cada celda, tiene un segmento que le corresponde. Esta es una solución más que aceptable para ofrecer un resultado más agradable a la vista. Y claro, para integrar las demás imágenes al diseño, optamos por el formato .PNG (aceptado por la mayoría de los navegadores) que nos permite meter transparencias en el canal alfa. Puedes ver un artículo más detallado sobre este formato aquí.
Un buen diseño nace de un buen concepto. Si tu concepto es bueno, sin embargo, ello no garantiza que tu diseño será bueno. Para que obtengas resultados de excelente calidad, es indispensable conocer bien el código.
Mañana
SELECCIÓN TIPOGRÁFICA
PASOS PARA INTEGRAR EL CÓDIGO DE BLOGGER AL TEMPLATE
