Curso de HTML y CSS

Lenguaje de referencia en el diseño y creación de páginas web

Objetivos

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

DURACIÓN HORAS

40 horas.

La duración en horas va en función de los conocimientos previos del alumno y de los niveles que se vean en el curso

 

DURACIÓN MESES

1 a 2 meses.

La duración en meses va en función de las horas semanales de clase.

 

 

 

HORARIO

Grupos flexibles

Mañanas de lunes a sábado de 09:00 a 14:00

Tardes de lunes a jueves de 16:00 a 22:00 horas

METODOLOGÍA

Clases presenciales en grupo con explicaciones personalizadas por parte del profesor a cada alumno.

MATERIAL DIDÁCTICO

Manual encuadernado de cada uno de los niveles que se ven en el curso.

DIPLOMA

Diploma acreditativo con validez profesional.

 

Programa

Con un material didáctico, especialmente desarrollado y de fácil entendimiento, de cada uno de los módulos que componen el curso HTML y CSS.

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