Hola, en el post anterior, habíamos dado algunas pautas para lograr un diseño web con un sentido objetivo y una estética adecuada. En este artículo conversaremos sobre qué hacer con el diseño que hemos creado en nuestro editor de imagenes preferido (en mi caso el photoshop). Nuestro diseño estará compuesto por todas las páginas básicas que contendrá el sitio web.

  • Página de Inicio
  • Página estandar (quienes somos, sobre la empresa, etc.)
  • Página de servicios
  • Página de listado de productos
  • Página de ficha de producto
  • Página carro de la compra
  • Página de contacto
  • ETC.

El siguiente paso es convertir todo este diseño que tenemos en imágenes en un lenguaje que interpreten los navegadores y así lograr la interactividad necesaria de los usuarios.

A día de hoy podemos dividir en dos grupos la maquetación de la web: HTML y/o FLASH.

¿Web en Flash o HTML?

Soy del criterio de que una web hecha completamente en flash, limita mucho las posibilidades que nos brindan los buscadores para que nos encuentren de forma natural. Las webs hechas en flash, por lo general, son películas que cargan moviClips en su interior y la URL no cambia, factor importante para los buscadores. ¿De qué nos sirve tener una web si no nos van a encontrar? ¿Para qué vamos a hacer una inversión de capital para nada? Es cierto que el Flash nos da un dinamismo y una movildiad que puede ser muy funcional para según qué proyecto, por ejemplo: La web de la última película de PIXAR ANIMATION, o la web de la super discoteca de la ciudad. Marcas ya reconocidas como NIKE o ADIDAS tienen su tienda online hechas en flash, pero son marcas con un poder muy grande y pueden permitirse cualquier leguaje en el que esté hecha su web, porque todos las conocemos, y aunque nunca hayamos entrado en su sitio, sabemos o intuimos que escribiendo el nombredelamarca.com llegaremos a su web.

HTML + CSS

Para los navegadores lo ideal sería que la web esté maquetada todo el contenido y estructura de la web en XHTML (lenguaje extensible de marcado de hipertexto) + CSS (Cascading Style Sheets). El XHTML es la perfección del HTML, donde se tiene en cuenta que el código esté escrito perfectamente. Las CSS, hojas de estilo, contendrán la mayor parte del diseño que hemos creado, colores, imagenes de fondo, fuentes tipográficas, etc. 

El programa más conocido para maquetar es el Dreamweaver, aunque yo recomiendo estudiar un poco el código y escribirlo manualmente en un editor de texto o algún programa para escribir código, así podrás controlar tú todo lo que contiene tu HTML.

¿Estática?,¿CMS?

Antes de haber comenzado el diseño debimos escoger entre estas dos opciones. ¿Nuestra web será una web estática? o sea, que el contenido de la misma no estará alojado en ninguna base de datos, no se modificará frecuentemente y cada página del sitio estará creada y guardada en un servidor, o será dinámica y su contenido fluctuará con alguna peridiocidad, el contenido estará guardado en bases de datos. Hoy en día, las webs que mueven mucha información o que llevan una actualización de la misma frecuentemente optan por guardar el contenido de la web en bases de datos, y esta solo se muestra cuando un usuario la solicita.

Los CMS (Content Management System) o Gestores de contenidos, son aplicaciones webs, que nos facilitan el trabajo de administración de nuestro sitio. Una vez maquetados los HTML, solo queda integrarlos en el CMS escogido. Algunos los podemos instalar en nuestro servidor. Los CMS nos hacen muy fácil la labor de gestion de la web y según cuales nos brindan muchas funcionalidades que podemos necesitar en un momento dado.

Algunos CMS que conozco:

3sellers - Es más que un gestor de contenido. Es una aplicación que funciona sobre Rubi on Rails, y en la que se pueden adaptar todo tipo de webs. Las tiendas on-line tienen con 3sellers funcionalidades increíbles, gestión de pedidos, financiación con cofidis, pago por transferencia, paypal, tarjeta de credito, Control de campañas de SEO, blogs, ect.

Drupal - Es un gestor de contenido que te lo instalas en tu servidor, es de código abierto y tiene muchas librerías que han ido generando los desarrolladores.

Joomla - Muy parecido a Drupal, pero un poco más complicado

y hasta aquí esta breve reseña de desarrollo web. cualqueir duda, no dudeis en preguntar