Taller De Diseño Web HTML ,CSS , Bootstrap.

 


 Programa de Estudio


Clase 1
Generarás tu primer html
Introducción
Ejemplos de html y css
Estructura Html
Tags parte 1 : elementos estructurales, encabezados, párrafos, enlaces,
imágenes.

Clase 2
Conocerás mas etiquetas html.
Herramientas de trabajo.
Tags parte 2 : listas (ordenadas y desordenadas), separadores, fondos, etc.
Como trabajo práctico se realizará un newsletter simple, con textos, diferentes
tipos de encabezado, imágenes, líneas, backround, todo en html puro pero sin estilos.

Clase 3
Harás que tu html se vea
estéticamente bien.
CSS. Asignar estilos. Hoja de estilos vinculada o embebida.
Tags Parte 3: la divs
Sintaxis CSS, herencias, estilos cascadas, etc.
Estilos aplicados a textos y a otros elementos como divs.
Estilos sobre background de divs y página.
Estilos para el body y otros elementos. Clases e Ids.
Como diseñar y estructurar de manera prolija un archivo CSS.

Clase 4
Maquetarás un home para tu primer sitio

Cómo maquetar un home.
La estructura: Header, body, footer. Las subestructuras:
Banners, párrafos, listas, slider, menu.
Ejemplos de páginas. bien diseñadas en base a esta
estructura.
Consideraciones a tener en cuenta en la estructura de un sitio web.
Como trabajar de manera organizada. La importancia de
las carpetas y archivos bien organizados.
Rutas relativas, rutas absolutas.
Como Crear un sitio con 3 secciones con submenus.
Menús y submenus.
Recorte de imágenes desde Photoshop o Gimp.
Como guardar imágenes optimizadas para la web, formatos óptimos.
Acerca del color en la web, gestionar el espacio de color RGB.
Tipografías del sistema y tipografías embebidas.

Clase 5
Aplicarás tus conocimientos previos  en Bootstrap
Uso de Componentes.
Grillas. Menúes Complejos. Estilos en imagen. Slider.
Instalación de Bootstrap.

Clase 6 y 7
Diseñarás tu sitio web responsive a partir de plantillas
Implementación de Plantillas.
Modificaciones de Plantillas.
Nuevos estilos CSS.
Formularios de contacto basado en HTML y PHP.
Galerías de imágenes.

Clase 8
Culminarás subiendo tu web a un
hosting.
Gestores  de cuentas FTP.
Gestión de Dominios. Delegaciones.
NIC.AR. Hosting.


¿A quién está Orientado?

El Taller de Diseño Web está orientado a  aquellas personas interesadas en comprender el armado de un sitio web desde la comprensión del  lenguaje de marcado html + css.  Uno de los objetivos es culminar en el desarrollo de un sitio web.

¿Que voy aprender?

El taller consiste en 8 clases prácticas y teóricas, donde se aprenderán utilizar las herramientas necesarias para la programación y maquetación de sitios  web. Técnicas de estructuración del html  y css.  Las principales etiquetas (tags). La maquetación con divs, la importancia de los estilos css en la presentación visual de los sitios web.  Conceptos de Usabilidad y Accesibilidad.  Como subir un sitio a un servidor y conceptos básicos de posicionamiento en buscadores.

Acerca de las clases…

En cada clase se explica el trabajo práctico a realizar y sobre el mismo, se va desarrollando la teoría. El  equipamiento informático necesario, en principio, lo aporta  el alumno (Notebook). Caso contrario se puede evaluar  la posibilidad de conseguirlo desde Cooperativa COPRINF. El material de estudio complementario es entregado por la Cooperativa COPRINF.

Coordinadores

Los cursos son dictados por Manuel Mendoza. y Agustin Logoni, ambos, Licenciados en Diseño de la Comunicación Visual.

manuel-png-smallManuel Mendoza posee mas de 6 años de experiencia laboral en el campo del Diseño Gráfico y diseño web. En la actualidad es docente y diseñador en la Academia Argentina de Fotografía. En la misma es Titular de la materia Arte Digital del curso en formación profesional de Fotógrafo Profesional. Coordinador del Taller de Arte Digital, Taller de Diseño Grafico y Taller de Web Dinámica.  Para mayor información sobre Manuel en:. www.dgmendoza.com.ar

 

 

 

agustinAgustín Longoni ha trabajado desde el 2005 como independiente en el sector público universitario y privado. Ha Participado en proyectos tales como desarrollo web y aplicaciones móviles. Posee conocimientos en el lenguaje de marcado HTML y CSS. Le interesa la accesibilidad web y analizar las interfaces desde la usabilidad y la experiencia de usuario. En COPRINF forma parte del Departamento Diseño.

 

 

Fotos del Taller

El taller de diseño web, se desarrolla de manera ininterrumpida desde Agosto 2014.

26112014-IMG_3770

16122014-IMG_7365

IMG_1249

Foto-grupal

IMG_9381-editada

IMG_9238