30 de mayo de 2009

Parte II. Tema 2 .- HTML, el Duro Camino

Existen estupendas herramientas de creación Web que se encuentran disponibles, con toda probabilidad estará utilizando una para crear sus páginas o ya conoce como Dreamweaver o FrontPage.

Es posible que se pregunte, "si las herramientas son tan estupendas, ¿necesito aprender HTML?" La respuesta es sí. Es posible que no tenga que memorizar todos los elementos, pero cierta familiaridad es esencial para todo aquél que desea crear páginas Web. Si opta a un puesto de "diseñador Web", los jefes esperarán que sepa manejarse con un documento (X)HTML.

Entender (X)HTML hará que utilizar sus herramientas de creación sea más sencillo y más eficaz. Además, estará contento de que puede ver un archivo fuente y entender lo que está viendo. Es también crucial para solucionar problemas con páginas rotas o ajustar el formato predeterminado que generan las herramientas web.

24 de mayo de 2009

Parte II. Tema 1 .- Una Web Paso a Paso

Una página Web inmobiliaria en producción, paso a paso:

1.- Empezar con contenido: Como punto de partida, añadimos contenido de texto sin formato des del Bloc de notas.

2.- Asignar estructura al documento: Conocer los elementos (X)HTML y los elementos que proporcionan a un documento su estructura.

3.- Identificar elementos de texto: Describir el contenido utilizando los elementos de texto apropiados y conocer la forma adecuada de utilizar (X)HTML.

4.- Añadir una imagen: Al añadir una imagen a la página, se deben conocer los atributos y elementos vacíos.

5.- Ver aspecto con una hoja de estilo: Se formatea el contenido con hojas de estilo en cascada.

Se irá comprobando el trabajo en un par de navegadores de los más utilizados para comprobar el efecto de cada cambio.

17 de mayo de 2009

Parte I. Tema 5 .- Visionar la Web

Tener la visión general en mente

Debe establecer un esquema con lápiz y una hoja de papel de la distribución de menús y submenús y de los contenidos de estos. Una página Web no es un medio tan preciso como el impreso, y no debería obligarle a que lo sea. Centre su tiempo y atención en asegurarse de que su contenido se encuentre disponible para todos los usuarios, con independencia de sus dispositivos de navegación.

10 de mayo de 2009

Parte I. Tema 4 .- Conocer su Audiencia

Conozca su audiencia

Hemos establecido que hay muchos factores desconocidos a considerar cuando se diseña una página Web. Pero hay una cosa que sabe cuando empieza su proceso de diseño: su audiencia objetivo.

En empresas de desarrollo Web profesional, investigar las características y necesidades de la audiencia objetivo es una de las partes más importantes del proceso de diseño. Un buen conocimiento de su audiencia, puede ayudarle a tomar mejores decisiones de diseño.

1 de mayo de 2009

Parte I. Tema 3 .- Máxima visibilidad de la Marca

Los diseñadores web han adaptado la técnica de los editores de periódico para diseñar "por encima del corte o mitad", es decir, lograr la máxima visibilidad de la marca. Los usuarios verán la marca visualizarán en todo momento la marca por encima de la información que se les ofrece por debajo del corte. Algunos elementos que debería considerar situar sobre la mitad incluyen:

  • El nombre del sitio y su logo (si tienen uno).
  • Su mensaje principal.
  • Alguna indicación de lo que trata su sitio (por ejemplo, consultoría inmobiliaria, brokers, corredores de seguros, administrador de fincas, etc.).
  • Navegación a las partes principales del sitio.
  • Llamadas cruciales a la acción, como "Regístrese ahora".
  • Cualquier otra información importante, como números de atención gratuitos.
  • Un banner publicitario.
En general, el nivel de confianza en lo que veremos en la primera "página" está más alto en la esquina superior izquierda de la ventana del navegador y luego disminuye a medida que las páginas se mueven hacia abajo y a la derecha. Cuando la ventana del navegador se hace muy pequeña, el borde inferior y a la derecha son los que se van a cortar con más seguridad. Una estrategia para el diseño de página es situar los elementos más importantes y mensajes en una esquina superior izquierda y trabajar a partir de ahí a través de jerarquías de importancia.