Formación bonificada para empresas

Diploma emitido por FUNDAE


Ejemplo de diploma acreditativo FUNDAE + Ampliar

i ¿Quiénes somos?
Valore esta página: Votos: 4/5 (159 votos)


Curso online de HTML5 Avanzado bonificado

Cursos bonificados Calendario: Flexible.

FUNDAE cursos Fecha disponible: Inmediata.

Cursos bonificados seguridad social Porcentaje de Bonificación: 100%

Cursos online bonificados Diploma acreditativo emitido por FUNDAE.

Cursos bonificados para empresas Certificado acreditativo para concursos y oposiciones.

cursos virtuales bonificados Temario Personalizado.

FUNDAE cursos Modalidades: teleformación, aula virtual y MIXTA

Cursos bonificados

El sector tecnológico español genera 145.000 empleos relacionados con desarrollo web

18,3%
Crecimiento anual empleos TIC (INE, 2024)
42.500€
Salario medio desarrollador web (SEPE, 2024)

El curso

📊 ¿Por qué este curso?
+156%
incremento en demanda de desarrolladores HTML5 avanzado en empresas digitales españolas
Fuente: LinkedIn Jobs · 2024
Plan de Igualdad Empresas Duración
La duración del curso de HTML5 Avanzado es de 30 horas, acreditadas en el Diploma del mismo.

PLAZO DE REALIZACIÓN:

El plazo se puede establecer según las necesidades del alumno o del plan de formación de la empresa.
empresas de cursos bonificados

Objetivos

  • Conocer etiquetas avanzadas de HTML5 para audio, video y multimedia
  • Utilizar formularios complejos con validacion nativa de HTML5
  • Aplicar tecnicas de incrustacion de contenidos multimedia en paginas web
  • Gestionar atributos avanzados de entrada para mejorar experiencia de usuario
  • Desarrollar aplicaciones web interactivas usando HTML5 y tecnologias complementarias


Bonificación Bonificación Curso bonificable al 100%
Bonificacion

Bonificación

Este curso puede ser bonificado al 100% para la empresa receptora, incluso aunque esta tenga un porcentaje de copago en razón de su número de empleados en plantilla. El coste de la formación se recuperará mediante descuento en el pago de los seguros sociales.
Este descuento será aplicable libremente en cualquier mes del año posterior a la fecha en que haya finalizado la formación. Podrán bonificarse las matrículas de aquellos alumnos que realicen al menos el 75% del curso con éxito.
Modalidades Modalidades Teleformación · Aula virtual · Mixta · Presencial
Modalidades

Modalidades

EN CURSOS ONLINE
Teleformación: En esta modalidad todo el curso se realiza a través de internet, con acceso las 24 hs. todos los días de la semana y plazo máximo de seis meses. No hay actividades como clases a las que el alumno deba asistir en horarios y fechas programados.
Aula virtual: En esta modalidad la formación se imparte mediante clases en directo a través de internet, es decir clases tele-presenciales, que se llevarán a cabo a través de ZOOM, Skype u otra herramienta a convenir.
Modalidad MIXTA: Combinación de las dos modalidades anteriores. Los trabajadores asisten a clases en directo (por ejemplo una a la semana) y entre clases disponen de material para avanzar en el curso en la plataforma. Es la más completa para grupos de trabajadores que realizan un mismo curso.

EN CURSOS PRESENCIALES o SEMI - PRESENCIALES
En esta modalidad los trabajadores realizan el curso asistiendo físicamente a un aula en la que se imparte la formación. Puede ser complementada igualmente con acceso a una plataforma online entre clases. Para esta modalidad se requiere una consulta previa de disponibilidad en la ciudad donde se desee llevar a cabo.

cursos tripartita

Temario


NOTA:

Trabajamos con la metodologia de curso personalizado, creada por Ciberaula en 1997. Usted puede solicitar un curso a la medida de sus objetivos, que combine lecciones de 2 o mas cursos en un plan de formacion a su medida. Si este es su caso consultenos, esta metodologia ofrece un aprovechamiento maximo de la formacion en los cursos bonificados para trabajadores.

El temario predefinido del curso online de HTML5 Avanzado es el siguiente:

1 Audio y video

1.1 Etiqueta AUDIO

1.2 Etiqueta VIDEO

1.3 Etiqueta TRACK

1.4 Etiqueta EMBED

1.5 Etiqueta OBJECT

1.6 Cuestionario: Audio y video

2 Formularios en HTML

2.1 Etiqueta FORM

2.2 Etiqueta INPUT

2.3 Atributos - form, formaction y formenctype

2.4 Atributos - formmethod, formnovalidate y formtarget

2.5 Atributos - height, width y name

2.6 Atributos - readonly, required y placeholder

2.7 Atributos - value, size y maxlength

2.8 Atributos - src, max, min, step y multiple

2.9 Atributos - list y pattern

2.10 Atributos - type

2.11 Tipo checkbox, color y date

2.12 Tipo datetime y datetime-local, email y file

2.13 Tipo hidden, image y month y week

2.14 Tipo number, password, radio y reset

2.15 Tipo range y search

2.16 Tipo text, time y url

2.17 Etiqueta BUTTON, FIELDSET y LABEL

2.18 Etiqueta KEYGEN, METER y PROGRESS

2.19 Etiqueta OUTPUT y SELECT

2.20 Etiqueta TEXTAREA

2.21 Cuestionario: Formularios en HTML

3 Marcos contenedores

3.1 Etiqueta IFRAME

3.2 Cuestionario: Marcos contenedores

4 Estilos CSS y modelos de caja

4.1 Elementos block

4.2 Estilos en línea

4.3 Archivos externos

4.4 Referencias

4.5 Aplicando CSS a una plantilla

4.6 Cuestionario: Estilos CSS y modelos de caja

4.7 Cuestionario: Cuestionario final -


Todo lo que necesitas saber antes de empezar

Información práctica — pulsa cada sección para desplegarla

💻 Software

  • Editor de código: VS Code (gratis) — es el más usado y el que mejor funciona con HTML/CSS. Alternativas igualmente válidas: Sublime Text, Brackets o WebStorm Community.
  • Navegador moderno: Chrome, Firefox o Edge actualizados — todos gratis y necesarios para probar las etiquetas HTML5 de audio, vídeo y formularios.
  • Sin instalaciones adicionales: HTML5 no necesita compilador, servidor local ni runtime. Un editor y un navegador es todo.

?️ Hardware

  • Cualquier PC o portátil de los últimos 5 años sirve.
  • RAM mínima: 4 GB — más que suficiente para editar HTML y ver resultados en el navegador.
  • No necesitas tarjeta gráfica dedicada, SSD ni procesador específico.

🔑 Cuentas y servicios

  • GitHub (gratis) — para guardar tus proyectos y publicarlos con GitHub Pages sin coste.
  • Codepen.io (gratis) — para experimentar con HTML/CSS directamente en el navegador sin instalar nada.

📚 Conocimientos previos

  • Recomendable: haber visto HTML básico (etiquetas <div>, <p>, <a>, <img>). Si nunca has tocado HTML, dedica un par de horas a un tutorial introductorio gratuito antes de empezar.
  • No se necesita saber JavaScript, CSS avanzado ni ningún lenguaje de programación.

Estos son los proyectos que construirás a lo largo del curso. Cada uno resuelve un problema real que encontrarás en proyectos web profesionales.

  1. Reproductor multimedia propio: página con etiquetas <audio> y <video> nativas, con subtítulos vía <track> y controles personalizados — útil para webs de formación o portfolios con demos en vídeo.
  2. Formulario de registro avanzado: formulario con validación nativa HTML5 (sin JavaScript), campos de tipo email, date, range, tel y pattern — aplicable a cualquier web con alta de usuarios o recogida de datos.
  3. Encuesta interactiva con barra de progreso: usa <meter> y <progress> para dar feedback visual al usuario mientras rellena el formulario — habitual en onboardings y tests online.
  4. Página de producto con contenido incrustado: integra mapas, vídeos externos y documentos PDF usando <iframe> y <object> de forma segura — exactamente lo que necesitas en webs de e-commerce o fichas de empresa.
  5. Plantilla web con CSS externo: aplica estilos con hoja CSS separada sobre una estructura HTML5 semántica completa, lista para usar como base de cualquier proyecto real.
¿Estás listo para HTML5 Avanzado?
Cinco preguntas rápidas para saber si tienes la base suficiente. Sin trampa: contesta lo que sabes hoy, no lo que crees que deberías saber.
1 ¿Cuál es la diferencia entre una etiqueta de bloque y una etiqueta en línea en HTML?
2 ¿Para qué sirve el atributo <required> en un campo de formulario HTML?
3 Tienes una etiqueta <video> en tu HTML pero el vídeo no se reproduce en algunos navegadores. ¿Cuál es la causa más probable?
4 ¿Qué hace la etiqueta <iframe>?
5 ¿Cuál de estas formas de aplicar CSS es la más recomendable para un proyecto web real?

Estos son los errores que cometen casi todos al trabajar con HTML5 avanzado. Conocerlos antes te ahorra horas de depuración.

  • Olvidar el atributo controls en <video> y <audio>: sin él, el elemento se renderiza pero el usuario no ve ningún botón para reproducir. No es un bug del navegador, es un atributo que hay que poner explícitamente.
  • Usar un solo formato de vídeo o audio: MP4 funciona en la mayoría de navegadores, pero OGG y WebM son necesarios para cobertura total. Sin etiquetas <source> múltiples, el vídeo puede fallar en Firefox o Safari.
  • Confundir placeholder con value: placeholder es solo texto de ayuda visual que desaparece al escribir; value es el valor real que se envía. Usarlos como sinónimos rompe la lógica del formulario.
  • No usar enctype="multipart/form-data" en formularios con subida de archivos: sin ese atributo, los archivos no se envían al servidor aunque el campo type="file" esté bien puesto.
  • Ignorar la accesibilidad en formularios: no asociar <label> con su campo mediante for e id hace que lectores de pantalla no puedan interpretarlos y que la experiencia de usuario sea peor incluso en escritorio.
  • Usar <iframe> sin el atributo title: es un fallo de accesibilidad directo y los validadores de HTML lo marcan como error. Siempre describe el contenido incrustado.
  • Mezclar estilos en línea, en <style> y en hoja externa: genera conflictos de especificidad difíciles de depurar. Elige una estrategia (preferiblemente hoja externa) y mantenla.
  • No validar el HTML con el validador del W3C: etiquetas mal cerradas o anidadas incorrectamente pueden comportarse distinto en cada navegador sin dar ningún error visible en pantalla.

Todo lo que necesitas tener a mano mientras haces el curso. Gratis, directo y sin rodeos.

⌨️ Atajos clave en VS Code para HTML

  • ! + Tab — genera el esqueleto HTML5 completo al instante (Emmet integrado).
  • Alt+Shift+F — formatea el documento automáticamente.
  • Ctrl+/ — comenta o descomenta líneas seleccionadas.
  • Extensión recomendada: Live Server — recarga el navegador automáticamente cada vez que guardas el archivo.

?️ Herramientas gratuitas

  • Codepen.io — prueba HTML y CSS en tiempo real en el navegador, sin instalar nada.
  • Validator.w3.org — validador oficial del W3C para comprobar que tu HTML no tiene errores.
  • Caninclude.netlify.app — comprueba si una etiqueta HTML puede estar dentro de otra antes de escribirla.
  • Squoosh.app — comprime imágenes y vídeos para web directamente en el navegador, gratis.

📖 Documentación de referencia

  • MDN Web Docs (developer.mozilla.org) — la referencia más completa y actualizada de todas las etiquetas y atributos HTML5. Si tienes dudas sobre un atributo concreto, aquí está la respuesta.
  • html.spec.whatwg.org — especificación oficial de HTML Living Standard, para cuando quieras saber exactamente qué dice el estándar.
  • caniuse.com — comprueba qué navegadores soportan cada etiqueta o atributo antes de usarlo en producción.

👥 Comunidades donde resolver dudas

  • Stack Overflow — busca el error exacto que te da; casi siempre ya hay respuesta.
  • r/webdev y r/html en Reddit — comunidades activas para preguntas de nivel principiante a intermedio.
  • Dev.to — artículos y discusiones sobre HTML5, CSS y frontend en general.
  • ChatGPT o Claude (planes gratuitos) — útiles para explicarte por qué un atributo no funciona como esperabas o pedirte ejemplos alternativos.

Preguntas frecuentes

Novedades Sobre HTML5 Avanzado


Solicitar información

Respondemos en 3 hs. promedio


Glosario FUNDAE  —  Diccionario técnico de los 300 términos del sistema de formación bonificada Ver glosario →