Formación bonificada para empresas

Diploma emitido por FUNDAE


Ejemplo de diploma acreditativo FUNDAE + Ampliar

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


Curso online de HTML (Básico) 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 TIC español genera el 4,5% del PIB nacional con 700.000 empleos

127.800
Programadores web en España (INE, 2024)
8,2%
Crecimiento anual del empleo TIC (SEPE, 2024)

El curso

📊 ¿Por qué este curso?
85%
desarrolladores web inician carrera dominio HTML basico competente
Fuente: Stack Overflow · 2024
Plan de Igualdad Empresas Duración
La duración del curso de HTML (Básico) es de 20 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 la estructura basica de HTML y elementos fundamentales de programacion web
  • Utilizar etiquetas HTML para crear contenidos estructurados y semanticamente correctos
  • Aplicar formatos basicos de texto, listas y enlaces en documentos web
  • Desarrollar paginas web simples modificando codigo generado por aplicaciones graficas


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 HTML (Básico) es el siguiente:

1 Internet

1.1 Qué es Internet

1.2 Los comienzos de Internet

1.3 Aplicaciones que nos ofrece Internet

1.4 Qué es WWW

1.5 Servicios que nos ofrece WWW

1.6 Cuestionario: Internet

2 Conceptos básicos

2.1 Qué es HTML

2.2 Servidores y clientes WWW

2.3 Dominios

3 Estructura de un documento HTML

3.1 Estructura básica

3.2 Acentos y caracteres especiales

3.3 Comentarios

3.4 Aprender de otras páginas

3.5 Primer ejemplo

3.6 Práctica - Plantilla

3.7 Cuestionario: Estructura de un documento HTML

4 Dar formato a un documento

4.1 Formato de párrafo

4.2 Títulos

4.3 Formato de texto

4.4 Etiquetas para cambiar el tamaño y el tipo de letra

4.5 Formato de línea

4.6 Páginas con colores

4.7 Ejercicio de repaso

4.8 Práctica - Tamaños y formatos

4.9 Práctica - Líneas

4.10 Práctica - Colores

4.11 Práctica - Introducción

4.12 Cuestionario: Dar formato a un documento

5 Listas

5.1 Listas desordenadas

5.2 Listas ordenadas

5.3 Listas de definición

5.4 Práctica - Listas

5.5 Práctica - Provincias

5.6 Cuestionario: Listas

6 Imágenes

6.1 La etiqueta IMG

6.2 Parámetros de la etiqueta IMG

6.3 Posición de la imagen con respecto al texto

6.4 Borde de la imagen

6.5 Práctica - Tarragona

6.6 Cuestionario: Imágenes

7 Enlaces

7.1 Enlaces

7.2 Creación de enlaces dentro de una misma página

7.3 Enlaces con otra página dentro de nuestro sistema

7.4 Práctica - Enlaces en la página provincias.html

7.5 Práctica - Cueva del gato

7.6 Cuestionario: Enlaces

8 Tabla

8.1 Qué es una Tabla

8.2 Tablas básicas

8.3 Los parámetros HEIGHT y WIDTH

8.4 Alineaciones del texto dentro de la celda

8.5 Mejorar la apariencia de una tabla

8.6 Cuestionario: Tablas

9 Marcos

9.1 Qué son los Marcos

9.2 La etiqueta FRAMESET

9.3 La etiqueta FRAME

9.4 Cuestionario: Marcos

10 Apéndice

10.1 Listado de direcciones

10.2 Cuestionario: Cuestionario final HTML Básico -


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, recomendado) o cualquier editor de texto plano como Notepad++ o Sublime Text.
  • Navegador web: Chrome, Firefox o Edge — cualquier versión reciente sirve. Ya los tienes instalados.
  • No necesitas servidor local para este curso. Los archivos HTML se abren directamente desde tu escritorio en el navegador.

?️ Hardware

  • Cualquier PC o portátil de los últimos 5-6 años es más que suficiente.
  • RAM mínima: 4 GB (8 GB recomendados si tienes VS Code y el navegador abiertos a la vez).
  • No necesitas tarjeta gráfica especial, SSD ni procesador potente.

🔑 Cuentas y servicios

  • No necesitas crear ninguna cuenta para completar el curso.
  • Opcional: cuenta gratuita en GitHub si quieres guardar tus prácticas en la nube.

📚 Conocimientos previos

  • Ninguno. El curso parte desde cero absoluto.
  • Saber usar el ordenador a nivel básico (abrir carpetas, guardar archivos) es todo lo que se te pide.
  • No se requiere saber programar ni tener experiencia en diseño web.

A lo largo del curso construyes páginas HTML reales desde cero, sin frameworks ni generadores automáticos. Cada práctica te enseña a escribir y leer código directamente en el editor.

  1. Plantilla HTML base: Creas tu primer documento HTML con estructura <html>, <head> y <body> correcta. Útil como punto de partida para cualquier proyecto web futuro.
  2. Página con formatos de texto: Aplicas títulos, párrafos, negrita, cursiva, colores de fondo y tamaños de letra. Caso de uso: cualquier página informativa o blog sencillo.
  3. Página de provincias con listas: Estructuras contenido geográfico usando listas ordenadas, desordenadas y de definición. Ideal para entender cómo presentar información jerárquica.
  4. Galería con imágenes: Insertas imágenes con la etiqueta <img>, controlas su tamaño, posición y borde. Caso de uso: portafolio básico o página de producto.
  5. Sitio multipágina con enlaces: Conectas varias páginas HTML entre sí y creas anclas internas dentro de una misma página. Caso de uso: web de destino turístico («Cueva del Gato»).
  6. Página con tablas: Maquetas contenido tabular con filas, columnas, alineaciones y estilos visuales básicos. Caso de uso: horarios, catálogos o comparativas sencillas.
¿Sabes ya HTML básico?
5 preguntas rápidas para saber si este curso encaja con tu nivel actual. Sin trampa: responde lo que sepas, no lo que buscas en Google.
1 ¿Qué hace la etiqueta <code>&lt;h1&gt;</code> en HTML?
2 ¿Cuál es la estructura mínima correcta de un documento HTML?
3 ¿Cómo se inserta una imagen en HTML?
4 ¿Qué diferencia hay entre una lista <code>&lt;ul&gt;</code> y una <code>&lt;ol&gt;</code>?
5 ¿Cómo se crea un enlace que abre otra página web?

Estos son los tropiezos más frecuentes cuando alguien empieza a escribir HTML a mano. Reconocerlos antes de cometerlos te ahorra horas de depuración.

  • No cerrar las etiquetas: Abrir <p> y olvidar el </p> provoca que el navegador «adivine» el cierre y el resultado visual sea impredecible.
  • Rutas de imagen incorrectas: Escribir src="imagenes/foto.jpg" cuando la carpeta se llama Imagenes (con mayúscula). Los servidores Linux distinguen mayúsculas; tu PC Windows, no.
  • Olvidar el atributo alt en las imágenes: Es obligatorio para accesibilidad y SEO. Un alt vacío (alt="") es válido si la imagen es decorativa, pero omitirlo es un error.
  • Usar espacios en los nombres de archivo: mi pagina.html en lugar de mi-pagina.html. Los espacios en URLs se codifican como %20 y generan enlaces rotos.
  • Anidar etiquetas de bloque dentro de etiquetas de línea: Meter un <div> o un <p> dentro de un <span> o un <a> no es HTML válido.
  • Confundir <b> con <strong>: Ambos ponen el texto en negrita visualmente, pero <strong> tiene significado semántico (importancia). Usar <b> para todo es una mala práctica.
  • No declarar el charset: Olvidar <meta charset="UTF-8"> en el <head> hace que los acentos y la ñ aparezcan como caracteres extraños.
  • Escribir etiquetas en mayúsculas: <BODY> funcionaba en HTML 4, pero en HTML5 la convención es minúsculas. Mezclar los dos estilos ensucia el código.
  • Guardar el archivo con extensión .txt: El Bloc de notas de Windows guarda como texto plano por defecto. El archivo debe terminar en .html para que el navegador lo interprete correctamente.

Estos recursos gratuitos complementan el curso y te acompañarán mucho más allá de las 20 horas de formación.

⌨️ Atajos esenciales en VS Code

  • ! + Tab: genera la estructura HTML5 completa al instante (Emmet integrado).
  • Alt + Shift + F: formatea y ordena el código automáticamente.
  • Ctrl + /: comenta o descomenta la línea seleccionada.
  • Ctrl + D: selecciona la siguiente ocurrencia del texto marcado para editar varias a la vez.

?️ Herramientas gratuitas útiles

  • VS Code con la extensión Live Preview: recarga el navegador automáticamente cada vez que guardas el archivo.
  • W3C Validator (validator.w3.org): comprueba si tu HTML es válido y señala los errores con explicación.
  • ColorZilla (extensión de navegador): cuentagotas para capturar colores de cualquier página web.

📖 Documentación de referencia

  • MDN Web Docs (developer.mozilla.org): la referencia más completa y fiable de HTML, con ejemplos editables en el navegador.
  • W3Schools HTML Reference: tablas rápidas de atributos por etiqueta, útil para consultas puntuales.
  • devhints.io/html: cheat sheet de una página con las etiquetas más usadas.

👥 Comunidades donde preguntar

  • Stack Overflow en español (es.stackoverflow.com): para dudas técnicas concretas con ejemplos de código.
  • r/learnprogramming en Reddit: comunidad amigable para principiantes, acepta preguntas básicas sin juzgar.
  • dev.to: artículos y tutoriales breves escritos por desarrolladores, muchos en español.

Preguntas frecuentes

Novedades Sobre HTML (Básico)


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 →