curso _Diseño WEB con BOOTSTRAP

OBJETIVOS

Los alumnos aprenderán a crear páginas web con el lenguaje HTML5 y a maquetarlas y aplicarles un diseño con CSS3. Se comenzará a desarrollar una página web mediante código y con un diseño “responsive design”. Se adquirirán conocimientos para utilizar el framework Bootstrap.

DIRIGIDO A

Diseñadores Web, Programadores Web y Responsables Técnicos de portales web que quieran ponerse al día en las últimas tendencias para la creación web.

CONTENIDOS

1. INTRODUCCIÓN A HTML5

   • HTML como lenguaje estructurador de documentos
   • Terminología de HTML
   • Tipos de documentos (DOCTYPE)
   • Separación de estructura y diseño
   • Aplicación semántica a la estructura
   • Formación adecuada y validación de documentos HTML

2. ETIQUETAS BÁSICAS DE ESTRUCTURA

   • Elementos principales de un documento HTML5
   • Nuevas etiquetas semánticas de HTML5
   • Elementos de línea y de bloque
   • Párrafos y encabezados
   • Listas
   • Imágenes
   • Enlaces: relativos, absolutos, anclas y mapas de imágenes.
   • Direccionamiento relativo y absoluto
   • Dibujar con Canvas
   • Etiquetas para audio y video

3. FORMULARIOS

   • Estructura básica de los formularios.
   • Controles de formulario.
   • Envío y recepción de datos

4. INTRODUCCION A CSS3

   • CSS como lenguaje de estilo
   • Niveles de aplicación de CSS a un documento HTML
   • Sintaxis de CSS: selector, propiedad y valor.
   • Planificación, organización y mantenimiento de CSS
   • Nuevas funcionalidades

5. SELECTORES CSS3

   • Selectores universales
   • Selectores universales, básicos, contextuales, de clase
   • Identificadores únicos
   • Pseudoclases

6. PROPIEDADES

   • Propiedades de documento, de texto, de bloque, de listas y de posición

7. CARACTERISTICAS AVANZADAS

   • Herencia en CSS
   • Modelo de caja
   • Composición: flotación y posicionamiento
   • Tipos de posicionamiento
   • Uso de listas como menús y barras de navegación
   • Hacks y filtros de compatibilidad.
   • Adaptación a los tipos de medios

8. INTRODUCCIÓN AL LENGUAJE JAVASCRIPT

   • Javascript como lenguaje de programación de eventos
   • Conceptos básicos

9. SINTAXIS BÁSICA DEL LENGUAJE

   • Las sentencias.
   • Variables en Javascript
   • Constantes en Javascript
   • Tipos de datos
   • Arrays
   • Operadores aritméticos, comparativos, lógicos, de asignación, otros operadores

10. SENTENCIA DEL CONTROL DE FLUJO

    • Sentencias condicionales
    • Sentencias de bucle

11. FUNCIONES

    • Introducción a las funciones
    • Funciones predefinidas
    • Funciones de usuario.

12. LOS EVENTOS

    • Introducción
    • Listado de eventos

13. OTRAS CLASES Y FUNCIONES DE JAVASCRIPT

    • DOM
    • Window
    • Document
    • Las Cookies
    • Image

14. GESTIÓN DE FORMULARIOS

    • Acceso a los elementos de un formulario.
    • Métodos de control de formulario

15. JQUERY

    • Librería que potencia JavaScript “write less do more”

16. Estructura HTML5 básica para BOOTSTRAP

17. Los paneles de BOOTSTRAP

18. GRID system fijo y fluido

19. COLUMNAS

20. TIPOGRAFÍA

21. ELEMENTOS EN LÍNEA

22. CÓDIGO PRE FORMATEADO

23. TABLAS

24. BOTONES

25. LISTAS

26. Imágenes e Iconos en BOOTSTRAP

DURACIÓN

40 horas teórico-prácticas