Este curso ya empezó pero pronto tendremos nuevos horarios.
Dejanos tus datos y un asesor se pondrá en contacto con vos con más detalles.
ContactanosDescripción
Este curso fue específicamente diseñado para profesionales y estudiantes que desean introducirse en el mercado del diseño y maquetado web, las comunicaciones digitales y el desarrollo de interfaces para aplicaciones móviles de manera rápida y directa.
Para facilitar el aprendizaje y la inmediata inserción laboral, el curso propone clases técnicas para que los alumnos desarrollen websites responsivos personales en un clima de intercambio constante con los docentes y compañeros.
Se trabaja con los objetivos de armado (filosofía ¨Mobile First¨) de una versión móvil a Tablet, y Tablet a desktop en adelante. Incorporamos interactividad con librería en jQuery para diversos componentes (sliders, carruseles, paneles desplegables, etc).
El armado del sitio se llevará a cabo con un potente y efectivo sistema de grilla, el llamado Bootstrap, desarrollado por los ingenieros de Twitter, uno de los frameworks más completos y que más ha crecido en el mercado web.
Software complementario
- Adobe Photoshop
- Adobe Ilustrator
- Adobe Brackets
- Sublime Text
- Notepad++
- Filezilla (software de carga de sitio a servidores)
Pre-requisitos:
Manejo de Photoshop e Illustrator inicial
Horarios
Este curso se puede estudiar en modalidad A Distancia (online con clases en vivo) o Presencial en nuestra sede en Av. Corrientes 2037, Buenos Aires. Abajo podés ver los horarios disponibles. Actualmente no hay otras opciones más que las que veas a continuación.
Temario
Clase 1
INTRO AL HTML5 - El primer documento
- Estructura básica de un documento HTML5: DOCTYPE, HTML, head, body, title.
- Etiqueta meta.
- Qué es una etiqueta. Qué son los atributos.
- Creación y guardado de documentos HTML.
- Software para la edición de HTML: brackets, NotePad ++, Sublime Text.
Trabajo con textos en HTML5
- Texto sin formato: espacios en blanco, saltos de línea.
- Etiquetas para formato de texto: encabezados, listas, párrafos, fragmentos destacados, abreviaturas, direcciones, etiquetas para citar textos de otros autores.
- Comentarios: contenidos visibles y no visibles en el navegador
- Etiquetas básicas HTML5
- Etiquetas y atributos.
- Etiquetas con atributos obligatorios.
- Etiquetas img, a, abbr, form, etc.
- Atributos de id y class, y cómo son utilizados para diseñar.
Las nuevas etiquetas semánticas HTML5
- header
- nav
- main
- section
- article
- aside
- footer
Clase 2
Etiquetas divs no semánticas
- Cajas para armado y estructuración del sitio.
Hojas de estilo en cascada
- Propiedades CSS para el trabajo con texto.
- Atributos de id y class en la hoja de estilos para diseñar estéticamente el sitio.
- Su aplicación en las etiquetas divs (etiquetas no semánticas).
- Incorporación de tipografías @font-face (google fonts).
Clase 3
Maquetado/armado con bootstrap (framework layout) Introducción a grilla.
- Qué es Bootstrap.
- Descarga Bootstrap.
- Instalación y plantilla básica.
- Herramientas de diseño.
- Introducción a las grillas.
Clase 4
Sistema de grilla avanzada. Formulario de contacto.
- Listas.
- Textos y alineaciones.
- Formularios básicos.
- Formularios reducidos.
- Formularios horizontales.
- Tamaño de campos.
- Estados y validación de campos.
- Campos con iconos.
Clase 5
Tipo de botones y barras de navegación. Utilización de imágenes.
- Tipos y tamaños de botones.
- Grupos y toolbar de botones.
- Estado de botones.
- Imágenes: estáticas, flexibles y responsivas.
Clase 6
Inserción de imágenes. Componentes (plugins JQuery).
- Iconos.
- Menús desplegables.
- Grupo de botones.
- Menús de pestañas.
- Menús de pastillas.
- Migas de pan.
- Paginación.
- Aprendizaje de carga del sitio terminado a un dominio (Filezilla).