Curso HTML CSS

Características del curso

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.

Metodología

Clases presenciales con explicaciones por parte del profesor a los alumnos de manera individual y personalizada.

Grupos reducidos.

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

Horario flexible para que el alumno pueda elegir el día y la hora de asistencia a clase que le resultante más conveniente según su disponibilidad.

Horarios de mañana: Lunes a viernes entre las 09:00 y las 14:00 horas.

Horarios de tarde: Lunes a viernes entre las 16:00 y las 22:00 horas.

Horarios sábados: Entre las  09:00 y las 14:00 horas.

Material didáctico

Manual encuadernado del curso.

Diploma

Diploma acreditativo con validez profesional.

Profesorado

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

Lugar de impartición

Calle Río de Monelos nº 18 1º, Parque Europa, frente al Forum Metropolitano, al lado del Corte Inglés. 15006 - A Coruña

 

Curso de HTML CSS

HTML 5 CSS 3

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 HTML5
Aplicar los elementos estructurales HTML5
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 HTML5
Elementos article anidados
El esquema del documento

17. Formularios HTML5
Introducción
Nuevos controles de formulario
Nuevos atributos
Compatibilidad con navegadores antiguo
Pseudoclases CSS3 relacionadas con los formularios HTML5

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. Introducción a CSS3 ( parte 1 )
La evolución que representa CSS3
Nuevos selectores CSS3
Esquinas redondeadas y sombras
Colores
Gradientes de color

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

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