Duración: 18 hrs
Entregables para el alumno:
- Archivos de trabajo
- Diploma de acreditación del curso con una asistencia mínima del 80% y 8.0 de calificación
Para más información sobre costos individuales y grupales, favor de contactar al correo y al numero que se presentan al final de esta página.
Descripción
¿A quién va dirigido este curso?
- Empresas que desean capacitar a su personal.
- Personas particulares que desean adquirir nuevos conocimientos.
¡Beneficios que obtendré al tomar este curso!
La participación en este curso le permitirá crear un proyecto combinando HTML5, CSS3 (de forma básica) para brindar al sitio un mejor diseño junto con responsive design y PHP ( de forma básica) para agregarle funcionalidad a la página.
Modulo 1. Presentación del HTML5
HTML5 Markup
Elementos HTML5
Elementos
Geolocalización
Animaciones CSS
Transiciones
Transformaciones CSS 2D y 3D
Fondos CSS3, borders, colores RGBa, degradados
Fundamentos de HTML, XHTML y CSS
Modulo 2. Lenguajes de la Web
Sintaxis XHTML
La W3C y validación de página
Estructura HTML
Colocar imágenes en HTML
El rol de CSS
Dar estilo a un encabezado
Estilos de clase y
Formas de usar estilos
Estilos internos y externos
Modulo 3. Formatear texto con CSS
La importancia de la tipografía en la web
Configurar una familia de fuentes
Dar tamaño con CSS
Usar porcentaje y emes
Usar márgenes
Transformar texto con CSS
Trabajar con listas
Dar estilo a las listas
Modulo 4. Composición con CSS
Trabajar con un archivo de restauración CSS
Técnicas de composición
Crear un diseño de dos columnas fijas con CSS
Propiedad float
Crear columnas
Márgenes y espacios
Modulo 5. Composición avanzada
Construir la composición de página
Eliminar el color de fondo
Trabajar con imágenes de fondo
Barra de navegación css
Mover los estilos internos a una hoja de estilos
Agregar imágenes a la barra de navegación
Trabajar con posicionamiento absoluto
Modulo 6. Usar la marcación HTML5
Fundamentos de HTML5
Declaración DOCTYPE
Agregar suporte para elementos HTML5
Agregar elementos
Agregar otros elementos de sección
Añadir el elemento footer
Añadir los elementos article y aside
Elementos adicionales
Modulo 7. Crear formularios HTML5
Componentes de un formulario
Agregar nuevos tipos de entrada y atributos
Crear un formulario con nuevos tipos de entrada y atributos
Características de formulario bajo desarrollo
Modulo 8. Introducción a JavaScript y jQuery
Interactividad en la Web
Bases del JavaScript
Eventos JavaScript
Colocar en JavaScript en un documento externo
Documento Object Model
Estructuras de JavaScript
Ocultar un elemento con jQuery
Añadir un evento para lanzar el efecto show
Modulo 9. Trabajar con elementos de video y audio
Agegar video
Agregar soporte para más navegadores
Controlar un video con JavaScript
Añadir audio
Modulo 10. Trabajar con Canvas
Comprender el elemento Canvas
Dibujar trazados
Dibujar rectángulos
Dibujar líneas y círculos
Dibujar con curvas
Añadir texto
Usar colores, estilos y degradados
Añadir imágenes
Usar transformaciones
Modulo 11. Estilos con CSS3
Usar border-radius y border-image
Agregar varias imágenes de fondo
Trabajar con transparencia y opacidad
Usar degradados CSS3
Transformaciones, transiciones y animación CSS3
Trabajar con animación CSS
Usar font-face
Usar un servicio web para generar varias fuentes
Métodos alternativos para añadir fuentes
Modulo 12. CSS3 Media Queries y el futuro de CSS3
El rol de las consultas de medios CSS3
Usar consultas de medios para entregar un diseño optimizado para móviles
Composición de varias columnas CSS3
Módulo de composición de caja flexible
Módulo de composición de plantilla
Añadir posición basada en plantilla a CSS
Modulo 13. Geolocalización HTML5
Entender la geolocalización
Obtener la ubicación del usuario
Desplegar la ubicación del usuario con GoogleMaps
Crear geocalización HTML5
Añadir marcadores Google Map
Modulo 14. HTML5 Drag and Drop
Arrastrar y soltar en la Web
Transferir datos con una operación de arrastrar y soltar
Arrastrar y soltar y los navegadores
