Curso de Dreamweaver CS3

En este apartado vamos a ver algunos términos que van a estar rondando desde el principio una vez que entras en el mundo del diseño Web.
Algunos de ellos como la Usabilidad, dada su importancia y complejidad los veremos con detalle a lo largo del curso.

El concepto de USABILIDAD se refiere a la capacidad en la que el diseño de un objeto facilita o dificulta su manejo.

El Grifo A esta diseñado con una mejor USABILIDAD que el Grifo B
Al usar el Grifo A para conseguir agua caliente sabremos, antes de usarlo,
que debemos girar la rosca roja.
En cambio el Grifo B debemos de probarlo antes de saber con certeza
en que dirección debemos girar el monomando.

- Ya... ¡muy bonito! pero yo No voy a diseñar objetos, voy a diseñar sitios Web.
Debemos recordar que los sitio Web que realizamos van a ser USADOS por seres humanos para realizar una tarea (generalmente , buscar información) y lo deben hacer en un entorno gráfico, la web, cuyo diseño va a estar a nuestro cargo.
Esa tarea la deben realizar de una forma sencilla y eficaz para que la experiencia de entrar en nuestro sitio y USARLO sea satisfactoria.

Puede parecer un trabajo de cariz industrial y es que lo es. Nos basaremos en patrones de conducta de los usuarios de Internet para estructurar nuestro diseño pensando en sus comportamientos.

Mala USABILIDAD:	= Usuario FRUSTRADO
- No se en que sección del sitio Web estoy. - No se donde tengo que pulsar para ver la sección que quiero. - ¿Qué hacen tantas cosas moviéndose al mismo tiempo ? - Aquí solo pone tonterías. ¿Dónde esta lo importante? - ¿Dónde están los enlaces de esta página web? - Con estos colores no puedo leer el texto. - ¡Yo aquí no vuelvo!
Buena USABILIDAD:	= Usuario FELIZ
- ¡Que bien se lee el texto de esta página! - Se en todo momento en que sección del sitio Web estoy. - ¡Qué fácil es navegar por este sitio Web! - He encontrado lo que me interesaba rápidamente. - El diseño ayuda a ver mejor la información útil. - ¡Menos mal que he encontrado este sitio Web!

Junto con la Usabilidad, la Accesibilidad es uno de los conceptos más en boga en el diseño Web en los que se centra la excelencia de un sitio Web.
La Accesibilidad trata de eliminar, o al menos minimizar, las barreras con las que se encuentran determinados grupos de usuarios al navegar por Internet y de esta manera permitir su acceso a la información.

	Las discapacidades de los usuarios pueden ser físicas, psíquicas o relacionadas con la tecnología que usan:
	Problemas de visión, audición o movilidad. Dificultad para entender el contenido. Navegación poco intuitiva. Conexión lenta. Navegadores anticuados o que no interpretan bien el contenido. Ausencia de determinados dispositivos (ratón, teclado, etc.)

Para ello, se han establecido unas normas y pautas que definen cómo debe ser el diseño Web accesible.
DW, ya desde versiones anteriores, viene atendiendo a estas pautas a la hora de crear el código de forma predeterminada.
Lo iremos viendo a lo largo de las lecciones.

	¡OJO! usABILIDAD + ACCESIBILIDAD = CÓDIGO DE CALIDAD
	Recuerda que vamos a crear páginas cuyo código se lo vamos a dar a evaluar a navegadores y buscadores. Si ese diseño lo hacemos atendiendo a su Usabilidad y Accesibilidad tenemos muchos puntos ganados para que nuestra página sea digna de un gran gourmet.

En los apartados anteriores hemos ido viendo una de las problemáticas de las páginas Web:
En el contenido de una página Web pueden estar jugando muchas tecnologías diferentes, en varias versiones y verse en dispositivos diferentes (ordenadores convencionales, móviles, PDAs..)

Para salvar esta diversidad en los últimos años se están estipulando una serie de pautas para la elaboración del código de nuestras páginas.
Es una forma de asegurarnos de que todos jugamos con las mismas reglas y los desarrolladores de páginas Web (como nosotros) sepamos a que atenernos.

• A ese compendio de pautas se les llama estándares.
• Estos estándares tiene un simple objetivo: que  la información llegue mejor y más fácilmente al mayor número de internautas.
  Acabamos de ver el problema de la accesibilidad como
• Los estándares no son leyes, sólo son un grupo de "recomendaciones" que debes seguir.
  Es decir, tú página web puede saltarse a la torera los estándares, se verá en algunos navegadores pero estarás limitando el número de internautas que pueden "ver" tu información.
• La mayoría de estas recomendaciones son secundadas por los fabricantes de herramientas (navegadores, editores, buscadores) y tecnologías (servicios Web, directorios, registros).
  Por ejemplo, una de las peores deficiencias que se le achaca a Internet Explorer 7 (el ultimo navegador de Microsoft) es que no obedece a estos estándares.
  

Pero ¿Quién es el que determina estos estándares?
El organismo que se ha encargado de esto es el W3C (World Wide Web Consortium)

	Seguramente habrás visto alguna de sus acreditaciones en alguna página. Estos iconos acreditan que esas páginas han superado el validador de los estándares del W3C
	Valida el estándar para el código XHTML Valida el estándar para los Estilos CSS Valida el estándar de Accesibilidad

	¡OJO! bUEN código vs. buen diseño
	Estamos hablando en estos apartados de restringirnos a unas normas. Esto puede hacernos pensar que eso restringe nuestra creatividad a la hora de diseñar... pero veremos que no es así. Un código limpio es más fácil de adornar con un buen diseño.

- En este curso ¿vamos a aprender a hacer tiendas on-line, o controlar el acceso a páginas web mediante contraseña, etc.?
Esta es una pregunta bastante común al introducirse en el diseño Web. Al fin y al cabo es lo que vemos comúnmente en Internet como usuarios.
La respuesta es : NO.
Ya que nosotros vamos a ver como crear páginas Web ESTÁTICAS (básico en diseño Web) y no vamos a ver la tecnología de las páginas Web DINÁMICAS

-¿A qué te refieres con páginas web ESTÁTICAS Y DINÁMICAS?

• Las páginas Web ESTÁTICAS se refieren a las páginas Web que cuyo contenido es exactamente el mismo sea cual sea el usuario que lo vea.
  No cambia, es el mismo que el webmaster ha subido.
  Es decir, que si quieres cambiar una página Web estática debes bajarte los archivos del servidor, hacer los cambios y subir el resultado de nuevo al servidor.
  El lenguaje de programación es el HTML
• En las páginas Web DINÁMICAS su contenido es creado (por el servidor) inmediatamente para el usuario que lo está viendo en ese momento.
  Es decir, dos usuarios. de una dirección dinámica pueden estar viendo contenidos diferentes.
  El contenido de las páginas es asignado por una BASE DE DATOS.
  El lenguaje de programación que utilizan para comunicarse con la base de datos puede ser PHP o ASP
  

Una página web ESTÁTICA (A) sirve al usuario directamente el archivos HTML que hay en el servidor.
En una página DINÁMICA (b) existe una plantilla en lenguaje PHP o ASP que determina donde va a estar localizado el contenido. Y se comunica con una base de datos que indica el contenido de cada apartado.

Ejemplos de páginas DINÁMICAS:

• Una página de acceso restringido a clientes o usuarios. Este mismo curso
  La lista de clientes o usuarios. esta albergada en una base de datos junto con su contraseña de acceso. Al acceder a su página personalizada esta presenta los datos de ese usuario. su nombre, sus contenidos, sus datos.
  El contenido de esta página cambiará según sea el usuario que acceda a ella.
• Un catálogo de cientos de productos que se tiene que actualizar a diario. www.pixmania.com
  Puede incluso estar organizado por categorías y subcategorías de miles de productos. Las páginas que enseñan la lista de productos no están creadas por ningún diseñador. El contenido de esas listas se lee desde una base de datos que se actualiza cada día.
• El resultado de una búsqueda en un sitio web www.amazon.com
  La lista de datos resultante de una búsqueda no ha sido ideada y y creada por ningún diseñador.
  Es la Base de datos la que determina automáticamente los elementos que se presentan en esa lista y en que orden. Si la búsqueda hubiera sido diferente la página de la lista de resultados también.

Como podéis imaginar las aplicaciones de una programación Dinámica de páginas Web es infinita. Pero nos tiene que quedar claro que sea lo avanzada que sea la programación, todas se basan en una estructura y elementos básicos que son los que vamos a aprender en este curso.