Ojetivos
El curso HTML y CSS se centra en el desarrollo y diseño de páginas web utilizando estándares y nuevos lenguajes semánticos como HTML5 y CSS3 de una manera ágil, escalable y productiva.
La ingente aparición de smartphones, tablets y demás dispositivos móviles en nuestro día a día nos obliga a replantearnos los estándares de diseño y desarrollo de páginas web para conseguir que el usuario disfrute de la mejor información y de la manera más completa independientemente del dispositivo empleado.
Características
Programa Didáctico
Básico - Avanzado
Introducción a curso HTML CSS
Un paseo por la web
¿Qué es el html?
Hojas de estilo en cascada (css)
¿Qué herramientas necesitamos?
Estructura del código html
Las etiquetas html
Guardar la página web
Introducir párrafos de texto
Las etiquetas tienen atributos
El título de la página
Texto
Títulos
Texto predefinido
Líneas separadoras
Elemento de frase
Incorporar imágenes en la página web
Introducción
Resolución y modo de color
Formatos gráficos
La etiqueta img
Especificar las dimensiones de la imagen
Imágenes como fondo
Hipervínculos o enlaces
Introducción
Vínculos a otras páginas web
Vínculos a una parte de una página web
Vínculos a lugares de internet
Vínculos a direcciones de correo electrónico
Imágenes que actúan como vínculos
Introducción a css (parte 1)
¿Qué son las hojas de estilo en cascada (css)?
Las reglas de css.
Enlazar css con el código html
Aplicar las reglas de estilo
Herencia y cascada
Introducción a css (parte 2)
Las etiquetas html div y span
Selectores avanzados de css
Pseudoclases y pseudoelementos css
Dar formato al texto de las páginas web
Fuentes
La propiedad abreviada font
Propiedades de texto
Decoración del texto y color
Listas
Listas sin enumerar
Listas numeradas
Listas anidadas
Imágenes como viñetas de una lista
Lista de definiciones
Tablas
Introducción
Estructura de una tabla html
Bordes, espacio entre celdas y relleno
Color o imagen de fondo
Temas avanzados sobre tablas
Establecer las dimensiones de la tabla
Título y pie de página
Especificar el número de columnas
Unir celdas
Tablas anidadas
Frames
El conjunto de frames
Propiedades de los frames
Bordes para los frames y contenido alternativo
Iframes
Posicionamiento mediante css (parte 1)
Introducción
Elementos flotantes
El clearing
El código css
Posicionamiento mediante css (parte 2)
Posicionamiento estático
Posicionamiento relativo
Posicionamiento absoluto
Posicionamiento fijo
Elementos estructurales de HTML 5
Doctype de HTML
Evitando elementos div
Descripción de los elementos estructurales HTML
Aplicar los elementos estructurales HTML
Modificar la hoja de estilo en cascada
Trabajando con esquemas HTML 5
Aplicar estilo a los elementos estructurales HTML
Otros elementos semánticos de HTML
Elementos article anidados
El esquema del documento
Formularios HTML 5
Introducción
Nuevos controles de formulario
Nuevos atributos
Compatibilidad con navegadores antiguos
Dibujar con el elemento canvas (parte 1)
Introducción
Una interfaz de dibujo 2D
Dibujar rectángulos
Dibujar trazados
Colores de trazo y relleno
Dibujar con elemento canvas (parte 2)
Estilos de línea
Gradientes
Patrones
Dibujar imágenes
Dibujar texto
Vídeo y audio en HTML 5
Reproducción sin plugin
La etiqueta (video)
Formatos y códecs de vídeo
Códecs de audio
La etiqueta (audio)
Api multimedia
Introducción a CSS3 (parte 1)
La evolución que representa CSS3
Nuevos selectores CSS3
Esquinas redondeadas y sombras
Colores
Gradientes de color
Introducción a CSS3 (parte 2)
Incrustación de fuentes
Dónde obtener fuentes
Múltiples imágenes de fondo
Transiciones
Transformaciones
Introducción a CSS3 (parte 3)
Establecer el tamaño de la imagen de fondo con background-size
La propiedad box-sizing
Columnas
Reset y Normalize
PostCSS, autoprefixer, cssnext y CodePen