HTML5 y CSS3 te permiten desarrollar webs más accesibles, más interactivas, y visualmente más atractivas: Adaptadas a los nuevos tiempos. Asegura el futuro de tu sitio web realizando este curso video2brain de actualización a estas tecnologías.

CAPITULO 1: HTML5 Y CSS3: Historia, Presente y Futuro
 Presentación de la formación y del formador

CAPITULO 2: Instalación de navegadores y herramientas
 Descarga e instalación de Mozilla Firefox
 Descarga e instalación de Google Chrome
 Descarga e instalación de Opera
 Descarga e instalación de Apple Safari
 Descarga e instalación de Gedit y Notepad

CAPITULO 3: Estructura
 Doctype
 Header y Footer
 Nav
 Article, Section y Aside

CAPITULO 4: Semántica
 Word Break
 Time
 Ruby

 CAPITULO 5: Micro Datos
 Microdatos

 CAPITULO 6: App Caché
 Manifiesto

CAPITULO 7: Contenido Editable
 Activar el contenido editable

CAPITULO 8: Videos
 Vídeo
 Múltiples fuentes

CAPITULO 9: Audios
 Audio
 Múltiples formatos
 Parámetros adicionales

CAPITULO 10: Canvas
 Contenedor y JavaScript asociado
 Creación de trazados
 Creación de círculos
 Degradados

CAPITULO 11: SVG
 Gráficos vectoriales con SVG
 Algunas instrucciones de SVG
 Insertar código externo

CAPITULO 12: Nuevos tipos de Formularios
 Campos requeridos
 Campos inválidos
 Date
 Sliders
 Color
 Valor numérico

CAPITULO 13: Border
 Border Radius
 Compatibilidad con Firefox
 Múltiples radios en las esquinas
 Shadow

CAPITULO 14: Fondos
 Tamaño
 Origen
 Fondos Múltiples

CAPITULO 15: Efectos de Texto
 Sombra
 Word - wrapping

CAPITULO 16: Fuentes
 Configuración de fuentes personalizadas

CAPITULO 17: Tranformaciones
 Transformación de posición
 Transformación de rotación
 Transformación de escala
 Transformación de distorsión

CAPITULO 18: Transiciones
 Primera transición
 Varios elementos simultáneos

CAPITULO 19: Animaciones
 Primera animación
 Múltiples fotogramas clave
 Animación de posición
 Presentación de la formación y del formador

CAPITULO 20: Columnas Múltiples
 Creación de múltiples columnas
 Separación entre columnas
 Línea separadora
 Inserción de imágenes

CAPITULO 21: Estilos
 Colores predeterminados
 Transparencia

CAPITULO 22: Introducción
 Objetivo del ejercicio
 Prefijos de compatibilidad con navegadores

CAPITULO 23: Planteamiento
 Configuración del espacio de trabajo
 Creación de la estructura de archivos

CAPITULO 24: Estructura
 Esqueleto estructural
 Truco Auto - refresh
 Título y metaetiquetas
 Etiquetas estructurales
 Esbozo de contenido en el Header
 Contenido inicial del Body y el Footer
 Cambio de UTF a ISO
 Ayudas para la estructuración con DIV
 Añadido de contenido a la página índex

CAPITULO 25: Semántica
 Marcado de tiempo
 Preparación para microdatos: fotografía
 Añadido de microdatos
 Añadido de microformatos: Tarjeta de visita virtual

CAPITULO 26: Multimedia
 Preparación de archivos para su inclusión
 Inclusión de vídeos
 Inclusión de audio
 Preload de audio y de vídeo

CAPITULO 27: Contenido Offline
 Guardado permanente de información en el servidor
 Guardado de información de sesión

CAPITULO 28: Gráficos y Efectos
 Icono de navegación: canvas
 Java Script asociado
 Trucos de automatización
 Icono de contacto
 Icono de inicio
 Icono de noticias
 Añadir un logo de SVG

CAPITULO 29: Maquetación
 Creación de una hoja de estilo externa
 Usar fuentes personalizadas
 Maquetación principal
 Maquetando Header y Footer
 Maquetando el bloque principal

CAPITULO 30: Creando un Estilo Visual
 Estilizando el Header
 Estilizando el Footer y el contenido
 Título de la web
 Creación de un menú de navegación
 Estilización de canvas
 Maquetando artículos y aumento de la compatibilidad con Firefox y Opera
 Maquetando el fechas
 Maquetando contenido tangencial
 Maquetación del DIV "sobre mí”
 Logotipos para los artículos

CAPITULO 31: Transiciones, Animaciones y Efectos
 Transiciones de opacidad y sombra de caja
 Transición de escala
 Transición de color
 Animación
 Múltiples fondos y transparencias
 Sombra en el texto
 Creación de un manifiesto

CAPITULO 32: Diseño de Formularios con HTML5 y CSS3
 Duplicación de index.html
 Formulario de contacto
 Nombre y e-mail
 Área de texto y propiedades HTML5
 Estilizado con elementos HTML5
 Estilizado del formulario
 Transparencias
 Creación del archivo PHP
 Configuración de las variables
 Enviar el mail con PHP

CAPITULO 33: Ejercicio del curso: Web con animaciones
 Introducción: Objetivo del ejercicio

CAPITULO 34: Estructura
 Creación del index y estructura
 Formulario de entrada
 Estructura de la sección principal y el Footer
 Contenido de la sección principal y el Footer

CAPITULO 35: Estilo de la Cabecera
 Estilo para el bloque principal
 Fuentes personalizadas
 Inserción del logotipo vectorial
 Maquetación del logotipo
 Maquetación del formulario
 Animación del logotipo
 Refinado de la animación
 Animación del enlace al registro
 Transiciones en los formularios

CAPITULO 36: Creación de un banner animado sólo con CSS3
 Animación de cierre del banner
 Creación de un fondo animado
 Textos animados
 Retoques en los tamaños de los objetos

CAPITULO 37: Estilizado de las tablas
 Estilizado de tablas
 Efectos adicionales en las tablas
 Estilizado del Footer
 Transiciones en las etiquetas
 Pruebas en columnas

CAPITULO 38: Integración de Aplicaciones Web 2.0
 Material de partida
 Fusión de las dos ramas del proyecto

CAPITULO 39: Integración del Index
 Externalización del CSS
 Selección de los archivos de igual función
 Adaptación del formulario de usuario
 Integración del enlace a nuevo usuario
 Inserción del código PHP en la maquetación HTML
 Integración de la tabla de resultados
 Actualización del fondo del banner

CAPITULO 40: Integración de la página principal
 Objetivo
 Fusión del archivo html con el archivo php
 Creación de elementos de sesión: Saludo por usuario
 Creación de elementos de sesión: Cierre de sesión
 Inserción del código PHP en la maquetación HTML
 Cambio de formato de la tabla principal
 Inclusión de enlaces para actualizar y eliminar registros
 Transformación de la tabla de favoritos propuestos
 Ayuda visual para diferenciar las etiquetas
 Usando el formulario de tipo range

CAPITULO 41: Creación de un Acordeón
 Estructura básica en html
 Inserción de contenido mixto
 Estilo de body y el contenedor
 Estilizado de elementos de texto
 Estilizado de elementos visuales
 Añadido de títulos a los artículos
 Creación del acordeón animado

CAPITULO 42: Creación de un LigthBox
 Creación de la estructura y las sanciones
 Contenido en las secciones
 Estilo del body y de la sección
 Estilo del texto, la imagen y el vídeo
 Montaje del contenido encima de los botones
 Opacidad
 Animación
 Maquetación absoluta