Antes de iniciar: sobreentiendo que ya tienes dominio de Dreamweaver. Si no es así­, te recomiendo que te bajes antes algún manual de estudio y práctica. Aquí­ te dejo uno muy completo (en inglés): DREAMWEAVER CS5 BIBLE.

ESTRUCTURA TU BLOG

Primero que nada, te aconsejo que tomes papel y lápiz para definir la estructura de tu blog. Debes realizar un esquema de tablas que vaya acorde a lo que deseas. Al hacer esto, debes tomar en cuenta que la parte esencial de tu blog, se compone de una columna de entradas y una más de control e información secundaria.

No importa si no sabes dibujar, la idea es aterrizar lo que piensas que debe ser tu website al momento.

Pero si sabes dibujar, podrás nadar como pez en el agua

No te aconsejo trabajar de inmediato en el Dreamweaver, a menos que seas conformista. Debes tomar en cuenta que tu blog va a reflejar una parte de ti. Que mejor que refleje la parte creativa y no la conformista. Por ello, el papel es indispensable en el proceso de diseño, para realizar bocetos (incluso en el diseño web).

Es importante que lleves un registro de jerarquí­as,
para saber exactamente como debe trabajar tu blog

DECANTA EN DREAMWEAVER

Si hay algo que nos encanta a los diseñadores de los paquetes de Macromedia, es su facilidad de uso. Una vez aprendidas las variables, toma muy poco tiempo el definir las caracterí­sticas estéticas del resto, y sobre la marcha se puede modificar la misma, para optimizarla.

Abre el Dreamweaver, y crea las tablas que acabas de diseñar. A tomar en cuenta en este punto:

• Resolución de mi blog
  ¿A quién quiero llegar con mi nuevo diseño?

Si tu blog está destinado a ser leí­do por las masas, piensa en que no todos tienen monitores de alta resolución. De hecho, son muy pocos los que usan una resolución mayor a 1024 x 786 pixeles. Y aun hay gente que tiene la resolución de su monitor en 800 x 600 pixeles.

Si en cambio, tu blog será un reflejo de lo que eres, no te debería preocupar en lo absoluto.

• Largos y anchos de columna y fila

Cuando trabajamos en Dreamweaver, tenemos que tomar en cuenta si nuestro código será incorporado al Cascade Style Sheet (CSS, en adelante). Yo les aconsejo que, a menos que sepan en lo que se van a meter, no lo hagan.

El CCS define los estilos que se ocuparán en la página. Más adelante veremos como editar los más indispensables. Si deseas aprender más sobre este código, te recomiendo que te bajes este libro:

• CSS Web Design for Dummies

En cuanto a estos valores de largo y ancho, tienen que hacer juego con la resolución que hemos elegido. Pero, invariablemente, se verán afectados por el tamaño de nuestra tipografí­a. Así­ es que deberemos equilibrar el ancho de nuestra columna de entradas, para que sea fácil de leer.

En promedio, una columna con una tipografí­a sans-serif a 12 puntos, debe tener un ancho no menor a 360 pixeles, no mayor a 580. Ésto se debe a que el ojo está acostumbrado a leer la siguiente lí­nea antes de terminar la primera. Si nuestro cerebro pierde de vista el inicio de línea, es más probable que se equivoque al tratar de encontrarla una vez que la ha perdido. Ello conlleva a que el texto sea más difí­cil de leer y por ende que haya menos fluidez en el acceso a la información. Lo que a su vez deriva en la falta de interés por el blog.

Asé­ sea tu artí­culo la panácea del reportaje en web, muy poca gente se verá interesada en pasar más tiempo en el blog si no es fácil de leer. Más adelante veremos como hay que adecuar el CCS para que las nuevas entradas que realices tengan los valores pre-establecidos.

• Columna secundaria
  ¿Sí­ o no?

Cuando creas un nuevo blog en Blogger, debes eligir un template que se acerque al diseño que deseas para el mismo. En todos ellos se incluye, en el CSS, el side-bar o columna secundaria, en donde generalmente se guardan valores automatizados y cuasi-automatizados.

Uno de ellos es el perfil, que ya tiene un diseño especificado por Blogger. Otro más, relacionado con las entradas previas, el cual nos es sumamente útil, y uno más, que es sencillamente un archivo de las entradas que has realizado en ciertos lapsos (los cuales se programan en la pestaña de Opciones del blog). Así mismo, la columna secundaria nos permite compartir ví­nculos a otras páginas de nuestro agrado, o si­ lo deseamos, vinculados con un intercambio de tráfico por medio de banners.

No hay lí­mite alguno a tu creatividad… a menos que aceptes el código preseleccionado. Entonces tendrás que limitarte a una columna. Personalmente creo que esa parte del código es completamente innecesaria. Primero, porque pone lí­mite a mi creatividad; segundo, porque el template del blog no serí­a completamente mí­o si no pudiera modificarlo. Y tercero, porque habiendo tanto espacio para trabajar en una página, no podrí­a limitarme a lo que otros piensan que es adecuado y correcto.

Una plantilla prediseñada suele no ser suficiente en muchos casos.
Posiblemente necesites crear tu propia plantilla,
para personalizar tu blog o hacerlo más funcional.

Checa tu diseño previo y coloca donde se te de la gana el código. Sólo asegúrate de que será atractivo, si ese tu deseo, y funcional. Puedes poner cuantas columnas secundarias desees. En el caso de NOWHERELAND, tenemos dos y es probable que se vaya a integrar una tercera en breve.

• ¿Incluirá iframes?

Un iframe, o internal frame, es un marco que se coloca dentro de la página. A diferencia de los marcos comunes, éstos no constituyen una página en sí­ misma, sino que se integran a ella; permitiendo cargar elementos externos sin brincar de una página a otra. La Multimedioteca de NOWHERELAND es un blog, en sí­ mismo. Sin embargo, se carga en la página principal sin necesidad de saltar al sitio. Por lo que ponemos a disposición de los visitantes, dos blogs en uno.

Piensa si este tipo de recursos te conviene. Tiene amplias aplicaciones. Un ejemplo de ello lo encuentras en Girl Techies, un blog que diseñé para una amiga de EEUU. La página inicial no incluye otra cosa que no sea el iframe y el diseño general del sitio, que hace juego con el blog que carga el iframe por medio de la etiqueta allowtransparency. Esto ayuda principalmente a eliminar la barra de desplazamiento pegada al navegador, lo que le da un diseño estático a la vista al blog.

Mañana,
COMPOSICIÓN Y EQUILIBRIO