<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Informática - Página web archivos - Gaboral - Recursos Humanos</title>
	<atom:link href="https://www.gaboral.com/project_category/informatica-y-pagina-web/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.gaboral.com/project_category/informatica-y-pagina-web/</link>
	<description>Empresa de recursos humanos en Cádiz</description>
	<lastBuildDate>Wed, 04 Mar 2026 12:22:20 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.gaboral.com/wp-content/uploads/2024/06/cropped-favicon-32x32.png</url>
	<title>Informática - Página web archivos - Gaboral - Recursos Humanos</title>
	<link>https://www.gaboral.com/project_category/informatica-y-pagina-web/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>WordPress</title>
		<link>https://www.gaboral.com/project/wordpress/</link>
		
		<dc:creator><![CDATA[admin9254]]></dc:creator>
		<pubDate>Fri, 16 Jan 2026 11:56:19 +0000</pubDate>
				<guid isPermaLink="false">https://www.gaboral.com/?post_type=project&#038;p=15746</guid>

					<description><![CDATA[<p>Shared Time Human Resources Management, Inc. is a value-oriented resource for companies in need of human resources services. Since 1993, Shared Time has offered clients private consulting and custom-designed HR systems. </p>
<p>La entrada <a href="https://www.gaboral.com/project/wordpress/">WordPress</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="15746" class="elementor elementor-15746">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-464a3f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="464a3f9" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-cd654f2" data-id="cd654f2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cd9cf48 elementor-widget elementor-widget-creote-title-v1" data-id="cd9cf48" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                            <div class="before_title">
                    OTROS                </div>
                                        <h1 class="title">
                    WordPress                </h1>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1229e42 elementor-widget elementor-widget-creote-description-v1" data-id="1229e42" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p><section>
  <h5>Objetivos del Curso</h5>
  <p>
    Este curso tiene como finalidad iniciar a los participantes en el uso del software <strong>WordPress</strong>,
    aprendiendo a manejar sus principales herramientas para la creación sencilla de sitios web y blogs.
  </p>
  <p>
    <strong>WordPress</strong> es un gestor de contenidos basado en el uso de plantillas, que permite desarrollar sitios
    web actuales y dinámicos mediante la personalización de diseños predefinidos.
  </p>
  <p>
    Al finalizar el curso, el participante será capaz de:
  </p>
  <ul>
    <li>Conocer el entorno y las funcionalidades básicas de WordPress.</li>
    <li>Crear y gestionar un sitio web o blog de forma sencilla.</li>
    <li>Utilizar y personalizar plantillas para el diseño de páginas web.</li>
    <li>Desarrollar sitios web dinámicos adaptados a diferentes necesidades.</li>
  </ul>
</section>
</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-fddb89f elementor-widget elementor-widget-accordion" data-id="fddb89f" data-element_type="widget" data-e-type="widget" data-widget_type="accordion.default">
				<div class="elementor-widget-container">
							<div class="elementor-accordion">
							<div class="elementor-accordion-item">
					<div id="elementor-tab-title-2661" class="elementor-tab-title" data-tab="1" role="button" aria-controls="elementor-tab-content-2661" aria-expanded="false">
												<a class="elementor-accordion-title" tabindex="0">Ver contenidos del curso</a>
					</div>
					<div id="elementor-tab-content-2661" class="elementor-tab-content elementor-clearfix" data-tab="1" role="region" aria-labelledby="elementor-tab-title-2661"><!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Introducción a WordPress</title>

<style>
  body {
    font-family: Arial, sans-serif;
    background: #f4f6fb;
    margin: 0;
    padding: 0;
  }

  h2 {
    text-align: center;
    margin: 40px 0 20px;
    color: #1e40af;
  }

  .accordion {
    max-width: 1100px;
    margin: 0 auto 40px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    overflow: hidden;
  }

  .accordion-item {
    border-bottom: 1px solid #e5e7eb;
  }

  .accordion-header {
    background: #1e40af;
    color: #ffffff;
    padding: 16px 24px;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .accordion-header:hover {
    background: #2563eb;
  }

  .accordion-header::after {
    content: "+";
    font-size: 20px;
  }

  .accordion-item.open .accordion-header::after {
    content: "–";
  }

  .accordion-content {
    max-height: 0;
    overflow: hidden;
    background: #f9fafb;
    padding: 0 24px;
    transition: max-height 0.4s ease, padding 0.4s ease;
  }

  .accordion-content ul {
    list-style: none;
    padding-left: 10px;
    margin: 10px 0;
  }

  .accordion-content li {
    margin: 6px 0;
    padding-left: 10px;
    border-left: 3px solid #1e40af;
  }

  .accordion-item.open .accordion-content {
    max-height: 5000px;
    padding: 15px 24px;
  }
</style>
</head>
<body>

<h2>Introducción a WordPress</h2>

<div id="accordion-wordpress" class="accordion"></div>

<script>
function crearAcordeon(id, temario) {
  const contenedor = document.getElementById(id);

  for (const [titulo, temas] of Object.entries(temario)) {
    const item = document.createElement("div");
    item.className = "accordion-item";

    const header = document.createElement("div");
    header.className = "accordion-header";
    header.textContent = titulo;

    const content = document.createElement("div");
    content.className = "accordion-content";

    const ul = document.createElement("ul");
    temas.forEach(tema => {
      const li = document.createElement("li");
      li.textContent = tema;
      ul.appendChild(li);
    });

    content.appendChild(ul);
    item.appendChild(header);
    item.appendChild(content);

    header.addEventListener("click", () => {
      item.classList.toggle("open");
    });

    contenedor.appendChild(item);
  }
}

const temarioWordPress = {
  "1. Introducción a WordPress": [
    "1.1 Qué es WordPress",
    "1.2 Qué necesita para trabajar con WordPress",
    "1.3 Cuestionario: Introducción a WordPress"
  ],
  "2. Instalación de WordPress en un servidor local": [
    "2.1 Servidores locales, LocalWP y XAMPP",
    "2.2 Dentro del Panel de control de XAMPP",
    "2.3 Crear una base de datos para WordPress",
    "2.4 Instalación de WordPress en local con XAMPP",
    "2.5 Migrar WordPress de remoto a local",
    "2.6 Práctica - Instalar XAMPP en su equipo",
    "2.7 Práctica - Crear una base de datos",
    "2.8 Práctica - Instalar WordPress en local",
    "2.9 Cuestionario: Instalación de WordPress en un servidor local"
  ],
  "3. Entorno de WordPress": [
    "3.1 Iniciar sesión al modo editor",
    "3.2 Escritorio",
    "3.3 Barra superior de opciones",
    "3.4 Zona central del Escritorio",
    "3.5 Menú lateral de opciones principales",
    "3.6 Cuestionario: Entorno de WordPress"
  ],
  "4. Entradas": [
    "4.1 Entradas",
    "4.2 Nueva Entrada",
    "4.3 Editar Entrada existente",
    "4.4 Eliminar Entradas",
    "4.5 Gestionar las Categorías",
    "4.6 Etiquetas",
    "4.7 Práctica - Crear mi primer blog",
    "4.8 Cuestionario: Entradas"
  ],
  "5. Páginas": [
    "5.1 Páginas",
    "5.2 Nuevas páginas",
    "5.3 Trabajar con páginas ya creadas",
    "5.4 Cuestionario: Páginas"
  ],
  "6. Trabajar con imágenes, videos y audios": [
    "6.1 La Biblioteca de medios",
    "6.2 Agregar archivos a la Biblioteca",
    "6.3 Insertar imagen a una entrada o página",
    "6.4 Borrar o editar imágenes",
    "6.5 Insertar una galería de imágenes",
    "6.6 Insertar o incrustar video, audio u otros",
    "6.7 Cuestionario: Trabajar con imágenes, videos y audios"
  ],
  "7. Enlaces HTML": [
    "7.1 Insertar un enlace HTML",
    "7.2 Editar un enlace HTML",
    "7.3 Eliminar un enlace HTML",
    "7.4 Agregar Bloque de Redes Sociales",
    "7.5 Cuestionario: Enlaces HTML"
  ],
  "8. Plugins en WordPress": [
    "8.1 Introducción a los Plugins de WordPress",
    "8.2 Constructores de WordPress",
    "8.3 Herramientas de Posicionamiento",
    "8.4 Seguridad",
    "8.5 Comercio electrónico",
    "8.6 IA en los Plugins",
    "8.7 Cuestionario: Plugins"
  ],
  "9. Diseñar una página web desde cero con WordPress": [
    "9.1 Toma de contacto con WordPress",
    "9.2 Creación de las páginas",
    "9.3 Menú Ajustes",
    "9.4 Eliminar Widgets predeterminados",
    "9.5 Cómo seleccionar el Tema",
    "9.6 Crear un menú",
    "9.7 Personalizar",
    "9.8 Diseñar la página de Inicio",
    "9.9 Crear una página nueva",
    "9.10 Crear el Pie de página (Footer)",
    "9.11 Crear página Contacto",
    "9.12 Crear Nuevo Menú",
    "9.13 Blog",
    "9.14 Conclusión Final",
    "9.15 Cuestionario final"
  ]
};

crearAcordeon("accordion-wordpress", temarioWordPress);
</script>

</body>
</html>
</div>
				</div>
								</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ca77fb3" data-id="ca77fb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-37fc23d elementor-widget elementor-widget-creote-project-inforamtion-v1" data-id="37fc23d" data-element_type="widget" data-e-type="widget" data-widget_type="creote-project-inforamtion-v1.default">
				<div class="elementor-widget-container">
					 
<div class="project_information">  <h2>Información</h2>  <div class="project_information_bo">  <div class="repeat_informtion">  <h6>Duración:</h6>   <p>30 horas</p>  </div>  <div class="repeat_informtion">  <h6>Bloques formativos: </h6>   <p>9</p>  </div>  <div class="social_medias">   <a href="#"> <span class="fa fa-instagram"></span> </a>   </div>  </div></div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d2f8f72 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d2f8f72" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-8bad75d" data-id="8bad75d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-29731b4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="29731b4" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-49b99f7 elementor-widget elementor-widget-creote-title-v1" data-id="49b99f7" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                                        <div class="title">
                    ¿Necesitas más información?                </div>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-78b79ba elementor-widget elementor-widget-creote-description-v1" data-id="78b79ba" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p>Rellena el siguiente formulario y en breve te llamaremos.</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-bf927e8 elementor-widget elementor-widget-creote-contact-form-v1" data-id="bf927e8" data-element_type="widget" data-e-type="widget" data-widget_type="creote-contact-form-v1.default">
				<div class="elementor-widget-container">
					<section class="contact_form_box_all type_one"  data-aos="fade-up" data-aos-offset="0" data-aos-delay="0" >  <div class="contact_form_box_inner"> <div class="contact_form_shortcode">  [contact-form-7]  </div> </div> </section>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6280682" data-id="6280682" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://www.gaboral.com/project/wordpress/">WordPress</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Páginas web con lenguaje de marcas y hojas de estilo</title>
		<link>https://www.gaboral.com/project/paginas-web-con-lenguaje-de-marcas-y-hojas-de-estilo/</link>
		
		<dc:creator><![CDATA[admin9254]]></dc:creator>
		<pubDate>Fri, 16 Jan 2026 11:52:27 +0000</pubDate>
				<guid isPermaLink="false">https://www.gaboral.com/?post_type=project&#038;p=15735</guid>

					<description><![CDATA[<p>Shared Time Human Resources Management, Inc. is a value-oriented resource for companies in need of human resources services. Since 1993, Shared Time has offered clients private consulting and custom-designed HR systems. </p>
<p>La entrada <a href="https://www.gaboral.com/project/paginas-web-con-lenguaje-de-marcas-y-hojas-de-estilo/">Páginas web con lenguaje de marcas y hojas de estilo</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="15735" class="elementor elementor-15735">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-464a3f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="464a3f9" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-cd654f2" data-id="cd654f2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cd9cf48 elementor-widget elementor-widget-creote-title-v1" data-id="cd9cf48" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                            <div class="before_title">
                    OTROS                </div>
                                        <h1 class="title">
                    HTML5 Intermedio                </h1>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1229e42 elementor-widget elementor-widget-creote-description-v1" data-id="1229e42" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p><section>
  <h5>Objetivos del Curso</h5>

  <p>
    El curso tiene como objetivo dotar a los participantes de los conocimientos y habilidades necesarias para el diseño,
    desarrollo y maquetación de sitios web accesibles, usables y optimizados, aplicando estándares actuales y buenas
    prácticas de desarrollo web.
  </p>

  <p>Al finalizar el curso, el participante será capaz de:</p>

  <ul>
    <li>Conocer las técnicas de maquetación basadas en marcos y su evolución hacia el diseño adaptativo mediante capas.</li>
    <li>Reconocer los formatos de audio y vídeo utilizados habitualmente en los sitios web.</li>
    <li>Conocer e implementar las distintas técnicas para la inserción de elementos multimedia en páginas web.</li>
    <li>Utilizar correctamente las etiquetas HTML destinadas a la inclusión de contenidos multimedia.</li>
    <li>Identificar y emplear las etiquetas necesarias para la creación de mapas de imágenes.</li>
  </ul>

  <ul>
    <li>Comprender los conceptos de usabilidad y accesibilidad aplicados al diseño web.</li>
    <li>Aplicar los criterios y la normativa estándar de accesibilidad y usabilidad en el desarrollo de sitios web.</li>
    <li>Conocer las ventajas de crear sitios web accesibles y fáciles de usar para todo tipo de usuarios.</li>
    <li>Tener en cuenta la facilidad de uso y la experiencia del usuario en el diseño de páginas web.</li>
  </ul>

  <ul>
    <li>Instalar y configurar herramientas de edición de páginas web.</li>
    <li>Desarrollar sitios web utilizando aplicaciones específicas de edición web.</li>
    <li>Interpretar la documentación técnica asociada a las herramientas de edición.</li>
  </ul>

  <ul>
    <li>Comprender las ventajas y desventajas del uso de hojas de estilo CSS y del lenguaje HTML como base de la separación
        entre contenido y formato.</li>
    <li>Identificar los atributos y propiedades utilizados para definir estilos en páginas web.</li>
    <li>Utilizar eficazmente los distintos métodos de inclusión de estilos, tanto en línea como mediante archivos
        externos.</li>
    <li>Aplicar criterios de usabilidad y accesibilidad mediante el uso de hojas de estilo.</li>
    <li>Conocer las ventajas de aplicar estándares web y realizar pruebas en diferentes navegadores.</li>
  </ul>

  <ul>
    <li>Adecuar los contenidos de las páginas web al formato y a las especificaciones recibidas.</li>
    <li>Optimizar los recursos utilizados en las páginas web, equilibrando diseño visual y contenidos.</li>
  </ul>
</section>
</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-fddb89f elementor-widget elementor-widget-accordion" data-id="fddb89f" data-element_type="widget" data-e-type="widget" data-widget_type="accordion.default">
				<div class="elementor-widget-container">
							<div class="elementor-accordion">
							<div class="elementor-accordion-item">
					<div id="elementor-tab-title-2661" class="elementor-tab-title" data-tab="1" role="button" aria-controls="elementor-tab-content-2661" aria-expanded="false">
												<a class="elementor-accordion-title" tabindex="0">Ver contenidos del curso</a>
					</div>
					<div id="elementor-tab-content-2661" class="elementor-tab-content elementor-clearfix" data-tab="1" role="region" aria-labelledby="elementor-tab-title-2661"><!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lenguajes de Marcas</title>

<style>
  body {
    font-family: Arial, sans-serif;
    background: #f4f6fb;
    margin: 0;
    padding: 0;
  }

  h2 {
    text-align: center;
    margin: 40px 0 20px;
    color: #1e40af;
  }

  .accordion {
    max-width: 1100px;
    margin: 0 auto 40px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    overflow: hidden;
  }

  .accordion-item {
    border-bottom: 1px solid #e5e7eb;
  }

  .accordion-header {
    background: #1e40af;
    color: #ffffff;
    padding: 16px 24px;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .accordion-header:hover {
    background: #2563eb;
  }

  .accordion-header::after {
    content: "+";
    font-size: 20px;
  }

  .accordion-item.open .accordion-header::after {
    content: "–";
  }

  .accordion-content {
    max-height: 0;
    overflow: hidden;
    background: #f9fafb;
    padding: 0 24px;
    transition: max-height 0.4s ease, padding 0.4s ease;
  }

  .accordion-content ul {
    list-style: none;
    padding-left: 10px;
    margin: 10px 0;
  }

  .accordion-content li {
    margin: 6px 0;
    padding-left: 10px;
    border-left: 3px solid #1e40af;
  }

  .accordion-item.open .accordion-content {
    max-height: 5000px;
    padding: 15px 24px;
  }
</style>
</head>
<body>

<h2>Lenguajes de Marcas</h2>

<div id="accordion-marcas" class="accordion"></div>

<script>
function crearAcordeon(id, temario) {
  const contenedor = document.getElementById(id);

  for (const [titulo, temas] of Object.entries(temario)) {
    const item = document.createElement("div");
    item.className = "accordion-item";

    const header = document.createElement("div");
    header.className = "accordion-header";
    header.textContent = titulo;

    const content = document.createElement("div");
    content.className = "accordion-content";

    const ul = document.createElement("ul");
    temas.forEach(tema => {
      const li = document.createElement("li");
      li.textContent = tema;
      ul.appendChild(li);
    });

    content.appendChild(ul);
    item.appendChild(header);
    item.appendChild(content);

    header.addEventListener("click", () => {
      item.classList.toggle("open");
    });

    contenedor.appendChild(item);
  }
}

const temarioMarcas = {
  "1. Lenguajes de marcas": [
    "1.1 Aspectos importantes de los lenguajes de marca",
    "1.2 Estructura de un lenguaje creado con lenguajes de marcas",
    "1.3 Navegadores web",
    "1.4 Marcas para dar formato al documento",
    "1.5 Enlaces y direccionamientos",
    "1.6 Marcos",
    "1.7 Capas",
    "1.8 Cuestionario"
  ],
  "2. Tratamiento de imágenes y elementos multimedia": [
    "2.1 Incorporar imágenes",
    "2.2 Mapas de imágenes",
    "2.3 Insertar elementos multimedia",
    "2.4 Diferentes formatos de audio y vídeo",
    "2.5 Marquesinas",
    "2.6 Cuestionario"
  ],
  "3. Técnicas de accesibilidad y usabilidad": [
    "3.1 Accesibilidad web",
    "3.2 Verificar la accesibilidad de sitios",
    "3.3 Usabilidad web y su importancia",
    "3.4 Diseño de sitios web usables",
    "3.5 Adaptación de sitios web usables",
    "3.6 Cuestionario"
  ],
  "4. Configuración de herramientas de edición web": [
    "4.1 Herramientas de edición web",
    "4.2 Tipos de editores web",
    "4.3 Editores para Windows",
    "4.4 Editores para Linux y multiplataforma",
    "4.5 Funciones y características",
    "4.6 Cuestionario"
  ],
  "5. Hojas de estilo en páginas web": [
    "5.1 Funciones de las hojas de estilo",
    "5.2 Hojas de estilo y accesibilidad",
    "5.3 Tipos de estilos",
    "5.4 Selectores y reglas de estilo",
    "5.5 Atributos de estilo",
    "5.6 Creación de ficheros de estilo",
    "5.7 Cuestionario"
  ],
  "6. Documento funcional": [
    "6.1 Crear un documento funcional",
    "6.2 Diseño de contenidos",
    "6.3 Información a ubicar en la página web",
    "6.4 Selección de contenidos por cada elemento",
    "6.5 Uso del documento funcional para el diseño",
    "6.6 Tipos de páginas para la ubicación de contenidos",
    "6.7 Tipos de página en base a los contenidos y funcionalidades",
    "6.8 Selección de los tipos de página para la página web",
    "6.9 Documento funcional para las especificaciones del tipo de página",
    "6.10 Especificaciones de navegación",
    "6.11 Creación de un mapa de navegación de páginas",
    "6.12 Documento funcional para integrar el mapa de navegación",
    "6.13 Elementos utilizados para la navegación",
    "6.14 Elaboración de una guía de usuario",
    "6.15 Cuestionario",
    "6.16 Cuestionario final"
  ]
};

crearAcordeon("accordion-marcas", temarioMarcas);
</script>

</body>
</html>
</div>
				</div>
								</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ca77fb3" data-id="ca77fb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-37fc23d elementor-widget elementor-widget-creote-project-inforamtion-v1" data-id="37fc23d" data-element_type="widget" data-e-type="widget" data-widget_type="creote-project-inforamtion-v1.default">
				<div class="elementor-widget-container">
					 
<div class="project_information">  <h2>Información</h2>  <div class="project_information_bo">  <div class="repeat_informtion">  <h6>Duración:</h6>   <p>30 horas</p>  </div>  <div class="repeat_informtion">  <h6>Bloques formativos: </h6>   <p>6</p>  </div>  <div class="social_medias">   <a href="#"> <span class="fa fa-instagram"></span> </a>   </div>  </div></div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d2f8f72 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d2f8f72" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-8bad75d" data-id="8bad75d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-29731b4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="29731b4" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-49b99f7 elementor-widget elementor-widget-creote-title-v1" data-id="49b99f7" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                                        <div class="title">
                    ¿Necesitas más información?                </div>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-78b79ba elementor-widget elementor-widget-creote-description-v1" data-id="78b79ba" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p>Rellena el siguiente formulario y en breve te llamaremos.</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-bf927e8 elementor-widget elementor-widget-creote-contact-form-v1" data-id="bf927e8" data-element_type="widget" data-e-type="widget" data-widget_type="creote-contact-form-v1.default">
				<div class="elementor-widget-container">
					<section class="contact_form_box_all type_one"  data-aos="fade-up" data-aos-offset="0" data-aos-delay="0" >  <div class="contact_form_box_inner"> <div class="contact_form_shortcode">  [contact-form-7]  </div> </div> </section>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6280682" data-id="6280682" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://www.gaboral.com/project/paginas-web-con-lenguaje-de-marcas-y-hojas-de-estilo/">Páginas web con lenguaje de marcas y hojas de estilo</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTML5 Intermedio</title>
		<link>https://www.gaboral.com/project/html5-intermedio/</link>
		
		<dc:creator><![CDATA[admin9254]]></dc:creator>
		<pubDate>Fri, 16 Jan 2026 11:48:33 +0000</pubDate>
				<guid isPermaLink="false">https://www.gaboral.com/?post_type=project&#038;p=15719</guid>

					<description><![CDATA[<p>Shared Time Human Resources Management, Inc. is a value-oriented resource for companies in need of human resources services. Since 1993, Shared Time has offered clients private consulting and custom-designed HR systems. </p>
<p>La entrada <a href="https://www.gaboral.com/project/html5-intermedio/">HTML5 Intermedio</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="15719" class="elementor elementor-15719">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-464a3f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="464a3f9" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-cd654f2" data-id="cd654f2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cd9cf48 elementor-widget elementor-widget-creote-title-v1" data-id="cd9cf48" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                            <div class="before_title">
                    OTROS                </div>
                                        <h1 class="title">
                    HTML5 Intermedio                </h1>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1229e42 elementor-widget elementor-widget-creote-description-v1" data-id="1229e42" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p><section>
  <h5>Objetivos del Curso</h5>
  <p>
    <strong>HTML5</strong> representa un nuevo concepto en la construcción de sitios web y aplicaciones, integrando
    dispositivos móviles, computación en la nube y entornos de trabajo en red.
  </p>
  <p>
    Este curso de nivel <strong>intermedio</strong> tiene como objetivo consolidar y ampliar los conocimientos en el uso
    de las etiquetas de HTML5, mediante una metodología práctica y progresiva que facilita la comprensión del lenguaje.
  </p>
  <p>
    A lo largo del curso se sigue una estructura didáctica homogénea, en la que cada apartado incluye la explicación de
    las etiquetas correspondientes y la visualización del código fuente, acompañadas de ejercicios prácticos
    continuos que favorecen la asimilación de los contenidos.
  </p>
  <p>
    Al finalizar el curso, el participante será capaz de:
  </p>
  <ul>
    <li>Aplicar correctamente las etiquetas de HTML5 de nivel intermedio.</li>
    <li>Interpretar y modificar código fuente HTML5.</li>
    <li>Desarrollar estructuras web más complejas y organizadas.</li>
    <li>Consolidar los conocimientos adquiridos mediante ejercicios prácticos a lo largo del temario.</li>
  </ul>
</section>
</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-fddb89f elementor-widget elementor-widget-accordion" data-id="fddb89f" data-element_type="widget" data-e-type="widget" data-widget_type="accordion.default">
				<div class="elementor-widget-container">
							<div class="elementor-accordion">
							<div class="elementor-accordion-item">
					<div id="elementor-tab-title-2661" class="elementor-tab-title" data-tab="1" role="button" aria-controls="elementor-tab-content-2661" aria-expanded="false">
												<a class="elementor-accordion-title" tabindex="0">Ver contenidos del curso</a>
					</div>
					<div id="elementor-tab-content-2661" class="elementor-tab-content elementor-clearfix" data-tab="1" role="region" aria-labelledby="elementor-tab-title-2661"><!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Curso Introducción a HTML5</title>

<style>
  body {
    font-family: Arial, sans-serif;
    background: #f4f6fb;
    margin: 0;
    padding: 0;
  }

  h2 {
    text-align: center;
    margin: 40px 0 20px;
    color: #1e40af;
  }

  .accordion {
    max-width: 1100px;
    margin: 0 auto 40px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    overflow: hidden;
  }

  .accordion-item {
    border-bottom: 1px solid #e5e7eb;
  }

  .accordion-header {
    background: #1e40af;
    color: #ffffff;
    padding: 16px 24px;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .accordion-header:hover {
    background: #2563eb;
  }

  .accordion-header::after {
    content: "+";
    font-size: 20px;
  }

  .accordion-item.open .accordion-header::after {
    content: "–";
  }

  .accordion-content {
    max-height: 0;
    overflow: hidden;
    background: #f9fafb;
    padding: 0 24px;
    transition: max-height 0.4s ease, padding 0.4s ease;
  }

  .accordion-content ul {
    list-style: none;
    padding-left: 10px;
    margin: 10px 0;
  }

  .accordion-content li {
    margin: 6px 0;
    padding-left: 10px;
    border-left: 3px solid #1e40af;
  }

  .accordion-item.open .accordion-content {
    max-height: 5000px;
    padding: 15px 24px;
  }
</style>
</head>
<body>

<h2>Introducción al Lenguaje HTML5</h2>

<div id="accordion-html5" class="accordion"></div>

<script>
function crearAcordeon(id, temario) {
  const contenedor = document.getElementById(id);

  for (const [titulo, temas] of Object.entries(temario)) {
    const item = document.createElement("div");
    item.className = "accordion-item";

    const header = document.createElement("div");
    header.className = "accordion-header";
    header.textContent = titulo;

    const content = document.createElement("div");
    content.className = "accordion-content";

    const ul = document.createElement("ul");
    temas.forEach(tema => {
      const li = document.createElement("li");
      li.textContent = tema;
      ul.appendChild(li);
    });

    content.appendChild(ul);
    item.appendChild(header);
    item.appendChild(content);

    header.addEventListener("click", () => {
      item.classList.toggle("open");
    });

    contenedor.appendChild(item);
  }
}

const temarioHTML5 = {
  "1. Introducción al lenguaje HTML5": [
    "1.1 Historia e introducción al lenguaje de programación web HTML5",
    "1.2 Lenguaje de etiquetas",
    "1.3 Estructura y definición de documento HTML",
    "1.4 Definición del tipo de documento",
    "1.5 Etiqueta DOCTYPE",
    "1.6 Cuestionario: Introducción al lenguaje HTML5"
  ],
  "2. Encabezado del documento": [
    "2.1 Etiqueta HTML",
    "2.2 Encabezado del documento",
    "2.3 Etiqueta BASE",
    "2.4 Etiqueta LINK",
    "2.5 Etiqueta SCRIPT",
    "2.6 Etiqueta NOSCRIPT",
    "2.7 Cuestionario: Encabezado del documento"
  ],
  "3. Cuerpo del documento": [
    "3.1 Etiqueta BODY",
    "3.2 Enlaces internos en el documento",
    "3.3 Enlaces a documentos web externos relativos y absolutos",
    "3.4 Enlaces a correo electrónico, ftp",
    "3.5 Etiqueta B, EM y STRONG",
    "3.6 Etiqueta CODE, SAMP y KBD",
    "3.7 Etiqueta VAR, MARK y CITE",
    "3.8 Etiqueta I, S, U y SMALL",
    "3.9 Etiqueta SUB, SUP, BR y WBR",
    "3.10 Etiqueta INS, DEL y ABBR",
    "3.11 Etiqueta ADDRESS, BDO y DFN",
    "3.12 Etiqueta PRE, Q y BLOCKQUOTE",
    "3.13 Etiqueta BDI, RUBY, RT, RP y DIALOG",
    "3.14 Cuestionario: Cuerpo del documento"
  ],
  "4. Atributos en HTML5": [
    "4.1 Atributos Globales: accesskey, class y contenteditable",
    "4.2 Atributos Globales: data, dir y draggable",
    "4.3 Atributos Globales: hidden, id y lang",
    "4.4 Atributos Globales: spellcheck, style y tabindex",
    "4.5 Atributos Globales: title y h1-h6",
    "4.6 Etiqueta IMG",
    "4.7 Etiqueta TABLE",
    "4.8 Definición de una tabla sencilla",
    "4.9 Definición de una tabla con combinación de columnas",
    "4.10 Definición de una tabla con combinación de filas",
    "4.11 Definición de tabla con columnas y filas combinadas",
    "4.12 Definición de tablas avanzadas",
    "4.13 Cuestionario: Atributos en HTML5"
  ],
  "5. Estructuras básicas": [
    "5.1 Etiqueta UL",
    "5.2 Etiqueta OL",
    "5.3 Etiqueta DL",
    "5.4 Web semántica: DIV, SPAN y HEADER",
    "5.5 Web semántica: NAV",
    "5.6 Web semántica: SECTION y ARTICLE",
    "5.7 Web semántica: ASIDE y FIGURE",
    "5.8 Web semántica: FOOTER, TIME y DETAILS",
    "5.9 Cuestionario: Estructuras básicas",
    "5.10 Cuestionario final"
  ]
};

crearAcordeon("accordion-html5", temarioHTML5);
</script>

</body>
</html>
</div>
				</div>
								</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ca77fb3" data-id="ca77fb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-37fc23d elementor-widget elementor-widget-creote-project-inforamtion-v1" data-id="37fc23d" data-element_type="widget" data-e-type="widget" data-widget_type="creote-project-inforamtion-v1.default">
				<div class="elementor-widget-container">
					 
<div class="project_information">  <h2>Información</h2>  <div class="project_information_bo">  <div class="repeat_informtion">  <h6>Duración:</h6>   <p>30 horas</p>  </div>  <div class="repeat_informtion">  <h6>Bloques formativos: </h6>   <p>5</p>  </div>  <div class="social_medias">   <a href="#"> <span class="fa fa-instagram"></span> </a>   </div>  </div></div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d2f8f72 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d2f8f72" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-8bad75d" data-id="8bad75d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-29731b4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="29731b4" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-49b99f7 elementor-widget elementor-widget-creote-title-v1" data-id="49b99f7" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                                        <div class="title">
                    ¿Necesitas más información?                </div>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-78b79ba elementor-widget elementor-widget-creote-description-v1" data-id="78b79ba" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p>Rellena el siguiente formulario y en breve te llamaremos.</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-bf927e8 elementor-widget elementor-widget-creote-contact-form-v1" data-id="bf927e8" data-element_type="widget" data-e-type="widget" data-widget_type="creote-contact-form-v1.default">
				<div class="elementor-widget-container">
					<section class="contact_form_box_all type_one"  data-aos="fade-up" data-aos-offset="0" data-aos-delay="0" >  <div class="contact_form_box_inner"> <div class="contact_form_shortcode">  [contact-form-7]  </div> </div> </section>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6280682" data-id="6280682" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://www.gaboral.com/project/html5-intermedio/">HTML5 Intermedio</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTML5 Avanzado</title>
		<link>https://www.gaboral.com/project/html5-avanzado/</link>
		
		<dc:creator><![CDATA[admin9254]]></dc:creator>
		<pubDate>Fri, 16 Jan 2026 11:41:25 +0000</pubDate>
				<guid isPermaLink="false">https://www.gaboral.com/?post_type=project&#038;p=15704</guid>

					<description><![CDATA[<p>Shared Time Human Resources Management, Inc. is a value-oriented resource for companies in need of human resources services. Since 1993, Shared Time has offered clients private consulting and custom-designed HR systems. </p>
<p>La entrada <a href="https://www.gaboral.com/project/html5-avanzado/">HTML5 Avanzado</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="15704" class="elementor elementor-15704">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-464a3f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="464a3f9" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-cd654f2" data-id="cd654f2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cd9cf48 elementor-widget elementor-widget-creote-title-v1" data-id="cd9cf48" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                            <div class="before_title">
                    OTROS                </div>
                                        <h1 class="title">
                    HTML5 Avanzado                </h1>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1229e42 elementor-widget elementor-widget-creote-description-v1" data-id="1229e42" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p><section>
  <h5>Objetivos del Curso</h5>
  <p>
    <strong>HTML5</strong> constituye un nuevo enfoque para la construcción de sitios web y aplicaciones, integrando
    dispositivos móviles, computación en la nube y entornos de trabajo en red.
  </p>
  <p>
    Este curso avanzado tiene como objetivo profundizar en el uso de las etiquetas de HTML5 y en su integración con el
    lenguaje de estilos <strong>CSS</strong>, proporcionando a los participantes las competencias necesarias para
    desarrollar proyectos web modernos y adaptados a diferentes dispositivos.
  </p>
  <p>
    Al finalizar el curso, el participante será capaz de:
  </p>
  <ul>
    <li>Utilizar de forma avanzada las etiquetas de HTML5.</li>
    <li>Integrar HTML5 y CSS para el diseño y desarrollo de interfaces web modernas.</li>
    <li>Crear sitios web y aplicaciones optimizadas para distintos dispositivos y entornos.</li>
    <li>Aplicar buenas prácticas en el desarrollo web utilizando estándares actuales.</li>
  </ul>
</section>

</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-fddb89f elementor-widget elementor-widget-accordion" data-id="fddb89f" data-element_type="widget" data-e-type="widget" data-widget_type="accordion.default">
				<div class="elementor-widget-container">
							<div class="elementor-accordion">
							<div class="elementor-accordion-item">
					<div id="elementor-tab-title-2661" class="elementor-tab-title" data-tab="1" role="button" aria-controls="elementor-tab-content-2661" aria-expanded="false">
												<a class="elementor-accordion-title" tabindex="0">Ver contenidos del curso</a>
					</div>
					<div id="elementor-tab-content-2661" class="elementor-tab-content elementor-clearfix" data-tab="1" role="region" aria-labelledby="elementor-tab-title-2661"><!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML5 – Audio, Formularios y CSS</title>

<style>
  body {
    font-family: Arial, sans-serif;
    background: #f4f6fb;
    margin: 0;
    padding: 0;
  }

  h2 {
    text-align: center;
    margin: 40px 0 20px;
    color: #1e40af;
  }

  .accordion {
    max-width: 1100px;
    margin: 0 auto 40px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    overflow: hidden;
  }

  .accordion-item {
    border-bottom: 1px solid #e5e7eb;
  }

  .accordion-header {
    background: #1e40af;
    color: #ffffff;
    padding: 16px 24px;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .accordion-header:hover {
    background: #2563eb;
  }

  .accordion-header::after {
    content: "+";
    font-size: 20px;
  }

  .accordion-item.open .accordion-header::after {
    content: "–";
  }

  .accordion-content {
    max-height: 0;
    overflow: hidden;
    background: #f9fafb;
    padding: 0 24px;
    transition: max-height 0.4s ease, padding 0.4s ease;
  }

  .accordion-content ul {
    list-style: none;
    padding-left: 10px;
    margin: 10px 0;
  }

  .accordion-content li {
    margin: 6px 0;
    padding-left: 10px;
    border-left: 3px solid #1e40af;
  }

  .accordion-item.open .accordion-content {
    max-height: 5000px;
    padding: 15px 24px;
  }
</style>
</head>
<body>

<h2>HTML5 – Audio, Formularios y CSS</h2>

<div id="accordion-html" class="accordion"></div>

<script>
function crearAcordeon(id, temario) {
  const contenedor = document.getElementById(id);

  for (const [titulo, temas] of Object.entries(temario)) {
    const item = document.createElement("div");
    item.className = "accordion-item";

    const header = document.createElement("div");
    header.className = "accordion-header";
    header.textContent = titulo;

    const content = document.createElement("div");
    content.className = "accordion-content";

    const ul = document.createElement("ul");
    temas.forEach(tema => {
      const li = document.createElement("li");
      li.textContent = tema;
      ul.appendChild(li);
    });

    content.appendChild(ul);
    item.appendChild(header);
    item.appendChild(content);

    header.addEventListener("click", () => {
      item.classList.toggle("open");
    });

    contenedor.appendChild(item);
  }
}

const temarioHTML = {
  "1. Audio y vídeo": [
    "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 vídeo"
  ],
  "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 Atributo type",
    "2.11 Tipos: checkbox, color y date",
    "2.12 Tipos: datetime, datetime-local, email y file",
    "2.13 Tipos: hidden, image, month y week",
    "2.14 Tipos: number, password, radio y reset",
    "2.15 Tipos: range y search",
    "2.16 Tipos: 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 final"
  ]
};

crearAcordeon("accordion-html", temarioHTML);
</script>

</body>
</html>
</div>
				</div>
								</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ca77fb3" data-id="ca77fb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-37fc23d elementor-widget elementor-widget-creote-project-inforamtion-v1" data-id="37fc23d" data-element_type="widget" data-e-type="widget" data-widget_type="creote-project-inforamtion-v1.default">
				<div class="elementor-widget-container">
					 
<div class="project_information">  <h2>Información</h2>  <div class="project_information_bo">  <div class="repeat_informtion">  <h6>Duración:</h6>   <p>30 horas</p>  </div>  <div class="repeat_informtion">  <h6>Bloques formativos: </h6>   <p>4</p>  </div>  <div class="social_medias">   <a href="#"> <span class="fa fa-instagram"></span> </a>   </div>  </div></div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d2f8f72 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d2f8f72" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-8bad75d" data-id="8bad75d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-29731b4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="29731b4" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-49b99f7 elementor-widget elementor-widget-creote-title-v1" data-id="49b99f7" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                                        <div class="title">
                    ¿Necesitas más información?                </div>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-78b79ba elementor-widget elementor-widget-creote-description-v1" data-id="78b79ba" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p>Rellena el siguiente formulario y en breve te llamaremos.</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-bf927e8 elementor-widget elementor-widget-creote-contact-form-v1" data-id="bf927e8" data-element_type="widget" data-e-type="widget" data-widget_type="creote-contact-form-v1.default">
				<div class="elementor-widget-container">
					<section class="contact_form_box_all type_one"  data-aos="fade-up" data-aos-offset="0" data-aos-delay="0" >  <div class="contact_form_box_inner"> <div class="contact_form_shortcode">  [contact-form-7]  </div> </div> </section>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6280682" data-id="6280682" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://www.gaboral.com/project/html5-avanzado/">HTML5 Avanzado</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTML5</title>
		<link>https://www.gaboral.com/project/html5/</link>
		
		<dc:creator><![CDATA[admin9254]]></dc:creator>
		<pubDate>Fri, 16 Jan 2026 11:35:16 +0000</pubDate>
				<guid isPermaLink="false">https://www.gaboral.com/?post_type=project&#038;p=15691</guid>

					<description><![CDATA[<p>Shared Time Human Resources Management, Inc. is a value-oriented resource for companies in need of human resources services. Since 1993, Shared Time has offered clients private consulting and custom-designed HR systems. </p>
<p>La entrada <a href="https://www.gaboral.com/project/html5/">HTML5</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="15691" class="elementor elementor-15691">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-464a3f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="464a3f9" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-cd654f2" data-id="cd654f2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cd9cf48 elementor-widget elementor-widget-creote-title-v1" data-id="cd9cf48" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                            <div class="before_title">
                    OTROS                </div>
                                        <h1 class="title">
                    HTML5                </h1>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1229e42 elementor-widget elementor-widget-creote-description-v1" data-id="1229e42" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p><section>
  <h5>Objetivos del Curso</h5>
  <p>
    <strong>HTML5</strong> representa un nuevo concepto en la construcción de sitios web y aplicaciones, integrando
    dispositivos móviles, computación en la nube y entornos de trabajo en red.
  </p>
  <p>
    Este curso tiene como objetivo proporcionar a los participantes los conocimientos necesarios para utilizar las
    principales etiquetas de HTML5, así como su integración con el lenguaje de estilos <strong>CSS</strong>, aplicando
    buenas prácticas en el desarrollo web.
  </p>
  <p>
    A lo largo del curso se sigue una estructura didáctica homogénea, en la que cada etiqueta es explicada de forma
    teórica y acompañada de ejemplos de código fuente, junto con ejercicios prácticos continuos que facilitan la
    asimilación del lenguaje.
  </p>
  <p>
    Al finalizar el curso, el participante será capaz de:
  </p>
  <ul>
    <li>Comprender los fundamentos de HTML5 y su aplicación en el desarrollo web moderno.</li>
    <li>Utilizar correctamente las principales etiquetas de HTML5.</li>
    <li>Integrar HTML5 con hojas de estilo CSS para el diseño y la presentación de sitios web.</li>
    <li>Interpretar y modificar código fuente HTML5.</li>
    <li>Aplicar los conocimientos adquiridos mediante ejercicios prácticos a lo largo del temario.</li>
  </ul>
</section>
</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-fddb89f elementor-widget elementor-widget-accordion" data-id="fddb89f" data-element_type="widget" data-e-type="widget" data-widget_type="accordion.default">
				<div class="elementor-widget-container">
							<div class="elementor-accordion">
							<div class="elementor-accordion-item">
					<div id="elementor-tab-title-2661" class="elementor-tab-title" data-tab="1" role="button" aria-controls="elementor-tab-content-2661" aria-expanded="false">
												<a class="elementor-accordion-title" tabindex="0">Ver contenidos del curso</a>
					</div>
					<div id="elementor-tab-content-2661" class="elementor-tab-content elementor-clearfix" data-tab="1" role="region" aria-labelledby="elementor-tab-title-2661"><!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Curso de HTML5</title>

<style>
  body {
    font-family: Arial, sans-serif;
    background: #f4f6fb;
    margin: 0;
    padding: 0;
  }

  h2 {
    text-align: center;
    margin: 40px 0 20px;
    color: #1e3a8a;
  }

  .accordion {
    max-width: 1100px;
    margin: 0 auto 40px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    overflow: hidden;
  }

  .accordion-item {
    border-bottom: 1px solid #e5e7eb;
  }

  .accordion-header {
    background: #1e3a8a;
    color: #fff;
    padding: 16px 24px;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .accordion-header:hover {
    background: #3b82f6;
  }

  .accordion-header::after {
    content: "+";
    font-size: 20px;
  }

  .accordion-item.open .accordion-header::after {
    content: "–";
  }

  .accordion-content {
    max-height: 0;
    overflow: hidden;
    background: #f9fafb;
    padding: 0 24px;
    transition: max-height 0.4s ease, padding 0.4s ease;
  }

  .accordion-content ul {
    list-style: none;
    padding-left: 10px;
    margin: 10px 0;
  }

  .accordion-content li {
    margin: 6px 0;
    padding-left: 10px;
    border-left: 3px solid #1e3a8a;
  }

  .accordion-item.open .accordion-content {
    max-height: 6000px;
    padding: 15px 24px;
  }
</style>
</head>
<body>

<h2>Curso de HTML5</h2>

<div id="accordion-html5" class="accordion"></div>

<script>
function crearAcordeon(id, temario) {
  const contenedor = document.getElementById(id);

  for (const [titulo, temas] of Object.entries(temario)) {
    const item = document.createElement("div");
    item.className = "accordion-item";

    const header = document.createElement("div");
    header.className = "accordion-header";
    header.textContent = titulo;

    const content = document.createElement("div");
    content.className = "accordion-content";

    const ul = document.createElement("ul");
    temas.forEach(t => {
      const li = document.createElement("li");
      li.textContent = t;
      ul.appendChild(li);
    });

    content.appendChild(ul);
    item.appendChild(header);
    item.appendChild(content);

    header.addEventListener("click", () => {
      item.classList.toggle("open");
    });

    contenedor.appendChild(item);
  }
}

const temarioHTML5 = {
  "1. Introducción al lenguaje HTML5": [
    "1.1 Historia e introducción a HTML5",
    "1.2 Lenguaje de etiquetas",
    "1.3 Estructura del documento HTML",
    "1.4 Definición del tipo de documento",
    "1.5 Etiqueta DOCTYPE",
    "1.6 Cuestionario"
  ],
  "2. Encabezado del documento": [
    "2.1 Etiqueta HTML",
    "2.2 Encabezado del documento",
    "2.3 Etiqueta BASE",
    "2.4 Etiqueta LINK",
    "2.5 Etiqueta SCRIPT",
    "2.6 Etiqueta NOSCRIPT",
    "2.7 Cuestionario"
  ],
  "3. Cuerpo del documento": [
    "3.1 Etiqueta BODY",
    "3.2 Enlaces internos",
    "3.3 Enlaces externos",
    "3.4 Enlaces a correo y FTP",
    "3.5 Etiquetas B, EM y STRONG",
    "3.6 CODE, SAMP y KBD",
    "3.7 VAR, MARK y CITE",
    "3.8 I, S, U y SMALL",
    "3.9 SUB, SUP, BR y WBR",
    "3.10 INS, DEL y ABBR",
    "3.11 ADDRESS, BDO y DFN",
    "3.12 PRE, Q y BLOCKQUOTE",
    "3.13 BDI, RUBY, RT, RP y DIALOG",
    "3.14 Cuestionario"
  ],
  "4. Atributos en HTML5": [
    "4.1 Atributos globales I",
    "4.2 Atributos globales II",
    "4.3 Atributos globales III",
    "4.4 Atributos globales IV",
    "4.5 Atributos globales V",
    "4.6 Etiqueta IMG",
    "4.7 Etiqueta TABLE",
    "4.8 Tabla sencilla",
    "4.9 Tabla con columnas combinadas",
    "4.10 Tabla con filas combinadas",
    "4.11 Tabla combinada",
    "4.12 Tablas avanzadas",
    "4.13 Cuestionario"
  ],
  "5. Estructuras básicas": [
    "5.1 Etiqueta UL",
    "5.2 Etiqueta OL",
    "5.3 Etiqueta DL",
    "5.4 DIV, SPAN y HEADER",
    "5.5 NAV",
    "5.6 SECTION y ARTICLE",
    "5.7 ASIDE y FIGURE",
    "5.8 FOOTER, TIME y DETAILS",
    "5.9 Cuestionario"
  ],
  "6. Audio y vídeo": [
    "6.1 Etiqueta AUDIO",
    "6.2 Etiqueta VIDEO",
    "6.3 Etiqueta TRACK",
    "6.4 Etiqueta EMBED",
    "6.5 Etiqueta OBJECT",
    "6.6 Cuestionario"
  ],
  "7. Formularios en HTML": [
    "7.1 Etiqueta FORM",
    "7.2 Etiqueta INPUT",
    "7.3 Atributos de formulario I",
    "7.4 Atributos de formulario II",
    "7.5 Atributos height, width y name",
    "7.6 readonly, required y placeholder",
    "7.7 value, size y maxlength",
    "7.8 src, max, min, step y multiple",
    "7.9 list y pattern",
    "7.10 type",
    "7.11 Checkbox, color y date",
    "7.12 Email, file y datetime",
    "7.13 Hidden, image, month y week",
    "7.14 Number, password y radio",
    "7.15 Range y search",
    "7.16 Text, time y url",
    "7.17 BUTTON, FIELDSET y LABEL",
    "7.18 KEYGEN, METER y PROGRESS",
    "7.19 OUTPUT y SELECT",
    "7.20 TEXTAREA",
    "7.21 Cuestionario"
  ],
  "8. Marcos contenedores": [
    "8.1 Etiqueta IFRAME",
    "8.2 Cuestionario"
  ],
  "9. Estilos CSS y modelo de caja": [
    "9.1 Elementos block",
    "9.2 Estilos en línea",
    "9.3 Archivos externos",
    "9.4 Referencias",
    "9.5 CSS en plantillas",
    "9.6 Cuestionario"
  ],
  "10. Cuestionario final": [
    "Cuestionario final del curso HTML5"
  ]
};

crearAcordeon("accordion-html5", temarioHTML5);
</script>

</body>
</html>
</div>
				</div>
								</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ca77fb3" data-id="ca77fb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-37fc23d elementor-widget elementor-widget-creote-project-inforamtion-v1" data-id="37fc23d" data-element_type="widget" data-e-type="widget" data-widget_type="creote-project-inforamtion-v1.default">
				<div class="elementor-widget-container">
					 
<div class="project_information">  <h2>Información</h2>  <div class="project_information_bo">  <div class="repeat_informtion">  <h6>Duración:</h6>   <p>60 horas</p>  </div>  <div class="repeat_informtion">  <h6>Bloques formativos: </h6>   <p>10</p>  </div>  <div class="social_medias">   <a href="#"> <span class="fa fa-instagram"></span> </a>   </div>  </div></div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d2f8f72 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d2f8f72" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-8bad75d" data-id="8bad75d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-29731b4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="29731b4" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-49b99f7 elementor-widget elementor-widget-creote-title-v1" data-id="49b99f7" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                                        <div class="title">
                    ¿Necesitas más información?                </div>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-78b79ba elementor-widget elementor-widget-creote-description-v1" data-id="78b79ba" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p>Rellena el siguiente formulario y en breve te llamaremos.</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-bf927e8 elementor-widget elementor-widget-creote-contact-form-v1" data-id="bf927e8" data-element_type="widget" data-e-type="widget" data-widget_type="creote-contact-form-v1.default">
				<div class="elementor-widget-container">
					<section class="contact_form_box_all type_one"  data-aos="fade-up" data-aos-offset="0" data-aos-delay="0" >  <div class="contact_form_box_inner"> <div class="contact_form_shortcode">  [contact-form-7]  </div> </div> </section>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6280682" data-id="6280682" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://www.gaboral.com/project/html5/">HTML5</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Curso de WordPress</title>
		<link>https://www.gaboral.com/project/curso-de-wordpress/</link>
		
		<dc:creator><![CDATA[admin9254]]></dc:creator>
		<pubDate>Wed, 09 Jul 2025 11:07:11 +0000</pubDate>
				<guid isPermaLink="false">https://www.gaboral.com/?post_type=project&#038;p=11098</guid>

					<description><![CDATA[<p>Shared Time Human Resources Management, Inc. is a value-oriented resource for companies in need of human resources services. Since 1993, Shared Time has offered clients private consulting and custom-designed HR systems. </p>
<p>La entrada <a href="https://www.gaboral.com/project/curso-de-wordpress/">Curso de WordPress</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="11098" class="elementor elementor-11098">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-464a3f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="464a3f9" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-cd654f2" data-id="cd654f2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cd9cf48 elementor-widget elementor-widget-creote-title-v1" data-id="cd9cf48" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                            <div class="before_title">
                    Informática - Página web                </div>
                                        <h1 class="title">
                    Curso de WordPress                </h1>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1229e42 elementor-widget elementor-widget-creote-description-v1" data-id="1229e42" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p><strong>EL CURSO OFRECE:</strong> Conocimientos necesarios para aprender a utilizar la aplicación de creación de blogs
más popular.
<br><br><strong>COMO APRENDEMOS:</strong> Es un curso práctico para hacer tu blog y tú página web personal o profesional.
WordPress es el gestor de contenidos más utilizado y te permite hacer las mejores webs con todo tipo de
funciones.
<strong>WordPress</strong> es una avanzada plataforma semántica de publicación web profesional orientada a la estética,
los estándares web y la usabilidad. <strong>WordPress</strong> es libre y, al mismo tiempo, gratuito.
Gracias a nuestro curso de <strong>WordPress</strong> y el programa, podrás crear blogs y webs en apenas unas horas con
una profesionalidad y eficacia sin precedentes.</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-fddb89f elementor-widget elementor-widget-accordion" data-id="fddb89f" data-element_type="widget" data-e-type="widget" data-widget_type="accordion.default">
				<div class="elementor-widget-container">
							<div class="elementor-accordion">
							<div class="elementor-accordion-item">
					<div id="elementor-tab-title-2661" class="elementor-tab-title" data-tab="1" role="button" aria-controls="elementor-tab-content-2661" aria-expanded="false">
												<a class="elementor-accordion-title" tabindex="0">Ver contenidos del curso</a>
					</div>
					<div id="elementor-tab-content-2661" class="elementor-tab-content elementor-clearfix" data-tab="1" role="region" aria-labelledby="elementor-tab-title-2661"><style>
body {
  font-family: Arial, sans-serif;
  background: #f4f6f9;
  margin: 0;
  padding: 0;
}

h2 {
  text-align: center;
  margin: 40px 0 20px;
  color: #002444;
}

.accordion {
  max-width: 950px;
  margin: auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  background: #fff;
}

.accordion-item {
  border-bottom: 1px solid #e0e0e0;
}

.accordion-header {
  background: #002444;
  color: #fff;
  padding: 16px 20px;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s;
}

.accordion-header:hover {
  background: #268feb;
}

.accordion-header::after {
  content: "+";
  font-size: 20px;
  transition: 0.3s;
}

.accordion-item.active .accordion-header::after {
  transform: rotate(45deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  background: #fafafa;
  padding: 0 20px;
}

.accordion-content ul {
  list-style: none;
  padding: 10px 0;
}

.accordion-content li {
  padding: 6px 10px;
  border-left: 3px solid #002444;
  margin: 5px 0;
}

.accordion-item.active .accordion-content {
  max-height: 20000px;
  padding: 15px 20px;
}
</style>

<h2>Curso WordPress + WooCommerce</h2>
<div id="accordion-temarioX" class="accordion"></div>

<script>
function crearAcordeon(id, data){
  const container = document.getElementById(id);
  Object.entries(data).forEach(([titulo, contenidos]) => {
    const item = document.createElement("div");
    item.classList.add("accordion-item");

    const header = document.createElement("div");
    header.classList.add("accordion-header");
    header.textContent = titulo;

    const content = document.createElement("div");
    content.classList.add("accordion-content");

    const ul = document.createElement("ul");
    contenidos.forEach(texto => {
      const li = document.createElement("li");
      li.textContent = texto;
      ul.appendChild(li);
    });

    content.appendChild(ul);
    item.appendChild(header);
    item.appendChild(content);
    container.appendChild(item);

    header.addEventListener("click", () => {
      item.classList.toggle("active");
    });
  });
}

const temarioX = {

"TEMAS MULTIMEDIA WORDPRESS": [
"Inicio WordPress I",
"Comenzar en WordPress",
"Personalización",
"Personalización II",
"Personalización III",
"Otras formas",
"Administrar",
"Administrar Inicio",
"Administrar configuración",
"Administración. Configuración Lectura",
"Configuración comentarios",
"Configuración otros",
"Entradas",
"Realizar encuesta",
"Ejercicio",
"Página de inicio",
"Enlaces",
"Apariencia. Temas",
"Apariencia Otros",
"Otras opciones",
"Manual WordPress",
"TEST AUTOEVALUACION WORDPRESS"
],

"CURSO TIENDA EN WORDPRESS CON WOOCOMMERCE": [
"Instalación",
"Vista general",
"Configuración general",
"Configuración de productos",
"Gestión de almacén",
"Gestión de impuestos en los envíos",
"Gestión de impuestos para el comprador",
"Configuración de cuentas en WooCommerce",
"Opciones sobre modos de pago",
"Crear producto",
"Cupones descuento"
]

};

crearAcordeon("accordion-temarioX", temarioX);
</script>
</div>
				</div>
								</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ca77fb3" data-id="ca77fb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-37fc23d elementor-widget elementor-widget-creote-project-inforamtion-v1" data-id="37fc23d" data-element_type="widget" data-e-type="widget" data-widget_type="creote-project-inforamtion-v1.default">
				<div class="elementor-widget-container">
					 
<div class="project_information">  <h2>Información</h2>  <div class="project_information_bo">  <div class="repeat_informtion">  <h6>Duración:</h6>   <p>40 horas</p>  </div>  <div class="repeat_informtion">  <h6>Bloques formativos: </h6>   <p>31</p>  </div>  <div class="social_medias">   <a href="#"> <span class="fa fa-instagram"></span> </a>   </div>  </div></div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d2f8f72 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d2f8f72" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-8bad75d" data-id="8bad75d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-29731b4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="29731b4" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-49b99f7 elementor-widget elementor-widget-creote-title-v1" data-id="49b99f7" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                                        <div class="title">
                    ¿Necesitas más información?                </div>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-78b79ba elementor-widget elementor-widget-creote-description-v1" data-id="78b79ba" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p>Rellena el siguiente formulario y en breve te llamaremos.</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-bf927e8 elementor-widget elementor-widget-creote-contact-form-v1" data-id="bf927e8" data-element_type="widget" data-e-type="widget" data-widget_type="creote-contact-form-v1.default">
				<div class="elementor-widget-container">
					<section class="contact_form_box_all type_one"  data-aos="fade-up" data-aos-offset="0" data-aos-delay="0" >  <div class="contact_form_box_inner"> <div class="contact_form_shortcode">  [contact-form-7]  </div> </div> </section>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6280682" data-id="6280682" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://www.gaboral.com/project/curso-de-wordpress/">Curso de WordPress</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Curso de Dreamweaver</title>
		<link>https://www.gaboral.com/project/curso-de-dreamweaver/</link>
		
		<dc:creator><![CDATA[admin9254]]></dc:creator>
		<pubDate>Tue, 08 Jul 2025 19:38:29 +0000</pubDate>
				<guid isPermaLink="false">https://www.gaboral.com/?post_type=project&#038;p=11051</guid>

					<description><![CDATA[<p>Shared Time Human Resources Management, Inc. is a value-oriented resource for companies in need of human resources services. Since 1993, Shared Time has offered clients private consulting and custom-designed HR systems. </p>
<p>La entrada <a href="https://www.gaboral.com/project/curso-de-dreamweaver/">Curso de Dreamweaver</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="11051" class="elementor elementor-11051">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-464a3f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="464a3f9" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-cd654f2" data-id="cd654f2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cd9cf48 elementor-widget elementor-widget-creote-title-v1" data-id="cd9cf48" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                            <div class="before_title">
                    Informática - Página web                </div>
                                        <h1 class="title">
                    Curso de Dreamweaver                </h1>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1229e42 elementor-widget elementor-widget-creote-description-v1" data-id="1229e42" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p><strong>EL CURSO OFRECE:</Strong> Conocimientos para aprender de forma cómoda, rápida y sencilla a utilizar el programa
Dreamweaver. El curso parte desde 0, no se requieren conocimientos previos. Incluye el programa
Dreamweaver en versión gratuita.
<br><br><strong>COMO APRENDEMOS:</Strong> Con los temas multimedia (video tutoriales), escuchamos y vemos en pantalla las
explicaciones del profesor, de esta forma aprendemos a utilizar el programa Dreamweaver de forma
cómoda y sencilla</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-fddb89f elementor-widget elementor-widget-accordion" data-id="fddb89f" data-element_type="widget" data-e-type="widget" data-widget_type="accordion.default">
				<div class="elementor-widget-container">
							<div class="elementor-accordion">
							<div class="elementor-accordion-item">
					<div id="elementor-tab-title-2661" class="elementor-tab-title" data-tab="1" role="button" aria-controls="elementor-tab-content-2661" aria-expanded="false">
												<a class="elementor-accordion-title" tabindex="0">Ver contenidos del curso</a>
					</div>
					<div id="elementor-tab-content-2661" class="elementor-tab-content elementor-clearfix" data-tab="1" role="region" aria-labelledby="elementor-tab-title-2661"><style>
body {
  font-family: Arial, sans-serif;
  background: #f4f6f9;
  margin: 0;
  padding: 0;
}

h2 {
  text-align: center;
  margin: 40px 0 20px;
  color: #002444;
}

.accordion {
  max-width: 950px;
  margin: auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  background: #fff;
}

.accordion-item {
  border-bottom: 1px solid #e0e0e0;
}

.accordion-header {
  background: #002444;
  color: #fff;
  padding: 16px 20px;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s;
}

.accordion-header:hover {
  background: #268feb;
}

.accordion-header::after {
  content: "+";
  font-size: 20px;
  transition: 0.3s;
}

.accordion-item.active .accordion-header::after {
  transform: rotate(45deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  background: #fafafa;
  padding: 0 20px;
}

.accordion-content ul {
  list-style: none;
  padding: 10px 0;
}

.accordion-content li {
  padding: 6px 10px;
  border-left: 3px solid #002444;
  margin: 5px 0;
}

.accordion-item.active .accordion-content {
  max-height: 20000px;
  padding: 15px 20px;
}
</style>

<h2>Curso Dreamweaver</h2>
<div id="accordion-temarioX" class="accordion"></div>

<script>
function crearAcordeon(id, data){
  const container = document.getElementById(id);
  Object.entries(data).forEach(([titulo, contenidos]) => {
    const item = document.createElement("div");
    item.classList.add("accordion-item");

    const header = document.createElement("div");
    header.classList.add("accordion-header");
    header.textContent = titulo;

    const content = document.createElement("div");
    content.classList.add("accordion-content");

    const ul = document.createElement("ul");
    contenidos.forEach(texto => {
      const li = document.createElement("li");
      li.textContent = texto;
      ul.appendChild(li);
    });

    content.appendChild(ul);
    item.appendChild(header);
    item.appendChild(content);
    container.appendChild(item);

    header.addEventListener("click", () => {
      item.classList.toggle("active");
    });
  });
}

const temarioX = {

"TEMAS MULTIMEDIA": [
"Interface CS4",
"Insertar",
"Tablas",
"Imágenes",
"Propiedades",
"Menú común",
"Zonas interactivas",
"Capas",
"Opciones Spry",
"Marcos I",
"Marcos II",
"Creación de un sitio",
"Insertar Flash",
"Repaso"
],

"CURSO PHP": [
"Introducción a PHP",
"Curso de PHP",
"Manual PHP",
"Resolución de los ejercicios propuestos en el Manual de PHP"
],

"ACCESO A BASES DE DATOS MySQL": [
"Principales funciones MySQL",
"Ejercicios MySQL",
"Ejercicios propuestos. Acceso a bases de datos",
"Resolución de los ejercicios propuestos",
"TEST AUTOEVALUACION FINAL"
],

"EJERCICIOS": [
"Estilos y propiedades del texto",
"Tablas",
"Insertar imagen I",
"Insertar imagen II",
"Insertar imagen III",
"Crear enlaces",
"Marcos",
"Propiedades de página I",
"Propiedades de página II",
"Trabajar con marcos",
"Formularios",
"Zonas interactivas",
"Ejercicio final de repaso"
]

};

crearAcordeon("accordion-temarioX", temarioX);
</script>
</div>
				</div>
								</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ca77fb3" data-id="ca77fb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-37fc23d elementor-widget elementor-widget-creote-project-inforamtion-v1" data-id="37fc23d" data-element_type="widget" data-e-type="widget" data-widget_type="creote-project-inforamtion-v1.default">
				<div class="elementor-widget-container">
					 
<div class="project_information">  <h2>Información</h2>  <div class="project_information_bo">  <div class="repeat_informtion">  <h6>Duración:</h6>   <p>40 horas</p>  </div>  <div class="repeat_informtion">  <h6>Bloques formativos: </h6>   <p>30</p>  </div>  <div class="social_medias">   <a href="#"> <span class="fa fa-instagram"></span> </a>   </div>  </div></div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d2f8f72 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d2f8f72" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-8bad75d" data-id="8bad75d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-29731b4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="29731b4" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-49b99f7 elementor-widget elementor-widget-creote-title-v1" data-id="49b99f7" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                                        <div class="title">
                    ¿Necesitas más información?                </div>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-78b79ba elementor-widget elementor-widget-creote-description-v1" data-id="78b79ba" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p>Rellena el siguiente formulario y en breve te llamaremos.</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-bf927e8 elementor-widget elementor-widget-creote-contact-form-v1" data-id="bf927e8" data-element_type="widget" data-e-type="widget" data-widget_type="creote-contact-form-v1.default">
				<div class="elementor-widget-container">
					<section class="contact_form_box_all type_one"  data-aos="fade-up" data-aos-offset="0" data-aos-delay="0" >  <div class="contact_form_box_inner"> <div class="contact_form_shortcode">  [contact-form-7]  </div> </div> </section>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6280682" data-id="6280682" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://www.gaboral.com/project/curso-de-dreamweaver/">Curso de Dreamweaver</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Curso de HTML</title>
		<link>https://www.gaboral.com/project/curso-de-html/</link>
		
		<dc:creator><![CDATA[admin9254]]></dc:creator>
		<pubDate>Thu, 29 May 2025 09:50:00 +0000</pubDate>
				<guid isPermaLink="false">https://www.gaboral.com/?post_type=project&#038;p=9527</guid>

					<description><![CDATA[<p>Shared Time Human Resources Management, Inc. is a value-oriented resource for companies in need of human resources services. Since 1993, Shared Time has offered clients private consulting and custom-designed HR systems. </p>
<p>La entrada <a href="https://www.gaboral.com/project/curso-de-html/">Curso de HTML</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="9527" class="elementor elementor-9527">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-464a3f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="464a3f9" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-cd654f2" data-id="cd654f2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cd9cf48 elementor-widget elementor-widget-creote-title-v1" data-id="cd9cf48" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                            <div class="before_title">
                    Informática - Página web                </div>
                                        <h1 class="title">
                    Curso de HTML                </h1>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1229e42 elementor-widget elementor-widget-creote-description-v1" data-id="1229e42" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p><u><strong>OBJETIVOS DEL CURSO</strong></u><br>
<br>
HTML (HyperText Markup Language) es el lenguaje base con el que se hacen las páginas web, por eso, cualquier aprendizaje de creación de páginas web debe empezar con un repaso, más o menos profundo, sobre este lenguaje. Para este curso de HTML no se necesita ningún software específico. Se puede usar cualquier editor de texto, incluso, por ejemplo, el popular bloc de notas de Windows, pues realmente lo único que necesitamos es poder escribir texto plano. aunque es recomendable algún programa que ayude en la visualización del código. Existen decenas de software que te ayudan en la visualización de código Html. Uno de los más conocidos es el Adobe Dreamweaver pero puedes usar cualquier otro similar.

</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-fddb89f elementor-widget elementor-widget-accordion" data-id="fddb89f" data-element_type="widget" data-e-type="widget" data-widget_type="accordion.default">
				<div class="elementor-widget-container">
							<div class="elementor-accordion">
							<div class="elementor-accordion-item">
					<div id="elementor-tab-title-2661" class="elementor-tab-title" data-tab="1" role="button" aria-controls="elementor-tab-content-2661" aria-expanded="false">
												<a class="elementor-accordion-title" tabindex="0">Ver contenidos del curso</a>
					</div>
					<div id="elementor-tab-content-2661" class="elementor-tab-content elementor-clearfix" data-tab="1" role="region" aria-labelledby="elementor-tab-title-2661"><style>
body {
  font-family: Arial, sans-serif;
  background: #f4f6f9;
  margin: 0;
  padding: 0;
}

h2 {
  text-align: center;
  margin: 40px 0 20px;
  color: #002444;
}

.accordion {
  max-width: 950px;
  margin: auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  background: #fff;
}

.accordion-item {
  border-bottom: 1px solid #e0e0e0;
}

.accordion-header {
  background: #002444;
  color: #fff;
  padding: 16px 20px;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s;
}

.accordion-header:hover {
  background: #268feb;
}

.accordion-header::after {
  content: "+";
  font-size: 20px;
  transition: 0.3s;
}

.accordion-item.active .accordion-header::after {
  transform: rotate(45deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  background: #fafafa;
  padding: 0 20px;
}

.accordion-content ul {
  list-style: none;
  padding: 10px 0;
}

.accordion-content li {
  padding: 6px 10px;
  border-left: 3px solid #002444;
  margin: 5px 0;
}

.accordion-item.active .accordion-content {
  max-height: 20000px;
  padding: 15px 20px;
}
</style>

<h2>Curso de HTML</h2>
<div id="accordion-temarioX" class="accordion"></div>

<script>
function crearAcordeon(id, data){
  const container = document.getElementById(id);
  Object.entries(data).forEach(([titulo, contenidos]) => {
    const item = document.createElement("div");
    item.classList.add("accordion-item");

    const header = document.createElement("div");
    header.classList.add("accordion-header");
    header.textContent = titulo;

    const content = document.createElement("div");
    content.classList.add("accordion-content");

    const ul = document.createElement("ul");
    contenidos.forEach(texto => {
      const li = document.createElement("li");
      li.textContent = texto;
      ul.appendChild(li);
    });

    content.appendChild(ul);
    item.appendChild(header);
    item.appendChild(content);
    container.appendChild(item);

    header.addEventListener("click", () => {
      item.classList.toggle("active");
    });
  });
}

const temarioX = {

"TEMAS MULTIMEDIA": [
"1.- Parámetros: body, font, h",
"2.- Parámetro p",
"3.- Parámetros head, title, ul y li",
"4.- Parámetros ol y li",
"5.- Parámetros hr y <!--",
"6.- Parámetros table, caption, tr y td",
"7.- Parámetros table, width, height, align y width",
"8.- Parámetros img src\" \" y alt\" \"",
"9.- Parámetro a href=\" \""
],

"MANUALES HTML": [
"1.- Introducción al HTML",
"2.- Formatos básicos",
"3.- Imágenes",
"4.- Hiperenlaces",
"5.- Listas",
"6.- Tablas",
"7.- Marcos y Frames",
"8.- Multimedia",
"Manual de referencia código HTML",
"EJERCICIOS (40 Ejemplos + Soluciones)"
],

"LENGUAJE PROGRAMACIÓN HTML 5": [
"1.- Introducción",
"2.- Elementos",
"3.- Compatibilidad",
"4.- Microdatos",
"5.- Video",
"6.- Audio",
"7.- Canvas",
"8.- SVG",
"9.- Etiquetas",
"Ejercicios resueltos HTML5"
],

"CSS – COMANDOS Y EJEMPLOS": [
"1.- Estilos en HTML",
"2.- Archivos de estilo CSS",
"3.- Comandos y propiedades CSS I",
"4.- Comandos y propiedades CSS II",
"TEST AUTOEVALUACION FINAL"
]

};

crearAcordeon("accordion-temarioX", temarioX);
</script>
</div>
				</div>
								</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ca77fb3" data-id="ca77fb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
				[elementor-element k="b8d4aa231321bce8bcd4c4e13b48b641" data="eyJpZCI6IjM3ZmMyM2QiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJoZWFkaW5nIjoiSW5mb3JtYWNpXHUwMGYzbiIsInByb2plY3RfaW5mb3JtYXRpb25fcmVwZWF0ZXIiOlt7ImluZm9ybWF0aW9uX3RpdGxlIjoiRHVyYWNpXHUwMGYzbjoiLCJpbmZvcm1hdGlvbl9jb250ZW50IjoiNjAgaG9yYXMiLCJfaWQiOiJlOThjMzM4In0seyJpbmZvcm1hdGlvbl90aXRsZSI6IkJsb3F1ZXMgZm9ybWF0aXZvczogIiwiaW5mb3JtYXRpb25fY29udGVudCI6IjMwIiwiX2lkIjoiZDE5OTdmZiIsInRyYW5zaXRpb25zX2VuYWJsZSI6IiJ9XSwic29jaWFsX21lZGlhX3JlcGVhdGVyIjpbeyJzb2NpYWxfbWVkaWFfY29udGVudCI6ImZhIGZhLWluc3RhZ3JhbSIsInNvY2lhbF9tZWRpYV9saW5rIjoiIyIsIl9pZCI6ImJhNzdkZjgifV0sImJ1dHRvbl90ZXh0IjoiIiwiYnV0dG9uX2xpbmsiOnsidXJsIjoiIiwiaXNfZXh0ZXJuYWwiOnRydWUsIm5vZm9sbG93Ijp0cnVlLCJjdXN0b21fYXR0cmlidXRlcyI6IiJ9fSwiZWxlbWVudHMiOltdLCJ3aWRnZXRUeXBlIjoiY3Jlb3RlLXByb2plY3QtaW5mb3JhbXRpb24tdjEifQ=="]			</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d2f8f72 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d2f8f72" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-8bad75d" data-id="8bad75d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-29731b4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="29731b4" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
		[elementor-element k="b8d4aa231321bce8bcd4c4e13b48b641" data="eyJpZCI6IjQ5Yjk5ZjciLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJ0aXRsZV9hbGlnbm1lbnRzIjoibGVmdCIsInRpdGxlX3NtYWxsX2hlYWRpbmciOiIiLCJ0aXRsZV9oZWFkaW5nIjoiXHUwMGJmTmVjZXNpdGFzIG1cdTAwZTFzIGluZm9ybWFjaVx1MDBmM24/IiwidGl0bGVfcGFkZGluZyI6eyJ1bml0IjoicHgiLCJ0b3AiOiIwIiwicmlnaHQiOiIwIiwiYm90dG9tIjoiMTkiLCJsZWZ0IjoiMCIsImlzTGlua2VkIjpmYWxzZX0sImRlc2NyaXB0aW9uIjoiIiwidGl0bGVfdHlwb190eXBvZ3JhcGh5IjoiY3VzdG9tIiwidGl0bGVfdHlwb19mb250X3NpemUiOnsidW5pdCI6InB4Iiwic2l6ZSI6MTcsInNpemVzIjpbXX0sIl9fZ2xvYmFsc19fIjp7InNtYWxsX3RpdGxlX2NvbG9yIjoiIiwidGl0bGVfY29sb3IiOiJnbG9iYWxzXC9jb2xvcnM/aWQ9MzM3MDdlNCJ9fSwiZWxlbWVudHMiOltdLCJ3aWRnZXRUeXBlIjoiY3Jlb3RlLXRpdGxlLXYxIn0="][elementor-element k="b8d4aa231321bce8bcd4c4e13b48b641" data="eyJpZCI6Ijc4Yjc5YmEiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJkZXNjX2FsaWdubWVudHMiOiJsZWZ0IiwiZGVzY3JpcHRpb24iOiJSZWxsZW5hIGVsIHNpZ3VpZW50ZSBmb3JtdWxhcmlvIHkgZW4gYnJldmUgdGUgbGxhbWFyZW1vcy4iLCJkZXNjcmlwdGlvbl9wYWRkaW5nIjp7InVuaXQiOiJweCIsInRvcCI6IjAiLCJyaWdodCI6IjAiLCJib3R0b20iOiIxOSIsImxlZnQiOiIwIiwiaXNMaW5rZWQiOmZhbHNlfSwiX21hcmdpbiI6eyJ1bml0IjoicHgiLCJ0b3AiOiItMjAiLCJyaWdodCI6IjAiLCJib3R0b20iOiIwIiwibGVmdCI6IjAiLCJpc0xpbmtlZCI6ZmFsc2V9LCJfcGFkZGluZyI6eyJ1bml0IjoicHgiLCJ0b3AiOiIwIiwicmlnaHQiOiIwIiwiYm90dG9tIjoiMCIsImxlZnQiOiIwIiwiaXNMaW5rZWQiOmZhbHNlfX0sImVsZW1lbnRzIjpbXSwid2lkZ2V0VHlwZSI6ImNyZW90ZS1kZXNjcmlwdGlvbi12MSJ9"][elementor-element k="b8d4aa231321bce8bcd4c4e13b48b641" data="eyJpZCI6ImJmOTI3ZTgiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJjb250YWN0X2hlYWRpbmciOiJSZXF1ZXN0IGZvciBPdXIgRnJlZSBDb25zdWx0YXRpb24iLCJtb3ZlX2JvdHRvbSI6IjBweCIsIm1vdmVfcmlnaHQiOiIwcHgiLCJtb3ZlX2xlZnQiOiIwcHgiLCJjb250YWN0X2Zvcm1fdXJsIjoiNyIsInN1Ym1pdF9idG5fd2lkdGgiOiIxNDBweCJ9LCJlbGVtZW50cyI6W10sIndpZGdldFR5cGUiOiJjcmVvdGUtY29udGFjdC1mb3JtLXYxIn0="]			</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6280682" data-id="6280682" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://www.gaboral.com/project/curso-de-html/">Curso de HTML</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Curso de prestashop</title>
		<link>https://www.gaboral.com/project/curso-de-prestashop/</link>
		
		<dc:creator><![CDATA[admin9254]]></dc:creator>
		<pubDate>Thu, 29 May 2025 09:45:34 +0000</pubDate>
				<guid isPermaLink="false">https://www.gaboral.com/?post_type=project&#038;p=9512</guid>

					<description><![CDATA[<p>Shared Time Human Resources Management, Inc. is a value-oriented resource for companies in need of human resources services. Since 1993, Shared Time has offered clients private consulting and custom-designed HR systems. </p>
<p>La entrada <a href="https://www.gaboral.com/project/curso-de-prestashop/">Curso de prestashop</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="9512" class="elementor elementor-9512">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-464a3f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="464a3f9" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-cd654f2" data-id="cd654f2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cd9cf48 elementor-widget elementor-widget-creote-title-v1" data-id="cd9cf48" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                            <div class="before_title">
                    Informática - Página web                </div>
                                        <h1 class="title">
                    Curso de prestashop                </h1>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1229e42 elementor-widget elementor-widget-creote-description-v1" data-id="1229e42" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p><u><strong>OBJETIVOS DEL CURSO</strong></u><br>
<br>
Conocimientos necesarios para aprender a utilizar el programa Prestashop. Programa gratuito de edición y diseño de páginas web para comercio electrónico. Programa ideal para realizar sitios web con carrito de compra.
<br><br>Prestashop se ha convertido en el software preferido por los expertos para el desarrollo de tiendas online. Aprende desde cero a contratar el alojamiento, configurarlo, instalar tu tienda online, gestionarla y empezar a vender por internet.
<br><br>
Trabajaremos con todas la herramientas que incorpora Prestashop para realizar el seguimiento de las ventas, análisis de vistas y SEO. El curso es muy didáctico, con un lenguaje sencillo y apto para todo el mundo.</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-fddb89f elementor-widget elementor-widget-accordion" data-id="fddb89f" data-element_type="widget" data-e-type="widget" data-widget_type="accordion.default">
				<div class="elementor-widget-container">
							<div class="elementor-accordion">
							<div class="elementor-accordion-item">
					<div id="elementor-tab-title-2661" class="elementor-tab-title" data-tab="1" role="button" aria-controls="elementor-tab-content-2661" aria-expanded="false">
												<a class="elementor-accordion-title" tabindex="0">Ver contenidos del curso</a>
					</div>
					<div id="elementor-tab-content-2661" class="elementor-tab-content elementor-clearfix" data-tab="1" role="region" aria-labelledby="elementor-tab-title-2661"><style>
body {
  font-family: Arial, sans-serif;
  background: #f4f6f9;
  margin: 0;
  padding: 0;
}

h2 {
  text-align: center;
  margin: 40px 0 20px;
  color: #002444;
}

.accordion {
  max-width: 950px;
  margin: auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  background: #fff;
}

.accordion-item {
  border-bottom: 1px solid #e0e0e0;
}

.accordion-header {
  background: #002444;
  color: #fff;
  padding: 16px 20px;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s;
}

.accordion-header:hover {
  background: #268feb;
}

.accordion-header::after {
  content: "+";
  font-size: 20px;
  transition: 0.3s;
}

.accordion-item.active .accordion-header::after {
  transform: rotate(45deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  background: #fafafa;
  padding: 0 20px;
}

.accordion-content ul {
  list-style: none;
  padding: 10px 0;
}

.accordion-content li {
  padding: 6px 10px;
  border-left: 3px solid #002444;
  margin: 5px 0;
}

.accordion-item.active .accordion-content {
  max-height: 20000px;
  padding: 15px 20px;
}
</style>

<h2>Curso Prestashop</h2>
<div id="accordion-temarioX" class="accordion"></div>

<script>
function crearAcordeon(id, data){
  const container = document.getElementById(id);
  Object.entries(data).forEach(([titulo, contenidos]) => {
    const item = document.createElement("div");
    item.classList.add("accordion-item");

    const header = document.createElement("div");
    header.classList.add("accordion-header");
    header.textContent = titulo;

    const content = document.createElement("div");
    content.classList.add("accordion-content");

    const ul = document.createElement("ul");
    contenidos.forEach(texto => {
      const li = document.createElement("li");
      li.textContent = texto;
      ul.appendChild(li);
    });

    content.appendChild(ul);
    item.appendChild(header);
    item.appendChild(content);
    container.appendChild(item);

    header.addEventListener("click", () => {
      item.classList.toggle("active");
    });
  });
}

const temarioX = {

"Explicaciones Multimedia": [
"1.- Instalación de XAMP",
"2.- Instalación de Prestashop",
"3.- Cómo abrir nuestro Prestashop",
"4.- Configuración Inicial",
"5.- Categorías",
"6.- Anidar categorías",
"7.- Productos 1",
"8.- Productos 2",
"9.- Productos 3",
"10.- Personalización",
"11.- Url productos",
"12.- Atributos de productos",
"13.- Ficha técnica",
"14.- Almacenes",
"15.- Descuentos",
"16.- Mapeo de imágenes",
"17.- Clientes 1",
"18.- Clientes 2",
"19.- Atención al cliente",
"20.- Tratamiento al cliente",
"21.- Configurar el transporte 1",
"22.- Configurar el transporte 2",
"23.- Transferencia bancaria",
"24.- PayPal",
"25.- Pago por tarjetas",
"26.- Gestión de pedidos 1",
"27.- Gestión de pedidos 2",
"28.- Gestión de pedidos 3",
"29.- Configuración 1",
"30.- Configuración 2",
"31.- CMS",
"32.- Imágenes",
"33.- Buscar",
"34.- Mantenimiento",
"35.- Geolocalización",
"36.- Reglas carrito 1",
"37.- Reglas carrito 2",
"38.- Descuentos masivos",
"39.- Empleados",
"40.- Copia de seguridad",
"41.- Multitienda",
"42.- Subir tienda local a remoto 1",
"43.- Subir tienda local a remoto 2",
"44.- Subir tienda local a remoto 3",
"Manual de Prestashop 1.6",
"Manual básico Posicionamiento (SEO)",
"Solución errores Apache con Xamp en Windows 10",
"TEST AUTOEVALUACION FINAL"
]

};

crearAcordeon("accordion-temarioX", temarioX);
</script>
</div>
				</div>
								</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ca77fb3" data-id="ca77fb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-37fc23d elementor-widget elementor-widget-creote-project-inforamtion-v1" data-id="37fc23d" data-element_type="widget" data-e-type="widget" data-widget_type="creote-project-inforamtion-v1.default">
				<div class="elementor-widget-container">
					 
<div class="project_information">  <h2>Información</h2>  <div class="project_information_bo">  <div class="repeat_informtion">  <h6>Duración:</h6>   <p>60 horas</p>  </div>  <div class="repeat_informtion">  <h6>Bloques formativos: </h6>   <p>44</p>  </div>  <div class="social_medias">   <a href="#"> <span class="fa fa-instagram"></span> </a>   </div>  </div></div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d2f8f72 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d2f8f72" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-8bad75d" data-id="8bad75d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-29731b4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="29731b4" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-49b99f7 elementor-widget elementor-widget-creote-title-v1" data-id="49b99f7" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                                        <div class="title">
                    ¿Necesitas más información?                </div>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-78b79ba elementor-widget elementor-widget-creote-description-v1" data-id="78b79ba" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p>Rellena el siguiente formulario y en breve te llamaremos.</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-bf927e8 elementor-widget elementor-widget-creote-contact-form-v1" data-id="bf927e8" data-element_type="widget" data-e-type="widget" data-widget_type="creote-contact-form-v1.default">
				<div class="elementor-widget-container">
					<section class="contact_form_box_all type_one"  data-aos="fade-up" data-aos-offset="0" data-aos-delay="0" >  <div class="contact_form_box_inner"> <div class="contact_form_shortcode">  [contact-form-7]  </div> </div> </section>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6280682" data-id="6280682" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://www.gaboral.com/project/curso-de-prestashop/">Curso de prestashop</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Análisis y soluciones SEO</title>
		<link>https://www.gaboral.com/project/analisis-y-soluciones-seo/</link>
		
		<dc:creator><![CDATA[admin9254]]></dc:creator>
		<pubDate>Thu, 29 May 2025 09:37:58 +0000</pubDate>
				<guid isPermaLink="false">https://www.gaboral.com/?post_type=project&#038;p=9502</guid>

					<description><![CDATA[<p>Shared Time Human Resources Management, Inc. is a value-oriented resource for companies in need of human resources services. Since 1993, Shared Time has offered clients private consulting and custom-designed HR systems. </p>
<p>La entrada <a href="https://www.gaboral.com/project/analisis-y-soluciones-seo/">Análisis y soluciones SEO</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="9502" class="elementor elementor-9502">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-464a3f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="464a3f9" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-cd654f2" data-id="cd654f2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cd9cf48 elementor-widget elementor-widget-creote-title-v1" data-id="cd9cf48" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                            <div class="before_title">
                    Informática - Página web                </div>
                                        <h1 class="title">
                    Análisis y soluciones SEO                </h1>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-1229e42 elementor-widget elementor-widget-creote-description-v1" data-id="1229e42" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p><u><strong>OBJETIVOS DEL CURSO</strong></u><br>
<br>

Formar profesionales del posicionamiento web orgánico. Con especial atención en el eCommerce, las tiendas online. Aprendiendo SEO off page, SEO on page y SEO local. Conocimiento las herramientas SEO y los pasos a dar para analizar y mejorar cualquier sitio web en relación a su SEO.

Con los temas multimedia (video tutoriales), escuchamos y vemos en pantalla las explicaciones del profesor, se complementa con lecturas, manuales y tests.</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-fddb89f elementor-widget elementor-widget-accordion" data-id="fddb89f" data-element_type="widget" data-e-type="widget" data-widget_type="accordion.default">
				<div class="elementor-widget-container">
							<div class="elementor-accordion">
							<div class="elementor-accordion-item">
					<div id="elementor-tab-title-2661" class="elementor-tab-title" data-tab="1" role="button" aria-controls="elementor-tab-content-2661" aria-expanded="false">
												<a class="elementor-accordion-title" tabindex="0">Ver contenidos del curso</a>
					</div>
					<div id="elementor-tab-content-2661" class="elementor-tab-content elementor-clearfix" data-tab="1" role="region" aria-labelledby="elementor-tab-title-2661"><style>
body {
  font-family: Arial, sans-serif;
  background: #f4f6f9;
  margin: 0;
  padding: 0;
}

h2 {
  text-align: center;
  margin: 40px 0 20px;
  color: #002444;
}

.accordion {
  max-width: 950px;
  margin: auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  background: #fff;
}

.accordion-item {
  border-bottom: 1px solid #e0e0e0;
}

.accordion-header {
  background: #002444;
  color: #fff;
  padding: 16px 20px;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s;
}

.accordion-header:hover {
  background: #268feb;
}

.accordion-header::after {
  content: "+";
  font-size: 20px;
  transition: 0.3s;
}

.accordion-item.active .accordion-header::after {
  transform: rotate(45deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  background: #fafafa;
  padding: 0 20px;
}

.accordion-content ul {
  list-style: none;
  padding: 10px 0;
}

.accordion-content li {
  padding: 6px 10px;
  border-left: 3px solid #002444;
  margin: 5px 0;
}

.accordion-item.active .accordion-content {
  max-height: 20000px;
  padding: 15px 20px;
}
</style>

<h2>Análisis y Soluciones SEO</h2>
<div id="accordion-temarioX" class="accordion"></div>

<script>
function crearAcordeon(id, data){
  const container = document.getElementById(id);
  Object.entries(data).forEach(([titulo, contenidos]) => {
    const item = document.createElement("div");
    item.classList.add("accordion-item");

    const header = document.createElement("div");
    header.classList.add("accordion-header");
    header.textContent = titulo;

    const content = document.createElement("div");
    content.classList.add("accordion-content");

    const ul = document.createElement("ul");
    contenidos.forEach(texto => {
      const li = document.createElement("li");
      li.textContent = texto;
      ul.appendChild(li);
    });

    content.appendChild(ul);
    item.appendChild(header);
    item.appendChild(content);
    container.appendChild(item);

    header.addEventListener("click", () => {
      item.classList.toggle("active");
    });
  });
}

const temarioX = {

"Análisis y Soluciones SEO": [
"1.- Auditoría SEO",
"1.1.- Lectura Vocabulario SEO",
"2.- Velocidad de la página",
"3.- URL Canónica",
"4.- Etiquetas title y description",
"5.- Robots y meta robots",
"6.- Estructura de headings",
"7.- SEO off page",
"8.- Ideas para linkbuilding",
"8.1.- Lectura ¿Qué es SEO?",
"Test 1",
"9.- Fases del SEO",
"10.- Fases del SEO II",
"11.- Fases del SEO III",
"11.1.- Lectura Fases del SEO",
"12.- SEO para tienda online",
"12.1.- Lectura Particularidades del SEO para tiendas online",
"13.- Ahrefs",
"14.- Redireccionamiento 301",
"15.- SEO on page contenidos",
"16.- SEO on page II",
"16.1.- Lectura SEO on page",
"17.- Herramientas SEO on page",
"17.1.- Lectura Ahrefs",
"Test 2",
"18.- Ejercicio herramientas SEO",
"19.- Keyword research",
"20.- Interenlazado",
"21.- SEO on page técnico",
"22.- SEO on page técnico II",
"23.- Mobile friendly",
"Test 3",
"24.- SEO off page",
"25.- SEO off page II",
"25.1.- Lectura SEO off page",
"26.- SEO local",
"27.- Prevenir y curar",
"Manual de análisis y soluciones SEO",
"TEST AUTOEVALUACION FINAL"
]

};

crearAcordeon("accordion-temarioX", temarioX);
</script>
</div>
				</div>
								</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ca77fb3" data-id="ca77fb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-37fc23d elementor-widget elementor-widget-creote-project-inforamtion-v1" data-id="37fc23d" data-element_type="widget" data-e-type="widget" data-widget_type="creote-project-inforamtion-v1.default">
				<div class="elementor-widget-container">
					 
<div class="project_information">  <h2>Información</h2>  <div class="project_information_bo">  <div class="repeat_informtion">  <h6>Duración:</h6>   <p>100 horas</p>  </div>  <div class="repeat_informtion">  <h6>Bloques formativos: </h6>   <p>27</p>  </div>  <div class="social_medias">   <a href="#"> <span class="fa fa-instagram"></span> </a>   </div>  </div></div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d2f8f72 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d2f8f72" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-8bad75d" data-id="8bad75d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-29731b4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="29731b4" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-49b99f7 elementor-widget elementor-widget-creote-title-v1" data-id="49b99f7" data-element_type="widget" data-e-type="widget" data-widget_type="creote-title-v1.default">
				<div class="elementor-widget-container">
					<div class="title_all_box style_one dark_color">
            <!-- Default title style -->
        <div class="title_sections left">
                                        <div class="title">
                    ¿Necesitas más información?                </div>
                                </div>
        <!-- End of default title style -->

    </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-78b79ba elementor-widget elementor-widget-creote-description-v1" data-id="78b79ba" data-element_type="widget" data-e-type="widget" data-widget_type="creote-description-v1.default">
				<div class="elementor-widget-container">
					<div class="description_box" >  <p>Rellena el siguiente formulario y en breve te llamaremos.</p> </div>
				</div>
				</div>
				<div class="elementor-element elementor-element-bf927e8 elementor-widget elementor-widget-creote-contact-form-v1" data-id="bf927e8" data-element_type="widget" data-e-type="widget" data-widget_type="creote-contact-form-v1.default">
				<div class="elementor-widget-container">
					<section class="contact_form_box_all type_one"  data-aos="fade-up" data-aos-offset="0" data-aos-delay="0" >  <div class="contact_form_box_inner"> <div class="contact_form_shortcode">  [contact-form-7]  </div> </div> </section>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6280682" data-id="6280682" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
					</div>
		</section>
				</div>
		<p>La entrada <a href="https://www.gaboral.com/project/analisis-y-soluciones-seo/">Análisis y soluciones SEO</a> se publicó primero en <a href="https://www.gaboral.com">Gaboral - Recursos Humanos</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
