Calendario: Flexible.
Fecha disponible: Inmediata.
Porcentaje de Bonificación: 100%
Diploma acreditativo emitido por FUNDAE.
Certificado acreditativo para concursos y oposiciones.
Temario Personalizado.
Modalidades: teleformación, aula virtual y MIXTA
| La duración del curso de HTML es de 40 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. |
Bonificación
Curso bonificable al 100%
| 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
Teleformación · Aula virtual · Mixta · Presencial
| 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. |
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 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
2.4 Protocolos de direccionamientos - URL
2.5 Transporte de la información - http
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 Práctica - Acentos, caracteres especiales y comentarios
3.8 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
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 Tamaño de la imagen
6.6 JPEG o GIF
6.7 Fondos de páginas
6.8 Optimización de imágenes
6.9 Mosaico de imágenes
6.10 Práctica - Tarragona
6.11 Práctica - Escalado de imágenes
6.12 Práctica - Mosaico de imágenes
6.13 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 Enlaces con una página fuera de nuestro sistema
7.5 Referencias a otros documentos
7.6 Mejorar la apariencia de los enlaces
7.7 Práctica - Enlaces en andalucia
7.8 Práctica - Cueva del gato
7.9 Práctica - Enlaces en provincias
7.10 Cuestionario: Enlaces
8 Tablas
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 Tablas avanzadas
8.7 Práctica - Una tabla compleja
8.8 Práctica - Una tabla atractiva
8.9 Práctica - Modificar provincias
8.10 Cuestionario: Tablas
9 Mapas sensibles
9.1 Qué es un mapa sensible
9.2 Tipos de mapas sensibles
9.3 Pasos para elaborar un mapa sensible
9.4 Definición de zonas sensibles
9.5 Definición de mapa
9.6 Parámetros de la etiqueta AREA
9.7 Usar un mapa
9.8 Práctica - Creación de un mapa sensible
9.9 Cuestionario: Mapas sensibles
10 Marcos
10.1 Qué son los marcos
10.2 La etiqueta FRAMESET
10.3 La etiqueta FRAME
10.4 Parámetros de la etiqueta FRAME
10.5 Marcos sin bordes
10.6 Acceso a otros marcos
10.7 Trabajar sin soporte de marcos
10.8 Ejemplo de marcos anidados
10.9 Práctica - Creación de una página con marcos
10.10 Cuestionario: Marcos
11 Multimedia
11.1 Insertar sonidos
11.2 Insertar vídeos
11.3 Marquesinas
11.4 Gifs animados
11.5 Práctica - Creación de una página multimedia
11.6 Cuestionario: Multimedia
12 Formularios
12.1 Qué es un formulario
12.2 Elementos de un formulario
12.3 La etiqueta FORM
12.4 Entrada de datos
12.5 Botones de envío y borrado
12.6 Procesado de los datos
12.7 Práctica - Creación de un formulario
12.8 Cuestionario: Formularios
13 Hojas de estilo
13.1 Hojas de estilo
13.2 Clases
13.3 Aplicar una misma hoja de estilo a distintos documentos
13.4 Agrupación de reglas
13.5 Aplicación de estilo a los enlaces
13.6 Comentarios
13.7 Hojas de estilo - referencia
13.8 Valores reconocidos
13.9 Práctica - Creación de una hoja de estilo
13.10 Cuestionario: Hojas de estilo
14 Capas
14.1 Qué es una capa
14.2 Propiedades de las capas
14.3 Posición y tamaño de las capas
14.4 Apilar capas
14.5 Color de fondo y transparencias
14.6 Práctica - Creación de una página con capas
14.7 Cuestionario: Capas
15 JavaScript
15.1 Lenguajes de Script
15.2 Java y JavaScript
15.3 El lenguaje JavaScript
16 Editores y lenguajes de programación
16.1 Dreamweaver
16.2 FrontPage
16.3 Diferencias entre Dreamweaver y FrontPage
16.4 Lenguajes de programación para páginas Web
16.5 Cuestionario: Editores HTML
17 Promoción y publicación
17.1 Dónde alojar nuestra página Web
17.2 Cómo hacerla localizable
17.3 Conseguir que nuestra Web aparezca en los primeros lugares
17.4 Contadores
17.5 Libros de visita
17.6 Cuestionario: Promoción y publicación
17.7 Cuestionario: Cuestionario final HTML -
A lo largo del curso construyes páginas web reales desde cero, aplicando cada bloque de teoría de forma inmediata. Estos son los proyectos principales que realizarás:
Estos son los fallos que aparecen una y otra vez cuando alguien aprende HTML por primera vez. Léelos antes de empezar y ahórrate horas de depuración.
Inicio
<div>, <p> o <ul> necesita su cierre correspondiente. Un tag sin cerrar rompe el diseño de toda la sección siguiente.src="C:\Users\Ana\foto.jpg" solo funciona en tu ordenador. Usa siempre rutas relativas como src="imagenes/foto.jpg".color no es un atributo válido en HTML moderno; pertenece a CSS. Mezclarlos genera código inválido y difícil de mantener.<!DOCTYPE html> al inicio hace que el navegador entre en modo quirks y renderice la página de forma impredecible.mi pagina.html causa errores en URLs. Usa guiones o guiones bajos: mi-pagina.html.<div> dentro de un <span> no es HTML válido y produce comportamientos inesperados.<img src="logo.png"> sin alt es inaccesible y penaliza el SEO. Siempre: alt="descripción breve".index.txt, el navegador lo mostrará como texto plano en lugar de renderizar la página.style="color:red" en cada elemento funciona para aprender, pero hace el código imposible de mantener. Desde el principio practica separar HTML y CSS en archivos distintos.Recursos gratuitos y contrastados para que puedas consultar, practicar y resolver dudas durante y después del curso.
Artículos publicados sobre HTML
|
Por Jasmin Fasquelle Formularios en HTML: Guía Completa para Principiantes Crear formularios en HTML es fundamental para cualquier desarrollador web que quiera recolectar información de los usuarios. Los formularios HTML permiten capturar datos mediante una serie de elementos como campos de texto, botones de envío, casillas de verificación y listas desplegables. Este componente esencial de HTML es clave para crear formularios de contacto, encuestas, formularios de registro y mucho más. Para empezar a construir un formulario HTML, es importante conocer las etiquetas básicas como <form>, que establece el formulario, y <input>, que define el tipo de entrada, ya sea un campo de texto, correo electrónico, contraseña, entre otros. Además, puedes personalizar el aspecto y la funcionalidad del formulario con atributos como placeholder, required y pattern. Entender cómo usar correctamente estos elementos hará que tu formulario web sea eficiente y fácil de usar. Finalmente, es vital aprender a validar formularios en HTML para asegurarte de que los datos ingresados sean correctos antes de enviarlos al servidor. Puedes hacer esto mediante validación del lado del cliente usando HTML5 y JavaScript, o del lado del servidor con lenguajes como PHP. La validación mejora la experiencia del usuario y protege contra la entrada de datos no deseados. Siguiendo esta guía, tendrás las herramientas básicas para crear formularios efectivos en HTML que recojan información valiosa de tus usuarios. |
|---|
|
Por Jasmin Fasquelle Accesibilidad Web con HTML: Mejores Prácticas
La accesibilidad web es esencial para asegurar que todas las personas, incluidas aquellas con discapacidades, puedan utilizar y navegar en sitios web sin problemas. Implementar HTML siguiendo las mejores prácticas ayuda a mejorar la experiencia del usuario y a cumplir con las normativas. Una de las estrategias clave es el uso adecuado de etiquetas semánticas, como Además, es crucial proporcionar texto alternativo descriptivo en las imágenes mediante la etiqueta alt. Esto no solo mejora la accesibilidad para usuarios con discapacidad visual, sino que también optimiza el SEO, ya que los motores de búsqueda utilizan esta información para indexar mejor las imágenes. También es importante asegurar que todos los formularios estén etiquetados correctamente utilizando y asociando cada campo con su correspondiente etiqueta, lo que facilita la navegación y la comprensión del contenido por parte de todos los usuarios. Finalmente, la implementación de contrastes de color adecuados y el uso de tamaños de fuente legibles son aspectos cruciales de la accesibilidad web. Estas prácticas no solo benefician a usuarios con discapacidades visuales, sino que también mejoran la experiencia general del usuario, haciendo el contenido más legible y atractivo. Integrar estas mejores prácticas en el desarrollo web garantiza que los sitios sean inclusivos y accesibles para una audiencia más amplia, cumpliendo con los estándares internacionales y mejorando el posicionamiento web. |
|---|
|
Por Jasmin Fasquelle HTML Semántico: Clave para una Mejor Interoperabilidad y SEO
El desarrollo web moderno enfatiza la importancia del HTML semántico. Esta metodología mejora la accesibilidad y la interoperabilidad de las páginas web al utilizar etiquetas HTML que proporcionan significado claro tanto para los navegadores como para los desarrolladores. Utilizar etiquetas semánticas como
Aplicar HTML semántico también beneficia significativamente a los usuarios con discapacidades. Las etiquetas semánticas permiten a los lectores de pantalla y otras tecnologías de asistencia navegar y entender el contenido de manera eficaz. Por ejemplo, una etiqueta
Finalmente, adoptar HTML semántico puede tener un impacto directo en el rendimiento SEO de un sitio. Los motores de búsqueda como Google premian a los sitios que tienen una estructura clara y comprensible, ya que facilita a sus algoritmos rastrear y indexar el contenido más efectivamente. Además, el HTML semántico ayuda a señalar la información más relevante de una página, lo cual puede incrementar la relevancia de un sitio para consultas específicas, mejorando así su posición en los resultados de búsqueda. Este enfoque no solo es una práctica recomendada para programadores y diseñadores web, sino que también es una estrategia esencial para cualquier estrategia de marketing digital orientada al éxito a largo plazo. |
|---|
|
Por Jasmin Fasquelle Animaciones con CSS y HTML: Introducción y Ejemplos
La creación de animaciones con CSS y HTML es una técnica imprescindible para cualquier desarrollador web que busque mejorar la interactividad y el atractivo visual de sus sitios web. A través del uso de CSS, es posible animar elementos en la página de manera eficiente y sin necesidad de JavaScript en muchos casos. Esto no solo mejora el rendimiento del sitio, sino que también hace que las animaciones sean más accesibles y fluidas. La animación CSS puede variar desde algo tan simple como un cambio de color hasta animaciones complejas que implican transformaciones y transiciones múltiples. Un ejemplo destacado de animación con HTML y CSS es el efecto "hover", que permite cambiar la apariencia de un botón o enlace cuando el usuario pasa el cursor sobre él. Este tipo de interacciones mejora significativamente la experiencia del usuario, haciendo que la navegación sea más intuitiva y agradable. Otro ejemplo es la animación de carga, donde se pueden usar keyframes de CSS para crear efectos visuales atractivos mientras se espera que el contenido de la página se cargue completamente. Estas técnicas no solo añaden un valor estético, sino que también pueden contribuir a la funcionalidad del sitio, guiando al usuario a través de la interacción con el contenido de manera más efectiva. Para empezar a implementar estas animaciones, es fundamental entender los fundamentos del CSS y HTML, así como las propiedades específicas de CSS que permiten la animación, como `@keyframes`, `transition`, y `transform`. Experimentar con estas propiedades y entender cómo afectan al comportamiento de los elementos HTML puede ser un proceso de prueba y error, pero es esencial para dominar el arte de la animación web. A medida que los desarrolladores web se vuelven más competentes en estas técnicas, pueden crear experiencias de usuario más ricas y dinámicas que mantienen a los visitantes comprometidos y mejoran la percepción general del sitio web. |
|---|
HTML y la Seguridad Web: Buenas Prácticas a Considerar En el desarrollo web, la seguridad es un aspecto fundamental. Especialmente cuando se trata de HTML, que es la base de cualquier página web. Adoptar buenas prácticas de seguridad en HTML no solo protege los sitios web de ataques comunes, sino que también asegura una experiencia segura para los usuarios. Entre las prácticas recomendadas, se incluyen la validación de datos en el lado del servidor y la prevención de ataques como el Cross-Site Scripting (XSS). La implementación de cabeceras de seguridad HTTP es otra técnica crucial. Estas cabeceras pueden ayudar a proteger un sitio web contra varios tipos de ataques, incluyendo el secuestro de clics y otros tipos de inyección de contenido. Además, el uso de atributos seguros en las etiquetas HTML, como 'rel="noopener"' en enlaces externos, es esencial para prevenir vulnerabilidades. Finalmente, mantenerse actualizado sobre las últimas tendencias de seguridad web y vulnerabilidades conocidas en HTML es vital para cualquier desarrollador web. La implementación de un contenido seguro y buenas prácticas de codificación no solo mejora la seguridad sino que también optimiza el rendimiento general del sitio web, ofreciendo una experiencia de usuario confiable y segura. |
|---|
Estrategias para Mantener el Código HTML Limpio y Organizado
El mantenimiento de un código HTML limpio y organizado es esencial para el desarrollo web eficiente. Un código bien estructurado no solo facilita la lectura y el mantenimiento, sino que también mejora la compatibilidad con navegadores y la optimización de motores de búsqueda (SEO). Una de las estrategias clave es utilizar una indentación consistente, lo que ayuda a visualizar la estructura del documento y a identificar rápidamente los elementos anidados. Además, es importante comentar el código de manera efectiva, lo que permite a otros desarrolladores (o a uno mismo en el futuro) entender rápidamente el propósito de diferentes secciones y elementos. Otra técnica fundamental es la separación de contenido y estilo. Utilizar hojas de estilo en cascada (CSS) para el diseño y la presentación permite mantener el HTML centrado en la estructura y el contenido. Esto no solo hace que el código sea más limpio, sino que también mejora la accesibilidad y la flexibilidad del diseño. Además, es crucial evitar la redundancia en el código HTML. La reutilización de clases y la evitación de estilos en línea contribuyen a un código más eficiente y fácil de gestionar. Finalmente, la validación regular del código HTML es una práctica esencial. Herramientas como el validador de W3C pueden identificar y corregir errores que podrían afectar la visualización del sitio en diferentes navegadores y dispositivos. Mantener un código HTML limpio y validado no solo mejora la experiencia del usuario, sino que también es un componente clave en la optimización del rendimiento del sitio web. |
|---|
Datos Curiosos Sobre HTML que Todo Desarrollador Web Debería Saber El mundo del desarrollo web está repleto de tecnologías intrigantes y HTML (HyperText Markup Language) es una de ellas. A pesar de ser una de las tecnologías fundamentales para la creación de páginas web, hay varios datos curiosos sobre HTML que muchos desarrolladores pueden no conocer. Por ejemplo, HTML no es un lenguaje de programación en el sentido tradicional; en realidad, es un lenguaje de marcado que se utiliza para estructurar contenido en la web. Esta distinción es crucial y a menudo sorprende a los nuevos desarrolladores que se adentran en el campo del diseño web. Otra curiosidad interesante es que la primera versión de HTML, diseñada por Tim Berners-Lee en 1991, solo tenía 18 etiquetas. Esto es notablemente modesto comparado con el extenso conjunto de herramientas que HTML5, la versión más reciente, ofrece hoy en día. HTML5 ha ampliado enormemente las capacidades de HTML, incorporando soporte para multimedia, gráficos, efectos visuales, y más, lo que lo convierte en una herramienta esencial para cualquier desarrollador web moderno. Además, muchos no saben que HTML fue inspirado en parte por el lenguaje SGML (Standard Generalized Markup Language), utilizado para la documentación de grandes sistemas. Esta influencia es la razón detrás de algunas de las convenciones de nomenclatura y estructura de HTML. Estos datos no solo son curiosidades; también proporcionan una perspectiva valiosa sobre cómo HTML ha evolucionado para convertirse en la columna vertebral de casi toda la web como la conocemos hoy. |
|---|
HTML5 y Multimedia: Audio y Video en la Web
La integración de audio y video en la web ha experimentado una revolución con la llegada de HTML5. Esta última versión del lenguaje de marcado ha simplificado enormemente la forma en que los contenidos multimedia se incorporan y reproducen en sitios web. Antes de HTML5, la inclusión de multimedia a menudo requería plugins externos o tecnologías propietarias, pero ahora, con las etiquetas Uno de los beneficios más significativos de usar HTML5 para multimedia es la mejora en la experiencia del usuario. Los videos y audios cargan más rápido y pueden reproducirse en diferentes dispositivos y navegadores sin problemas. Esto es especialmente importante en un mundo donde el consumo de contenido en móviles está en aumento. Además, HTML5 permite un control más creativo sobre la presentación de medios, con la capacidad de personalizar completamente los controles de reproducción y la estética para que coincidan con el diseño y la marca del sitio web. Por último, el uso de HTML5 para contenido audiovisual también tiene implicaciones positivas para el SEO. Los motores de búsqueda ahora pueden indexar mejor el contenido de audio y video, lo que ayuda a mejorar la visibilidad y el ranking del sitio web. La etiqueta 'video' de HTML5, por ejemplo, permite añadir atributos descriptivos que facilitan a los motores de búsqueda entender y clasificar el contenido del video. En resumen, HTML5 ha democratizado el uso de audio y video en la web, ofreciendo una integración más sencilla, una mejor experiencia de usuario y ventajas significativas en SEO. |
|---|
Accesibilidad Web:Implementando HTML para Sitios Accesibles La accesibilidad webes un aspecto esencial en el diseño y desarrollo de sitios web. Implementar HTML adecuadamente es clave para garantizar que los sitios web sean accesibles para todos los usuarios, incluyendo a aquellos con discapacidades. Utilizar etiquetas semánticas de HTML, como 'header', 'nav', 'main', 'footer', y roles ARIA, ayuda a los lectores de pantalla a interpretar la estructura y el contenido de la página, mejorando la experiencia del usuario para personas con discapacidades visuales. Además, la inclusión de atributos alt en las imágenes es vital para describir visualmente el contenido a usuarios que no pueden ver las imágenes directamente. Otro componente importante para la accesibilidad web es garantizar que todos los elementos interactivos sean accesibles mediante teclado. Esto incluye enlaces, botones, y formularios, que deben poder ser navegados y utilizados sin la necesidad de un ratón. Esto no solo beneficia a los usuarios con discapacidades motoras, sino también a aquellos que prefieren la navegación mediante teclado. Además, es crucial proporcionar etiquetas claras y descriptivas para los formularios y controles de la interfaz, facilitando su identificación y uso. Por último, la prueba de accesibilidad es un paso esencial en el proceso de desarrollo. Utilizar herramientas de evaluación de accesibilidad y realizar pruebas con usuarios reales puede revelar problemas que no son obvios durante el desarrollo. La conformidad con las pautas de accesibilidad, como las WCAG (Web Content Accessibility Guidelines), no solo mejora la accesibilidad sino que también puede mejorar el SEO de un sitio web. |
|---|
HTML en el Comercio Electrónico:Creando Tiendas Online Efectivas
El HTML es una herramienta fundamental en la creación de tiendas online efectivas en el ámbito del comercio electrónico. Como lenguaje de marcado estándar para la creación de páginas web, HTML proporciona la estructura básica de los sitios, lo que incluye tiendas online. Su correcta implementación es crucial para garantizar que las tiendas no solo sean visualmente atractivas, sino también funcionales y fáciles de navegar. Esto es especialmente importante en el comercio electrónico, donde la experiencia del usuario puede influir directamente en las tasas de conversión y ventas El uso de HTML en el diseño de tiendas online permite a los desarrolladores y diseñadores controlar aspectos como la disposición de los productos, la organización de la información y la integración de elementos interactivos, como formularios y carritos de compra. Además, la optimización del HTML es fundamental para mejorar la velocidad de carga de las páginas y la compatibilidad con diferentes navegadores y dispositivos, lo que es esencial para proporcionar una experiencia de usuario consistente y de alta calidad en todos los dispositivos, especialmente en dispositivos móviles. Por último, el HTML juega un papel importante en la optimización de motores de búsqueda (SEO) de las tiendas online. Un buen uso del HTML, incluyendo el empleo de etiquetas semánticas y la correcta estructuración del contenido, puede mejorar significativamente la visibilidad de una tienda online en los resultados de búsqueda. Esto, a su vez, puede aumentar el tráfico orgánico y la exposición de la tienda a potenciales clientes. |
|---|
📰 Blog del curso
Formación bonificada online para empresas. Ayudamos a equipos a ganar productividad con formación realmente aprovechable.
Somos una empresa de formación bonificada especializada en formación online en sus diferentes modalidades: teleformación, aula virtual y formación mixta.
Ayudamos a nuestros clientes a alcanzar una mayor productividad mediante acciones formativas ajustadas a sus necesidades reales.
Formación que transforma equipos. Nos esforzamos por aportar valor: diseñamos itinerarios con objetivos concretos de negocio, medimos la finalización real, y acompañamos a cada alumno hasta el final. Por eso el 95% de quienes empiezan, terminan.
