Este documento ofrece consejos sobre el diseño web enfocado en el usuario, como diseñar pensando en la persona que usará la página en lugar de en los propios gustos del diseñador. También incluye ejemplos de código HTML para crear tablas y celdas, y recomendaciones sobre el uso de fondos de textura, colores enteros, y alineación a la izquierda para pantallas grandes. Por último, proporciona enlaces a páginas web de ejemplo.

2. Diseña Pensando en la persona que va a usar la página. No diseñes pensando en lo que te gusta a ti!!!

4. MENÚ CABECERA CUERPO align=“center”

6. CABECERA CUERPO COLA align=“center”

7. VISTA REAL

9. CABECERA CUERPO COLA align=“left”

10. VISTA REAL

11. Cuando se utiliza una Textura como Fondo es importante que el diseño sea continuo, sino se verán las uniones

12. CABECERA CUERPO COLA tr tr tr

13. CÓDIGO <table> <tr></tr> <tr></tr> <tr></tr> </table>

14. 1 CELDA td 2 CELDA 3 CELDA td td tr

15. CÓDIGO <table> </table> </tr> </tr> </tr> <tr> <tr> <tr> <td> </td> <td> </td> <td> </td>

16. CÓDIGO <table> <tr></tr> <tr> <td></td> <td></td> <td></td> </tr> <tr></tr> </table>

17. VISTA REAL

19. VISTA REAL

20. Revisa siempre la continuidad de la imagen antes de salir de Photoshop

21. VISTA REAL

22. Usar colores enteros ayuda a la composición y nos asegura diseños estables

23. VISTA REAL

24. Componer pegando el diseño a la izquierda ayuda cuando hay monitor largos

25. VISTA REAL

26. Animación en Flash Imagen como fondo

27. VISTA REAL

29. http://www.susannepaschke.de http://www.trale.com http://colourmod.com Relación de Web mencionadas http://www.biola.edu http://eyecandyanimation.com

30. Relación de Web mencionadas http://www.teamgreenadventures.com http://www.joyent.com http://www.komodomedia.com http://www.freepeople.com http://www.emotionslive.co.uk