Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.

Presentación del tema: "Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal."— Transcripción de la presentación:

1 Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal

2 INTRODUCCIÓN AL DISEÑO WEB AL FINAL DEBERÁ RESPONDER EL CUESTIONARIO QUE SE LE PROPORCIONE.

3 WEB SITE PAGINA WEB PRIMARIA PAGINA WEB SECUNDARIA

4

5

6

7

8

9

10

11

12

13

14

15

16 Diferentes plataformasPC / Mac / Linux Diferentes Navegadores instaladosI Explorer / FireFox / Opera / Safari /... Diferentes versiones de esos navegadoresIE 7 / IE 6.5 / IE 5... Diferentes Resoluciones de pantalla800x600 / 1024x764 / 1152x864 /... Diferentes MonitoresEstandar (4x3) / panorámicos Diferentes tipografías instaladas Diferentes reproductores de Vídeo o FlashWindows Media / Real Player / Quick Time / Flash Player Diferentes anchos de banda de conexion.ADSL / Modem

17 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 moviendose 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 rapidamente. - El diseño ayuda a ver mejor la información útil. - ¡Menos mal que he encontrado este sitio web!

18 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.)

19 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 estandares del W3C Valida el Estandar para el código XHTML Valida el Estandar para los Estilos CSS Valida el Estandar de Accesibilidad

20