Taller de Adobe Dreamweaver: ¿Modo código o modo visual?

¡¡¡Y nos volvemos a encontrar en la clase número 11 del Taller de Adobe Dreamweaver!!! Me alegro de que todavía estén aquí, y los que no están de todos modos no van a leer esto así que no importa (:P) jejeje.

Esta clase es especial porque, además del tema de hoy, responderemos la duda de nuestro seguidor Nelson, que nos preguntó cuál sería el tamaño adecuado para hacer una página. Como creo que la respuesta merece su espacio decidí incluirla al final de esta clase.

Comparación

Empezar el contenido de esta clase con el título “comparación”, no es lo que mas me gustó, pero bueno, es lo que es, aunque no lo es tanto ¿¿CÓMOOOO?? Ahora les cuento:

Si bien Dw permite llegar a hacer una página completa en modo visual, no es mucho lo que vamos a lograr de esta manera.

Cualquiera que pretenda hacer una página (decente), usando Dw o cualquier otro programa, va a necesitar saber al menos un mínimo de HTML.

Por ende, no podemos considerar el modo código o el modo visual como diferentes maneras de hacer una página, ya que lo ideal es usar, de ambos, las cosas que nos resulten más útiles.

A eso me refería con que no me gustaba la idea de comparación entre una manera y otra de hacer las cosas, ya que son complementarias.

A la larga, la realidad nos dice que el modo visual prácticamente se resume a la escritura de texto, ya que Dw nos cambia los caracteres no válidos para HTML por sus correspondientes reemplazos (por ejemplo los acentos, entre otros) ya que el resto de las opciones nos resulta más rápido manejarlas desde el modo código.

Como bien dijimos más arriba se puede llegar a una página completa en modo visual, pero poco a poco cuando vayan ganando experiencia, verán que este modo les va quedando chico, y se pasarán al modo código exclusivamente.

De aquí que el taller además de Dw planea enseñar HTML.

Como todo, podremos hacer más rendidor el programa, cuando tengamos un uso considerable de él.

Piensen que usándolo seguido y acostumbrándose a un modo de trabajo, pueden customizar sus herramientas, o saber dónde están las que siempre usan y agilizar la creación de sitios web.

Conclusión

Creo que la respuesta al título de esta clase sería “Modo código”, pero no nos vamos a encasillar tanto.

Al principio (o no), puede que haya mucha gente que considere más practico el modo de vista de diseño, y a la larga tal vez muchos lo sigan usando para alguna que otra cosa.

Lo que sí cabe destacar es que el conocimiento del código, su estructuración, y el poder abstraer lo que se ve en pantalla y poder visualizarlo cuando vemos código, va a determinar el punto en que pasemos de principiantes a avanzados dentro de la maquetación de páginas web.

———————————————————————————————————–

¡¡Agregado especial!!

Creo que este añadido es muy importante y, aunque no tenga que ver con Dw o con HTML, es importante saberlo, más aún ahora, aprovechando que recién estamos creando nuestra página, para empezar con todas las cosas bien hechas :p.

Gracias a Nelson (un seguidor del curso), quien nos pregunto cual era el tamaño ideal para una página normal, vamos a incluir en esta clase, la respuesta a su pregunta como agregado especial o “tip”:

Tamaño ideal de una página

Una página no tiene un tamaño preestablecido aunque se pueden encontrar muchas páginas que tienen el mismo ancho o largo que otras, debido a una no-arbitraria elección de los diseñadores a la hora de empezar a trabajar.

Lo principal a pensar a la hora de hacer un diseño de una web es quién va a ser el usuario de esa página y, como no lo sabemos (aunque tal vez podemos armar un perfil de posible user), tenemos que calcular un usuario promedio.

Es por esto que uno siempre trata de realizar su página en un tamaño acorde a “las masas” o al perfil general de nuestros usuarios.

Hoy por hoy un gran porcentaje de gente, usa una resolución de pantalla de 1024 x 768px, y convendría diseñar una página en la cual el contenido, o la información relevante sea visible dentro de ese tamaño, para luego abarcar otras resoluciones, con “auxilios” gráficos, para completar.

Es muy conocido el tipo de páginas de cuerpo centrado con extremos que completan el diseño.

Como podemos ver en la imagen, tenemos una parte central que se adecúa al formato de 1024px de ancho de pantalla.

En esta página son 950px reales, se deja margen para la barra de scroll que puede surgir si la página crece hacia abajo (como ven se toman en cuenta varias cosas).

También podemos ver, que los costados del centro de la página, no se dejan descuidados, sino que también tienen un “motivo” grafico, que termina de rellenar la página en caso de que el usuario tenga una resolución mas grande (1280 x 1024, 1600 x 1200, entre otros).

Prueben ver la página en diferentes resoluciones de monitor para tener una idea más clara (acá les dejo el link http://www.videosjaja.com).

Otro punto a tener en cuenta es la gente que aún usa resolución de 800 x 600px que, aunque no los consideramos como mayoría en nuestro modelo de usuario promedio, debemos tomarlos en cuenta de todos modos.

Por ende, el contenido de mayor relevancia, debe estar considerado dentro de los 750px del “body” de nuestro sitio.

Y vuelvo a hacer referencia a la página de la imagen anterior. Podrán ver que el panel de registro, inicio, subir videos, categorías, etc., todas se encuentran en un rango de visión accesible para la mayoría de los usuarios.

Retomando: el tamaño de nuestra página puede depender de varias cosas.

A medida que vayan aprendiendo “a los golpes”, van a ir mejorando sus diseños.

No olvidemos que no se puede ser programador, diseñador, maquetador, todo de la noche a la mañana.

Yo recomiendo que vayan poco a poco investigando de acuerdo a lo que vayan necesitando y, por supuesto, leyendo y escuchando recomendaciones de otras personas que ya pasaron por las etapas que están pasando ustedes.

Como dije al principio del curso (creo) aprender Dreamweaver no los va a hacer diseñadores web profesionales, ya que Dw es solo una herramienta, pero sí los va a ayudar mucho.

En sí, ser un buen Webmaster, depende de muchas cosas que se hacen con la experiencia y esta se hace poniéndole ganas y tratando de aprender todo lo que se pueda (principalmente siguiendo este taller, jeje).

No duden en seguir preguntando y ojalá salgan más comentarios como este, que nos dan tema para agregar en nuestras clases y hacerlas más útiles y a la medida de ustedes que siguen nuestro curso y que serán los futuros webmasters.

¡Saludos!