GUTENBERG DIGITAL
create a website for free

GUTENBERG
DIGITAL


< CURSO > Inicia 2018
Diseño Web: HTML y CSS Avanzado

< CURSO > Diseño Web: HTML y CSS Avanzado

El curso HTML y CSS Avanzado está orientado a todo aquel interesado en profundizar en las tecnologías de desarrollo web front-end: HTML5, CSS3. Aprenderás detalles esenciales de la creación de sitios responsivos profesionales, manera fácil y didáctica. Trabajando en una computadora por alumno y siendo guiado por un docente diseñador..

CRONOGRAMA


INICIA: 2018

DURACIÓN


5 clases presenciales
Sábados de 10:00 a 13:00

LUGAR DE CURSADA


GUTENBERG
Belgrano 4299
Ciudad Autónoma de Buenos Aires

ESTRUCTURA DEL CURSO

> Acercar al alumno a los estándares web responsives
> Introducir sobre el trabajo con frameworks como Bootstrap y Foundation

Diseñadores Gráficos, Diseñadores y Desarrolladores Web y Multimedia, que tengan conocimientos de HTML y CSS y deseen profundizar.

> Conocimientos básicos de HTML y CSS.

> Comprensión del funcionamiento de la web en general. Experiencia básica en la creación de una web.

> Exposiciones teórico prácticas.
> Resolución de ejercicios de casos reales en clase.

CLASE 1

Introdución a: Web Responsive Design

Entiendo el diseño adaptativo/fluido/responsive

¿Qué patrones de diseño existen para Responsive Design?

Sobre Mobile First


Práctica: Creación de archivos con bases fluidas para ser responsive.


CLASE 2

> Organizar el contenido con grillas responsivas

> Entendiendo unidades de medida relativas: rem, %

> ¿Qué son los media queries?

> Tipos y formas de poner media queries: Externas e internas

> Aplicando media queries para distintas medidas

> Diseño dependiendo la orientación: Portrait y Landscape


Práctica: Creación de una landing responsive, con distinto diseño según tamaño y orientación del dispositivo.


CLASE 3

> Conociendo sobre frameworks: Bootstrap y Foundation.

> ¿Qué es un framework? Ventajas, desventajas.

> Documentación y buenas prácticas.


Práctica: Nuestro primer sitio con Bootstrap.


CLASE 4

> Creación de menus responsive de manera rápida.

> Opciones de organizar el contenido en pestañas .

> Utilización de formularios .


Práctica: comienzo de desarrollo del proyecto integrador.


CLASE 5

> Bootstrap: componentes y js .

> Modal, dropdown, carousel.

> Avance sobre el proyecto Práctica: Cierre del proyecto integrador.



DOCENTE 

Es diseñadora gráfica egresada de la Universidad de Buenos Aires, especializada en diseño y usabilidad web (UTN). Docente (Jefe de trabajos prácticos) de la materia Diseño web (Diseño Gráfico por Computación) Cátedra Ocampo, carrera de Diseño Gráfico - FADU - UBA Docente titular de la materia Gráfica Interactiva, Fundación Gutenberg. Actualmente se desempeña como UX Analyst Sr en Globant.

CONSULTA