Computación Gráfica

CURSO DURACION DÍAS HORARIOS CÓDIGO ESTADO
Fundamentos del Diseño Web 6 clases Sa 10:00 a 13:00 041 Preregistrando interesados
 



HTML y CSS Básico

Formulario de Preinscripción



Duración:

6 clases.
Sábados 10:00 a 13:00


Descripción:

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 conocimientos aprendidos serán aplicados en un proyecto real: tu portfolio personal.


Objetivos generales:

» 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.


Destinatarios:

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


Requisitos:

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


Metodología a utilizar:

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


Cronograma de clases:

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

Examen final.


Adriana Luna

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.