El documento presenta una introducción al diseño de interfaces web, comenzando con una explicación de HTML y su evolución. Luego discute mejoras como la separación entre diseño y contenido usando CSS, y aborda problemas de accesibilidad y soluciones como el mejoramiento progresivo. Finalmente, cubre motores de búsqueda y cómo mejorar el posicionamiento de sitios web.

1. Diseño de interfaces Web Sesión 2 Miquel Adell Vasava [email_address]

2. Contenidos ¿Como mejorar la posición de nuestra web en los buscadores? 5.2. ¿Qué son los motores de búsqueda? 5.1. Motores de búsqueda 5. Progressive Enhancement 4.1. Soluciones accesibles 4. Lectores de pantalla 3.2. Problemas visuales 3.1. Problemas de acceso a paginas HTML 3. Mejoras sobre las webs estáticas con HTML 2. Un ejemplo, diferencia entre tablas y CSS 1.3. Separación entre diseño y contenido 1.2. Fundamentos (lenguaje interpretado con etiquetas) 1.1. HTML 1.

3. Contenidos ¿Como mejorar la posición de nuestra web en los buscadores? 5.2. ¿Qué son los motores de búsqueda? 5.1. Motores de búsqueda 5. Progressive Enhancement 4.1. Soluciones accesibles 4. Lectores de pantalla 3.2. Problemas visuales 3.1. Problemas de acceso a paginas HTML 3. Mejoras sobre las webs estáticas con HTML 2. Un ejemplo, diferencia entre tablas y CSS 1.3. Separación entre diseño y contenido 1.2. Fundamentos (lenguaje interpretado con etiquetas) 1.1. HTML 1.

11. Por pantalla: Gmail

12. Impresora: Gmail

13. Dispositivo móvil: Gmail

14. Por pantalla: Facebook

15. Impresora: Facebook

16. Dispositivo Móvil: Facebook

20. Contenidos ¿Como mejorar la posición de nuestra web en los buscadores? 5.2. ¿Qué son los motores de búsqueda? 5.1. Motores de búsqueda 5. Progressive Enhancement 4.1. Soluciones accesibles 4. Lectores de pantalla 3.2. Problemas visuales 3.1. Problemas de acceso a paginas HTML 3. Mejoras sobre las webs estáticas con HTML 2. Un ejemplo, diferencia entre tablas y CSS 1.3. Separación entre diseño y contenido 1.2. Fundamentos (lenguaje interpretado con etiquetas) 1.1. HTML 1.

28. Contenidos ¿Como mejorar la posición de nuestra web en los buscadores? 5.2. ¿Qué son los motores de búsqueda? 5.1. Motores de búsqueda 5. Progressive Enhancement 4.1. Soluciones accesibles 4. Lectores de pantalla 3.2. Problemas visuales 3.1. Problemas de acceso a paginas HTML 3. Mejoras sobre las webs estáticas con HTML 2. Un ejemplo, diferencia entre tablas y CSS 1.3. Separación entre diseño y contenido 1.2. Fundamentos (lenguaje interpretado con etiquetas) 1.1. HTML 1.

30. 3.1. Problemas visuales La Web de las mariposas con daltonismo dicromático

32. 3.2. Lectores de pantalla La Web de las mariposas (CSS) como la vería un lector de pantalla, o como la vería Google.

33. 3.2. Lectores de pantalla La Web de las mariposas (tablas) como la vería un lector de pantalla, o como la vería Google.

34. Contenidos ¿Como mejorar la posición de nuestra web en los buscadores? 5.2. ¿Qué son los motores de búsqueda? 5.1. Motores de búsqueda 5. Progressive Enhancement 4.1. Soluciones accesibles 4. Lectores de pantalla 3.2. Problemas visuales 3.1. Problemas de acceso a paginas HTML 3. Mejoras sobre las webs estáticas con HTML 2. Un ejemplo, diferencia entre tablas y CSS 1.3. Separación entre diseño y contenido 1.2. Fundamentos (lenguaje interpretado con etiquetas) 1.1. HTML 1.

41. Contenidos ¿Como mejorar la posición de nuestra web en los buscadores? 5.2. ¿Qué son los motores de búsqueda? 5.1. Motores de búsqueda 5. Progressive Enhancement 4.1. Soluciones accesibles 4. Lectores de pantalla 3.2. Problemas visuales 3.1. Problemas de acceso a paginas HTML 3. Mejoras sobre las webs estáticas con HTML 2. Un ejemplo, diferencia entre tablas y CSS 1.3. Separación entre diseño y contenido 1.2. Fundamentos (lenguaje interpretado con etiquetas) 1.1. HTML 1.