Informes: (+54-11) 5032-0076 | Alumnos: (11) 5032-0055

Da Vinci

Mobile Nav
Consultas
  • Curso de
    Maquetado con HTML5 y CSS3

  • Curso de
    Maquetado con HTML5 y CSS3

  • Curso de
    Maquetado con HTML5 y CSS3

Descuentos: 20% Alumnos de Carreras. 10% en Efectivo. ENVIÁ TU CONSULTA

Descripció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)

Requisitos: Manejo de Photoshop e Illustrator inicial.

Horarios

Debe habilitar JavaScript para poder ver los horarios.

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

Cursos Relacionados

Si te interesa este curso también puede interesarte:

Infraestructura tecnológica

  • Una PC por alumno
  • Proyector y pantalla gigante para el desarrollo interactivo de las tutorías
  • Uso de la red para compartir archivos online
  • Acceso al laboratorio de informática para prácticas de 14 a 18 hs con reserva previa
imprimir Horarios

Navegación Móviles