•Fácil de aprender

• Predictivo
• Sintetizable
• Familiar
• Consistente/homogéneo

•Flexible

• Personalizable

•Sólido

• Recuperatividad
• Tiempode respuesta
• Adecuaciónde las tareas

•Predictivo:

• Los conocimientos adquiridos en la historia de interacciones serán suficientes para determinar los resultados de la interacciónfutura.

•Sintetizable:

• Nos permite conocer el estado de las interacciones pasadas

•Familiar:

• Si hay correlación entre el conocimiento que tiene el usuarioy el conocimiento que se requiere para una interacción efectiva.

•Consitente/ homogéneo

•Aplicar y respetar convencionalismos

•Flexible

• Personalizable

•Recuperatividad

• El sistema es capaz de recuperarse de un error propioo del usuario.

•Tiempode respuesta

• Tiempo que necesita el sistema para expresar los cambios de estado al usuario. Ha de ser un tiempo razonable.< 1 segundo off-line< 10 segundos on-line

•Adecuación de las tareas

• El sistema permite todas las tareas que el usuario quiere hacer

1.Ofrecer alternativas al contenido visual y auditivo.
2.No apoyarse únicamente en el color y comprobar que tanto textos como gráficos son comprensibles cuando se visualizan sin color.
3.Utilización adecuada de hojas de estilo y marcadores Marcando los documentos con los elementos estructurales apropiados y controlando la presentación con hojas de estilo en vez de con elementos y atributos de presentación.
4.Identificar el lenguaje natural utilizado en cada documento, para facilitar la pronunciación o interpretación de texto abreviado o extranjero.
5.Creación de tablas de contenido cuya transformación sea adecuadamediante marcadores que permitan su transformación a través de navegadores accesibles y otras aplicaciones de usuario.
6.Ofrecer medios alternativos a las últimas tecnologías. Asegurar que los documentos son accesibles incluso cuando el dispositivo de acceso no soporta o tiene desactivadas las últimas tecnologías.
7.Permitir que el usuario controle las variaciones sobre contenidos basados en tiempo como animaciones, secuencias de diapositivas, etc. Este control se traduce en la posibilidad de detener, actualizar, dichos contenidos.
8.Asegurar la accesibilidad del interfaz de usuario independientemente del dispositivo de acceso.
9.Diseñar con independencia del dispositivo utilizando características y estándares que permitan activar o desactivar elementos de la página a través dediversos dispositivos de entrada.
10.Utilizar soluciones transitorias que permitan el acceso de dispositivos antiguos como navegadores de versiones antiguas y otras plataformas.
11.Apoyarse en tecnologías y pautas W3C o proporcionar versiones alternativas allí donde las pautas W3C no sean aplicables.
12.Proporcionar contexto y orientación a la información a través deelementos complementarios que permitan la comprensión de documentos complejos. (Títulos, navegación…)
13.Ofrecer mecanismos claros y consistentes de navegación que apoyen al usuario en su tarea de encontrar información.
14.Asegurar que los documentos sean claros y simples para una comprensión más fácil.

Layout Gala, es una página web muy útil cuándo se debe empezar un sitio web. Tiene 40 plantillas de colocación de los elementos header, bottom, left, right y main que nos pueden ser muy útiles cuando empezamos un sitio web, además nos pueden ahorrar mucho tiempo. Además también hay ejemplos de página con porcentaje o estáticas.

http://blog.html.it/layoutgala/

Vía: Salva

A veces es útil crear hojas de estilo dinámicas utilizando php, también nos puede servir con javascript.

Ejemplos de uso:

• Cuándo dependiendo del producto que se escoja, se quiere un color de fondo
• Cuándo no sabemos el numero de elementos a cargar de un javascript hasta que php se ejecuta
• Cuándo dependiendo de un usuario mostramos una interfaz o otra

http://friendlybit.com/css/static-and-dynamic-css-combined/

Para centrar un div con css: 

<div style="border:1px solid blue; background:rgb(50,240,60); width:60%; margin: 0 auto;">
Div centrado</div>