Curso Intensivo de Diseño Web - CEI Escuela de Diseño y Marketing

Otorgar conocimientos acerca de la diferencia entre imágenes de fondo y de contenido, el lenguaje de etiquetas, el navegador como herramienta de diseño, las opciones de Flex, y la elección de tipografías para web.
Brindar un completo método de aprendizaje, en el cual se profundiza sobre las unidades de medidas absolutas y relativas, el posicionamiento estático, la maquetación idiomática, y la programación JavaScript.
Aprender sobre la manipulación del DOM, el modelo de caja, las opciones de Grid, los modos de fusión, los degradados de color, y las propiedades tipográficas.

Curso Intensivo de Diseño Web

CONTENIDO, ESTRUCTURA Y APARIENCIA
- Introducción y herramientas
- Introducción al desarrollo web integral
- El diseñador web como programador creativo, el lenguaje de la web
- Herramientas de apoyo
- Elección de un editor de texto, factores a tomar en cuenta
- Todo diseño web debe ser responsive
HTML
- Introducción a los lenguajes de etiquetas
- Elementos, etiquetas y atributos
- HTML semántico, el contenido como guía
- Elementos semánticos y elementos estructurales
- Títulos, párrafos, listas, tablas, enlaces e imágenes... el contenido es el rey
- Flujo normal (normal flow), elementos block e inline
CSS, PRIMERA PARTE: INTRODUCCIÓN
- Reglas, selectores y propiedades
- Tipos de selectores
- Interludio HTML: elemento style, identificadores únicos y clases
- Vinculación de ficheros CSS a ficheros HTML
CSS, SEGUNDA PARTE: EL NAVEGADOR COMO HERRAMIENTA DE DISEÑO
- Diseñando en el navegador, inspector de elementos + editor de texto, o cómo dejar atrás las simulaciones
- CSS y su relación a los programas de diseño tradicionales
TIPOGRAFÍA
- Introducción a la tipografía
- Elección de tipografías para web y las distintas alternativas a nuestra disposición
- Unidades de medida, absolutas y relativas.
- Propiedades tipográficas
- Contenido dinámico vs. contenido estático y sus consecuencias a la hora de estilizar la tipografía
COLOR
- Distintas formas de hablar en RGB
- Color de fondo y color del texto
LAYOUT, PRIMERA PARTE: HTML + CSS
- Relación de las etiquetas estructurales a los típicos “bloques” de un programa de diseño, todo es un rectángulo
- Unidades de medida
- Márgenes, por dentro y por fuera
- Modelo de caja
- Posicionamiento estático, o lo que está detrás del flujo normal
- Rompiendo el flujo normal: posicionamiento relativo, absoluto y fijo
- Introducción al diseño responsive, media queries
CSS, TERCERA PARTE: LA CAJA DE HERRAMIENTAS GRÁFICAS
- Bordes
- Imágenes de fondo y su diferencia con las imágenes de contenido
- Degradados de color
- Sombras
- Modos de fusión
- Filtros
- Transformaciones
LAYOUT, SEGUNDA PARTE: FLEX
- El modelo de caja flexible
- Flex vs. flujo normal
- Opciones de Flex
- Flex y su relación al diseño responsive
- Limitaciones de Flex
LAYOUT, TERCERA PARTE: GRID
- Cuadrículas a la hora de diseñar una web
- Grid vs. Flex vs. flujo normal
- Opciones de Grid
LAYOUT, GRAND FINALE: DISEÑANDO EN EL NAVEGADOR
- Todo es combinable
- Maquetación idiomática, o cómo pensar en CSS
- Todo diseño web será responsive
DINAMISMO Y FUNCIONALIDAD JAVASCRIPT
- ¿Qué es JavaScript?
- Introducción a la programación
- Variables, condicionales, bucles y funciones
JQUERY
- Libraries, frameworks
- ¿Qué es jQuery?
- Manipulación del DOM
- AJAX