Curso Online
No tiene ediciones disponibles en este momento
Curso de Diseño Web Código: 603
Por el momento no hay fecha disponible para este curso. Otros cursos en el listado de abajo pueden serle útil.
Cursos relacionados
Curso Online
Curso de Autocad 2D
Sede Online en Vivo - Zoom
El curso se dictará los días martes y jueves en el horario de 19 a 22 hs.
Duración total 18hs ( 6 clases)
Curso Online
Curso de HTML 5 y CSS
Sede Online en Vivo - Zoom
El curso se dictará los días martes y jueves en el horario de 18 a 21 hs.
Duración total 24hs ( 8 clases)
Curso Online
Curso de Autocad 3D
Sede Online en Vivo - Zoom
El curso se dictará los días lunes y miércoles en el horario de 19 a 22 hs.
Duración total 18hs ( 6 clases)
Otros cursos de la misma categoria
Curso Online
Curso de Excel Avanzado
Sede Online en Vivo - Zoom
El curso se dictará los días lunes y viernes en el horario de 19 a 22 hs.
Duración total 12hs ( 4 clases)
Curso Online
Curso de Access - Módulo Avanzado
Sede Online en Vivo - Zoom
El curso se dictará los días sábado en el horario de 10 a 13 hs.
Duración total 12hs ( 4 clases)
Curso Online
Curso de Excel Avanzado
Sede Online en Vivo - Zoom
El curso se dictará los días lunes y viernes en el horario de 19 a 22 hs.
Duración total 12hs ( 4 clases)
Curso Online
Curso de Excel Programa Integral
Sede Online en Vivo - Zoom
El Programa se dictará los días lunes y jueves en el horario de 14 a 17 hs.
Duración total 24hs ( 8 clases)
Curso de Diseño Web
Programa completo
Curso de Diseño Web
DESTINATARIOS
El presente curso se encuentra abierto a toda la comunidad.
Todos los Alumnos deberán tener el 75% de asistencia al curso para recibir el Certificado de realización del mismo.
REQUISITOS
- Concurrir con notebook;
- Completar el tutorial de [HTML y CSS de Codecademy] (https://www.codecademy.com/es/learn/web).
OBJETIVOS
- Que el alumno cree sitios web funcionales y adaptables a dispositivos móviles;
- Que el alumno conozca exhaustivamente las principales y más demandadas tecnologías del Diseño Web Moderno;
- Que el alumno cree su propio Portfolio;
- Que el alumno aprenda buenas prácticas de Diseño y maquetación.
CONTENIDOS
Módulo I. Del Bosquejo al Código HTML
Cómo interpretar un diseño
Diseño (Photoshop vs. Mockups)
Estructura HTML
Etiquetas básicas: Téxtos, Encabezados, Div y Span
Etiquetas semánticas HTML5
Trabajo Práctico
Módulo II. HTML
Listas
Tablas
Formularios
¿Qué son los atributos de un tag?
¿Para qué sirven?
Enlaces
Imágenes
Audio y Videos
Trabajo Práctico
Módulo III. CSS
Historia
Sintaxis. Comentarios. Carga de Archivos CSS
Uso de "Normalize.css"
Selectores
Clases
Valores y Unidades
Fuentes, colores
Recursos: Google Font, Ionicons
Trabajo Práctico
Módulo IV. CSS - Modelo de Cajas & Ubicación de Elementos
Definición
Bordes
Márgenes
Relleno
Fondo
Posicionamiento
Float
Flexbox
Trabajo Práctico
Módulo V. CSS - Ubicación de Elementos & más!
Más sobre Flexbox
Propiedades de padres e hijos
Gradientes en CSS
Transiciones
Transformación
Animación en CSS
Trabajo Práctico
Módulo VI. CSS - Diseño Responsivo, Media Queries, Git.Github
¿Qué es un diseño responsivo?
Pantallas en que enfocarse
Mobile - first
Utilización dentro de un archivo CSS
Utilización en la llamada desde el Github
Crear un repositorio
Clonar un repositorio
Subir cambios al repositorio remoto
Trabajo Práctico
Workshop I.
Módulo VII. SASS
Definición
Instalación
Variables
Anidamiento
Importar
Mixins
Extensiones a partir de un elemento
Operadores matemáticos
Trabajo Práctico
Módulo VIII. LESS & SEO Tips
Instalación
Variables
Anidamiento
Importar
Mixins
Extensiones a partir de un elemento
Operadores matemáticos
Comparación SASS - LESS
SEO Tips (primera parte)
Trabajo Práctico
Módulo IX. Bootstrap & SEO Tips
Qué son los frameworks CSS
Función
Utilización
Instalación/CDN
Grilla Responsive
Clases de Bootstrap
Cómo pisar clases de bootstrap
SEO Tips (segunda parte)
Trabajo Práctico
Módulo X. Bootstrap (jQuery) & SEO Tips
Componentes jQuery de Bootstrap
SEO Tips (tercera parte)
Trabajo Práctico
Workshop II
Módulo XI. Accesibilidad & SEO Tips
Pautas de Accesibilidad al Contenido del WC
Elementos
Visión
Audición
Movilidad y Cognición
Leedores de pantalla
Maquetas de baja fidelidad
HTML
CSS
Formularios
Tablas
SEO Tips (cuarta parte)
Trabajo Práctico
Proyecto Final.
