Curso de HTML CSS

Curso de HTML CSS

Objetivos

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.

El curso 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.

Duración horas

40 horas.

Duración meses

1 a 2 meses.

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

Horario

Horarios de 09:00 a 14:00 horas de lunes a viernes y de 16:00 a 22:00 horas de lunes a jueves. Sábados 09:00 a 14:00 horas.

Material didáctico

Manual encuadernado del curso.

Diploma

Diploma acreditativo con validez profesional.

Profesorado

Profesores titulados, con 22 años de experiencia en formación.

 

Curso de HTML 5 CSS 3

HTML CSS

1. Introducción a curso HTML CSS
Un paseo por la web
¿Qué es el html?
Hojas de estilo en cascada (css)
¿Qué herramientas necesitamos?

2. 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

3. Texto
Títulos
Texto predefinido
Líneas separadoras
Elemento de frase

4. 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

5. 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

6. 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

7. Introducción a css (parte 2)
Las etiquetas html div y span
Selectores avanzados de css
Pseudoclases y pseudoelementos css

8. Dar formato al texto de las páginas web
Fuentes
La propiedad abreviada font
Propiedades de texto
Decoración del texto y color

9. Listas
Listas sin enumerar
Listas numeradas
Listas anidadas
Imágenes como viñetas de una lista
Lista de definiciones

10. Tablas
Introducción
Estructura de una tabla html
Bordes, espacio entre celdas y relleno
Color o imagen de fondo

11. 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

12. Frames
El conjunto de frames
Propiedades de los frames
Bordes para los frames y contenido alternativo
Iframes

13. Posicionamiento mediante css (parte 1)
Introducción
Elementos flotantes
El clearing
El código css

14. Posicionamiento mediante css (parte 2)
Posicionamiento estático
Posicionamiento relativo
Posicionamiento absoluto
Posicionamiento fijo

15. 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

16. 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

17. Formularios HTML
Introducción
Nuevos controles de formulario
Nuevos atributos
Compatibilidad con navegadores antiguos

18. Dibujar con el elemento canvas (parte 1)
Introducción
Una interfaz de dibujo 2D
Dibujar rectángulos
Dibujar trazados
Colores de trazo y relleno

19. Dibujar con elemento canvas (parte 2)
Estilos de línea
Gradientes
Patrones
Dibujar imágenes
Dibujar texto

20. 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

21. CSS avanzado (parte 1)
La evolución que representa CSS
Nuevos selectores CSS
Esquinas redondeadas y sombras
Colores
Gradientes de color

22. CSS avanzado (parte 2)
Incrustación de fuentes
Dónde obtener fuentes
Múltiples imágenes de fondo
Transiciones
Transformaciones