Fundamentos para Diseño Web
•
0 recomendaciones•561 vistas
Sesión teórica para el curso de Diseño para la Red de la Universidad de las Américas Puebla en su versión 2011.
Recomendados
Más contenido relacionado
Destacado
Destacado (10)
Similar a Fundamentos para Diseño Web
Similar a Fundamentos para Diseño Web (20)
Más de Omar Sosa-Tzec
Más de Omar Sosa-Tzec (20)
Último
Último (20)
Fundamentos para Diseño Web
- 1. Diseño para la Red Fundamentos Mtro. Omar Sosa Tzec Universidad de las Américas Puebla
- 3. ¿Dónde estoy? ¿Qué es aquí? ¿A dónde puedo ir desde aquí?
- 5. Sistemas de Navegación Sistemas de Etiquetado
- 6. Sistemas de Navegación Sistemas de Etiquetado Sistemas de Organización
- 7. Sistemas de Navegación Sistemas de Sistemas de Etiquetado Búsqueda Sistemas de Organización
- 8. ¿Dónde estoy? ¿Cuál es el sistema ¿Cuál es el sistema de organización? de navegación? ¿Qué es aquí? ¿Cuál es el sistema ¿Dónde está el sistema ¿A dónde puedo ir desde aquí? de etiquetado? de búsqueda?
- 9. Color
- 10. ¿Qué es un modelo de color aditivo y uno sustractivo? ¿Este modelo es para pantalla o para impresión? ¿Qué es PANTONE?
- 11. ¿Qué diferencia hay con CMYK? ¿Qué es el cubo RGB? El cubo RGB y la escritura de los colores en hexadecimal.
- 12. ¿Qué es profundidad de una imagen?
- 13. (R, G, B) - 8 bits de profundidad (de 0 a 255). #RGB - 8 bits de profundidad (de 0 a FF). (0,0,0) = #000000 = #000 (255,255, 255) = #ffffff = #fff (255, 0, 0) = #ff0000 (197, 175, 228) = #cbade7
- 14. ¿Qué es resolución? ¿Qué es pixel pitch? ¿Qué es dpi?
- 15. 72 dpi
- 16. Sitio web de la UDLAP.
- 17. 1440x900 px de resolución.
- 18. 1024x768 px de resolución.
- 19. 800x600 px de resolución.
- 21. El <body></body>
- 22. El “color del body” y otros colores de fondo.
- 23. El “color del body” y otros colores de fondo.
- 24. El “color del body” y otros colores de fondo.
- 25. La “imagen de fondo para el body”.
- 26. El “patrón de fondo para el body”.
- 27. El “patrón de fondo para el body”.
- 28. El 960 Grid System.
- 29. El 960 Grid System.
- 30. Layout líquido.
- 31. Layout líquido.
- 32. Layout fijo.
- 33. Layout fijo.
- 34. La separación de contenido y presentación
- 35. contenido presentación
- 36. estructura formato semántica
- 37. Hypertext Cascade Markup Style Language Sheets
- 38. .html .css
- 39. .html .css
- 40. .swf .jpg .html .css .js
- 41. Lo que el usuario ve: estilos activos.
- 42. Lo que un robot puede indizar: estilos inactivos.
- 43. Lo que el usuario ve: estilos activos.
- 44. Lo que un robot puede indizar: estilos inactivos.
- 45. Lo que el usuario ve: estilos activos.
- 46. Lo que un robot puede indizar: estilos inactivos.
- 48. El modelo de caja
- 59. Tarea
- 60. Ya sea en Illustrator o Photoshop deberás sobre un artboard/canvas de 1024x768 pixeles de tamaño, realizar una caja no mayor a 960px de ancho y una altura no mayor a 600px de alto. El artboard/canvas lo pintarás de un color sólido. El fondo de la caja será de un color adecuado para el fondo ya establecido.
- 61. En la caja pondrás un párrafo cuyo texto será una corta biografía de ti: quién eres, cuáles son tus hobbies o en qué te gustaría trabajar.
- 62. Tienes que decidir y apuntar cuánto le pusiste a la caja de: * ancho (en pixeles). * alto (en pixeles). * espaciado interior (en pixeles). * el puntaje del texto (en pixeles). * el valor hexadecimal del color de fondo general. * el valor hexadecimal del color de fondo de la caja.
- 63. * La entrega es indispensable para la siguiente sesión de laboratorio.