Sesión 14: Etiquetas y propiedades de CSS
La clase inicia con un repaso de lo visto anteriormente, se revisa de la estructura semántica de una pagina web html y consultaremos las propiedades de CSS, pero a continuación se comparte un link para revisar el ejemplo de structure-html: https://css-tricks.com/snippets/html/html5-page-structure/ Repaso de etiquetas semánticas etiqueta <ul></ul> El elemento ul representa una lista no ordenada de ítems […]
Sesión 13: Entorno desarrollo web Estilo CSS
La clase comienza con la introducción a nuevos términos para html: Etiquetas Div: Etiqueta que define las divisiones lógicas existentes en el contenido de una página web. Puede utilizar etiquetas div para centrar bloques de contenido, crear efectos de columna y crear diferentes áreas de color, entre otras posibilidades. Sus etiquetas son: <div> y </div> (ambas obligatorias). La etiqueta <div> se puede […]
Sesión 12: Entorno de desarrollo web Html
La clase comienza con un resumen de lo visto anteriormente; historia de la internet con Arpanet para llegar a la descripción de los 3 lenguajes mas usados . HTML, CSS y JavaScript son los tres lenguajes que dominan la creación de todo sitio web, al menos en su parte visual e interactiva. Aquí conocerás qué son […]
Sesión 11: Códigos / Html / Semántica
html5 es un consenso de la https://www.w3.org/ que se encarga de generar un estándar para toda la web, accesibilidad, seguridad, sus tecnologías y los navegadores tienen la función de interpretarlos. Los documentos html deben tener cierta lógica en su estructura. Un sitio es como un libro que tiene muchas paginas y cada una tiene un orden y jerarquía. […]
Sesión 10: Editor de texto / Sublime text
La clase comienza conversando sobre el entorno al desarrollo web. En el caso de la ilustración el entorno seria una tableta de dibujo utilizando los programas como ilustrator. Para el caso del desarrollo web lo mas básico es el editor de texto, el lenguaje html y css entre otros le dan formato al proyecto, los […]
Sesión 9: Diseño visual / Historia del Diseño web
La clase inicia con una conversación sobre el diseño visual y todo lo visto hasta ahora: El cual se considera una disciplina artística que se encarga de comunicar visualmente un mensaje el cual por lo general es una acción (qué debe hacer el usuario). Proximidad – Repetición – Alinear, elementos de la Gestalt considerando la […]
Sesión 8: Pensamiento de Diseño
La clase comienza con una recopilación Diversos perfiles de diseñadores: A pesar de que todos tenemos el diseño integrado con nustras carreras hay diversos perfiles que los especializan como el Grafico – Marketing – de Interior – Industrial – UI/UX – Diseño Web – Multimedia entre otros. Con esta variedad de especializaciones en carreras todos […]
Sesión 7: Layouts web / Usabilidad
La clase inicia con la consulta a los estudiantes de cómo nos ha sido esta primera semana de actividades, la cual ha sido intensa por la gran cantidad de información a procesar. Continuamos con el diseño del Layouts en las dos resoluciones solicitadas 1920×1080 y 360×640, la idea es trabajar en la clase para completar […]
Sesión 6: Tipografías / Usabilidad – Accesibilidad.
La clase comienza con una revisión de la tarea del layout con color del día viernes para luego pasar a comentamos el libro del autor Steve Krug «No me hagas pensar» Cientos de miles de diseñadores y desarrolladores web se han basado en la guía del gurú de usabilidad Steve Krug para ayudarles a entender […]
Sesión 5: Teoría del color parte 2
Análisis de colores con la regla 60/30/10. La clase inicia con la revisión de las dos tareas pendientes (layouts y análisis de colores en plataformas web). Los siguientes link son de gran relevancia en cuanto al análisis y características de la paleta de colores: Colores en UI Design: Teoría y Práctica https://color.adobe.com/es/create/color-wheel https://flatuicolors.com http://paletton.com/ Para la […]