Curso

HTML con pildorasinformaticas

¿Cómo valora este curso?

1

2

3

4

5

Profesor Pildorasinformaticas

Compartir conocimientos informáticos entre todos los integrantes de la comunidad Internet. Se tratarán diversas materias, desde ofimática básica y avanzada hasta programación, pasando por diseño gráfico y web.

Compartir

Contenido del curso

0h10m

Curso HTML 5. Presentación. Vídeo 1

Comenzamos un nuevo curso de HTML5. En este vídeo de presentación vemos los contenidos que se impartirán durante el curso.

0h29m

Curso HTML 5. Conceptos básicos. Vídeo 2

Comenzamos a ver algunos de los conceptos básicos de HTML 5. En qué consiste exactamente esta tecnología o estándar. Creamos ya nuestra primera página web en HTML 5.

Para más cursos, ejercicios y manuales visita: http://www.pildorasinformaticas.com

0h25m

Curso HTML 5. Nuevos elementos de estructura en HTML5. Vídeo 3

Vemos en este vídeo el uso de la etiqueta title, la estructura de la etiqueta link y comenzamos a ver las nuevas estructuras de etiqueta de HTML5, como por ejemplo la etiqueta header y la etiqueta nav.

Para más cursos, ejercicios y manuales visita: http://www.pildorasinformaticas.com

0h28m

Curso HTML 5. Estructura del cuerpo y nuevos elementos. Vídeo 4

En esta vídeo seguimos completando la estructura de nuestra primera página web y vemos los nuevos elementos de HTML5 article, header y hgroup.

0h26m

Curso HTML 5. figure figcaption y Nuevos elementos. Vídeo 5

En este vídeo vemos el uso de las nuevas etiquetas figure, figcaption y también vemos algunas etiquetas obsoletas y el significado semántico que han adquirido antiguas etiquetas en HTML5.

Para más cursos, ejercicios y manuales visita: http://www.pildorasinformaticas.com

0h28m

Curso HTML 5. CSS_I. Vídeo 6

Nos introducimos en este vídeo en CSS. Vemos dónde puede ir el código CSS, tipos de selectores y el modelo de caja-contenedor.

Para más cursos, ejercicios y manuales visita: http://www.pildorasinformaticas.com

0h24m

Curso HTML 5. CSS II Modelo caja contenedor. Vídeo 7

En este vídeo tratamos el modelo caja contenedor de CSS. Vemos los diferentes estilos que existen (hoja independiente, cabecera y en línea), así como las propiedades CSS float, margin y padding.

0h31m

Curso HTML 5. CSS3 I Nuevas reglas. Vídeo 8

En este vídeo comenzamos a ver algunos de los nuevos elementos de CSS3. Vemos los nuevos selectores pseudoclases y vemos también las nuevas reglas que permiten redondear esquinas y agregar sombras a contenedores y texto.

0h29m

Curso HTML 5 CSS3 II. Degradados y transiciones. Vídeo 9

Vemos en este vídeo como aplicar degradados y efectos de transición con las nuevas reglas CSS3.

Para más cursos, ejercicios y manuales visita: http://www.pildorasinformaticas.com

0h28m

Curso HTML 5. Ejercicio guiado I. Vídeo 10

Realizamos un ejercicio guiado con gran parte de lo aprendido hasta ahora. Utilizamos algunas de las nuevas etiquetas de la especificación HTML5 y algunas de las nuevas reglas CCS3.
Link a los archivos del ejercicio: http://www.pildorasinformaticas.com/archivos/html5/ejercicio1.zip

0h21m

Curso HTML 5. Ejercicio guiado II. Vídeo 11

Finalizamos en este vídeo el ejercicio guiado. Recuerdo que en la descripción del vídeo anterior tenéis el link para descargar los archivos del vídeo.

Para más cursos, ejercicios y manuales visita: http://www.pildorasinformaticas.com

0h24m

Curso HTML 5. JavaScript Introducción. Vídeo 12

En este vídeo nos introducimos en JavaScript. Vemos dónde puede ir situado el código JavaScript dentro de un documento HTML y cómo crear un documento JavaScript externo.

Después de la introducción se abordarán sólo los nuevos elementos JavaScript en HTML5.

Para más cursos, ejercicios y manuales visita: http://www.pildorasinformaticas.com

0h24m

Curso HTML 5. JavaScript Identificación de elementos. Vídeo 13

Vemos en este vídeo como identificar elementos de HTML desde código JavaScript.
Vemos el uso del nuevo método del objeto document, getElementsByClassName.

0h21m

Curso HTML 5. JavaScript Identificación de elementos II. Vídeo 14

En este vídeo vemos los nuevos métodos querySelector y querySelectoorAll que nos permiten identificar elementos HTML desde JavaScript utilizado selectores CSS y CSS3.

Para más cursos, ejercicios y manuales visita: http://www.pildorasinformaticas.com

0h26m

Curso HTML 5. Eventos en HTML5 con JavaScript I. Vídeo 15

En este vídeo vemos el nuevo método addEventListener de la especificación HTML5 para crear manejadores de eventos. Comparamos este nuevo método respecto a técnicas anteriores y casi obsoletas a la hora de construir manejadores de eventos.

0h21m

Curso HTML 5. Eventos en HTML5 con JavaScript II. Vídeo 16

Vemos en este vídeo algunos ejemplos más (sencillos) del uso y sintaxis del método addEventListener.

Para más cursos, ejercicios y manuales visita:http://www.pildorasinformaticas.com

0h24m

Curso HTML 5. Inserción de Vídeos I. Vídeo 17

En este vídeo comenzamos a ver cómo introducir vídeo en las páginas web con la especificación HTML5. veremos que es muy sencillo hacerlo con la nueva etiqueta video y sus correspondientes atributos.

Para descargar los archivos del vídeo: http://www.pildorasinformaticas.com/archivos/html5/video.zip

Para más cursos, ejercicios y manuales visita:http://www.pildorasinformaticas.com

0h31m

Curso HTML 5. Inserción de Vídeos II. Vídeo 18

En este vídeo vemos cómo agregar nuestros propios controles de vídeo para reproducir y detener.

0h29m

Curso HTML 5. Inserción Vídeos III. Vídeo 19

En este vídeo vemos como crear la barra de progreso del vídeo. Añadimos funcionalidad a la barra para poder retrasar y adelantar el vídeo.

Para más cursos, ejercicios y manuales visita:http://www.pildorasinformaticas.com

0h15m

Curso HTML 5. Inserción audio. Vídeo 20

En este vídeo vemos cómo introducir audio en las páginas web.
Vemos también cómo personalizar controles de reproducción del audio. Para ello re-utilizamos la hoja css y el archivo js del vídeo anterior.

Link al archivo de audio: http://www.pildorasinformaticas.com/archivos/html5/audio.zip