GUTENBERG DIGITAL
Mobirise Web Site Maker

GUTENBERG
DIGITAL


< CURSO > Inicia 22 de julio
Fundamentos del diseño web

< CURSO > Fundamentos del diseño web

El curso es especialmente dirigido a quienes buscan aprender a desarrollar un sitio web, de manera sencilla y práctica. Aprenderás maquetación web desde cero de manera fácil y didáctica. Trabajando en una computadora por alumno y siendo guiado por un docente diseñador. Los conocimiento aprendidos serán aplicados en un proyecto real: tu portfolio personal. 

CRONOGRAMA


INICIA: 22 de julio de 2017
FINALIZA: 26 de agosto de 2017

DURACIÓN


6 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

> Manejar los principales fundamentos del lenguaje HTML5 y CSS3 

> Obtener sólidos conocimiento de buenas prácticas en diseño web. 

> Crear sitios web funcionales y adaptables a dispositivos móviles.

Diseñadores ( gráficos, multimedia, indumentaria), profesionales relacionados a la industria gráfica, y todo aquel que esté interesado en conocer los procesos de producción de un sitio Web.

No se requieren conocimientos previos de diseño, ni de lenguajes programación.

> Exposiciones teórico prácticas.

Resolución de ejercicios de casos reales en clase.

CLASE 1
> ¿Qué es Internet y qué es la Web?

> Introducción al lenguaje HTML.  

> ¿Qué es HTML5? Historia del HTML.  

> ¿Qué es la W3C? Sintaxis del lenguaje html. Editores de texto (Sublime, Brackets, Dreamweaver). Elementos básicos: html, head, title, body, comentarios, párrafos, listas, atributos y valores.


Práctica: Creación de nuestro primer archivo


CLASE 2

> Profundización sobre elementos HTML: divs, tablas, etiquetas semánticas (header, nav, article, section, aside, footer.)

> Atributos: links. Rutas absolutas y relativas. Primeros pasos con CSS, sintaxis del lenguaje.


Práctica: Creación de un newsletter con diseño.


CLASE 3

> Profundización sobre CSS. Separación de contenido (HTML) y presentación/diseño (CSS). Propiedades y valores posibles en lenguaje CSS. Posicionamiento: FlexBox.

> Pseudo clases: hover, :active, :focus, :first-child, :last-child

> Pseudo elementos : :first-.line, ::first-letter

> Tipografías para web: @font-face; GoogleFonts, Icons Fonts. Columnas tipográficas, alineación, interlineado, propiedades de texto.


Práctica: desarrollo de una nota de diario digital (composición tipográfica).


CLASE 4

> Imágenes para Web. Exportar imágenes y optimizar su peso para la Web con Adobe Photoshop, Adobe Illustrator. Estilos css para imágenes. Imágenes como fondo, imágenes con vínculos, imágenes responsives.


Práctica: desarrollo de landing page de una cafetería (con imágenes como elemento, e imágenes de fondo).


CLASE 5

> Formatos de audio y video para la web, iframes: videos de Youtube y mapas de Google.

> Css: bordes redondeados, sombras, degrades, pseudos selectores (before, after, nth-child)


Práctica: Comienzo del proyecto integrador.


CLASE 6

Transiciones y animaciones con css. Layout fluido: ancho fijo, ancho variable. Responsive web design: media queries, grillas responsives, imagenes adaptables.


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