
Te presentamos el sitio web que desarrollaremos en este curso.
Conoce a la persona que te enseñará a manejar Gantry 5.
En esta clase te presentamos a Gantry 5.
En esta clase te mostraremos todos los beneficios y cualidades de Gantry 5.
En esta clase dejaremos en claro que no es Gantry.
En esta clase te mostraremos lo que tu PC o servidor necesita para hacer funcionar Gantry sin problemas.
En esta clase te mostraremos como instalar Joomla en tu PC.
En esta clase te mostraremos como descargar e instalar Gantry 5.
En esta clase te mostraremos como traducir Gantry al español.
En esta clase haremos un recorrido por la interfase inicial de Gantry 5.
En esta clase te mostraremos la forma correcta de actualizar Gantry.
En esta clase te mostraremos la forma correcta de desinstalar Gantry.
En esta clase te mostraremos como se sustenta el proyecto Gantry 5..
Asegúrate descomprimir y guardar esta información en un lugar accesible.
En esta clase hablaremos acerca de los términos que se usan en la plataforma Gantry.
En esta clase te enseñaremos a trabajar con los Outlines.
En esta clase te enseñaremos los diferentes tipos de Outline.
En esta clase te enseñaremos los diferentes tipos de Outline.
En esta clase te enseñaremos a trabajar con el Base Outline.
En esta clase te enseñaremos a trabajar con el Base Outline.
En esta clase te enseñaremos a trabajar con el Base Outline.
En esta clase te enseñaremos a trabajar con el Base Outline.
En esta clase te enseñaremos a trabajar con el Base Outline.
En esta clase te enseñaremos a trabajar con el Base Outline.
En esta clase te enseñaremos a trabajar con los los Outline que definen la página inicial y las páginas internas.
En esta clase te enseñaremos a trabajar con las partículas.
En esta clase te enseñaremos a trabajar con la partícula "Logo".
En esta clase te enseñaremos a trabajar con una de las más importantes partículas de Gantry.
En esta clase te enseñaremos a trabajar con la partícula "Date".
En esta clase te enseñaremos a trabajar con la partícula "Custom HTML"
En esta clase te enseñaremos a trabajar con la partícula "Sample Content"
En esta clase te enseñaremos a trabajar con la partícula "Copyright"
En esta clase te enseñaremos a trabajar con la partícula "Branding".
En esta clase te enseñaremos a trabajar con la partícula "Social".
En esta clase te enseñaremos a trabajar con la partícula "Mobile Menu" y "Joomla Article".
En esta clase te enseñaremos a trabajar con la partícula "Page Content".
En esta clase te enseñaremos a trabajar con la partícula "Module Position".
En esta clase te enseñaremos a trabajar con la partícula "System Message".
En esta clase te enseñaremos a trabajar con la partícula "Module Instance".
En esta clase te enseñaremos a trabajar con la partícula "Space".
En esta clase te enseñaremos a instalar partículas para Gantry 5.
En esta clase te enseñaremos a insertar archivos CSS propios a traves del átomo "CUSTOM CSS/JS".
En esta clase te enseñaremos a insertar archivos JS propios a traves del átomo "JAVASCRIPT FRAMEWORKS".
En esta clase te enseñaremos a encontrar nuevos átomos en internet.
En esta clase te enseñaremos a descargar e instalar nuevos átomos.
En esta clase restauraremos el sitio web creado en el curso "Mi primer proyecto con Joomla".
En esta clase te enseñaremos a actualizar todas nuestras extensiones para Joomla.
En esta clase definimos el contenido por defecto de los atomos y partículas.
En esta clase te enseñaremos a definir el lugar donde se almacenaran las imágenes usadas en nuestro proyecto.
En esta clase te enseñaremos a trabajar con el creador de diseños de Gantry.
Creando nuestros diseño personalizado (Preset)
En esta clase te enseñaremos el lenguage YAML.
En esta clase te enseñaremos a crear secciones.
Cambiando las propiedades de las secciones.
Insertando estilos CSS personalizado.
Insertando estilos CSS generales (parte 1).
Insertando estilos CSS personalizados (parte 2).
Insertando estilos CSS personalizados (parte 3).
En esta clase te enseñaremos a insertar estilos a la sección "Accesos".
En esta clase te enseñaremos a crear los iconos de "Redes sociales".
Esta es una de las más importantes lecciones. Te enseñaremos a Integrar el editor TinyMCE con Gantry 5.
En esta clase te enseñaremos a insertar nuestro Logo dentro del diseño.
En esta clase te enseñaremos a diseñar el bloque "Llámanos y horarios".
En esta clase te enseñaremos a diseñar el bloque "Llámanos y horarios".
En esta clase te enseñaremos a diseñar el bloque "Menú principal".
En esta clase te enseñaremos a diseñar un módulo de búsqueda usando un módulo nativo de Joomla.
En esta clase te enseñaremos a diseñar un botón búsqueda en un Lightbox.
En esta clase te enseñaremos configurar el diseño de las secciones.
En esta clase te enseñaremos configurar el diseño de las secciones.
En esta clase te enseñaremos configurar el diseño de nuestro bloque "Bienvenidos".
En esta clase te enseñaremos configurar el diseño de la sección "Porque elegirnos".
En esta clase te enseñaremos configurar el diseño de la sección "Porque elegirnos".
En esta clase te enseñaremos configurar el diseño de la sección "Porque elegirnos".
En esta clase te enseñaremos configurar el diseño de la sección "Nuestros servicios".
En esta clase te enseñaremos configurar el diseño de la sección "Llamado a la acción".
En esta clase te enseñaremos configurar el diseño de la sección "Llamado a la acción".
En esta clase te enseñaremos configurar el diseño de la sección "Testimonios".
En esta clase te enseñaremos configurar el diseño de la sección "Testimonios".
En esta clase te enseñaremos configurar el diseño de la sección "Testimonios".
En esta clase te enseñaremos configurar el diseño de la sección "Pié de página".
En esta clase te enseñaremos configurar el diseño de la sección "Pié de página".
En esta clase te enseñaremos configurar el diseño de la sección "Pié de página".
En esta clase te enseñaremos configurar el diseño de la sección "Derechos reservados".
En esta clase te enseñaremos modificar la estructura de una partícula nativa de gantry 5.
En esta clase te enseñaremos configurar el diseño de la sección "Accesos" y "Offcanvas".
En esta clase te enseñaremos configurar el diseño de las páginas internas.
En esta clase te enseñaremos a crear una página con 3 columnas.
En esta clase hablaremos sobre un nuevo concepto traído por la versión 5 de Gantry: "La herencia".
En esta clase te mostraremos como trabajar con el primer nivel de herencia.
En esta clase te mostraremos como trabajar con el segundo nivel de herencia.
En esta clase te mostraremos como trabajar con el tercer nivel de herencia.
En esta clase te mostraremos como trabajar con el cuarto nivel de herencia.
En esta clase te enseñaremos a insertar el módulo "Ruta de navegación".
En esta clase te enseñaremos a colocar contenido dentro de una de las columnas del diseño.
En esta clase haremos una introducción al editor de menús de Gantry.
En esta clase veremos las principales características del editor de menús.
En esta clase te enseñaremos a crear un menú desplegable simple.
En esta clase te enseñaremos a crear menús desplegables simples, pero en 3 niveles de navegación.
En esta clase te enseñaremos a cambiar las animaciones por defecto que Gantry aplica a las animaciones del menú.
En esta clase te enseñaremos a crear un MegaMenu en 2 columnas.
En esta clase te enseñaremos a crear un MegaMenu en 4 columnas.
En esta clase te enseñaremos a crear una encabezado animado.
En esta clase te enseñaremos a crear una encabezado animado.
En esta clase te enseñaremos a crear un boton para poder ir a la parte superior del sitio web.
En esta clase te enseñaremos a implementar un pre-cargador de página.
Antes de optimizar nuestro sitio web tenemos que saber que tipo de optimización vamos a realizar.
En esta clase te enseñaremos los diferentes contexto responsives que gantry ofrece.
En esta clase te enseñaremos a ocultar contenido cuando estamos en dispositivos móviles.
En esta clase te enseñaremos a ocultar contenido cuando estamos en dispositivos móviles.
En esta clase te enseñaremos a mostrar contenido, sólo cuando estamos en dispositivos móviles.
En esta clase te mostraremos las diferentes herramientas que ofrece gantry a los diseñadores web para crear sitio responsive.
En esta clase te enseñaremos a re-diseñar la estructura del componente "Phoca Gallery"
En esta clase te mostraremos un ejemplo práctico sobre el usos de las Medias Queries.
En esta clase te mostraremos como optimizar tu sitio para Tablets.
En esta clase te mostraremos como optimizar tu sitio para móviles.
En esta clase te mostraremos como optimizar tu sitio para móviles.
En esta clase te mostraremos como re-diseñar el menú movil de nuestro sitio web.
En esta clase te enseñaremos a optimizar tu sitio para que se visualice correctamente en navegadores antiguos.
En esta clase te mostraremos como optimizar el tiempo de carga de tu proyecto. Comprimiremos todos los recursos de nuestro proyecto y pondremos Gantry en modo de PRODUCCIÓN.
Te enseño como hago para diseñar sitios web extraordinarios en "pocos días": SIN PROGRAMAR, SIN CODIFICAR, SOLO ARRASTRAR Y SOLTAR
¿DE QUÉ SE TRATA EL CURSO?
Te enseñaré a construir sitios web profesionales usando Gantry, el mejor generador de plantillas gratuitas para Joomla.
Gantry nos ofrece una gran cantidad de opciones que nos permite, lograr el más alto nivel de personalización, nunca antes han visto por los amantes de Joomla.
Gantry nos permite construir desde diseños sencillos, hasta complejas estructuras(Layout) sin tener conocimientos de programación.
¿POR QUÉ GANTRY?
¿PARA QUIEN ESTA DIRIGIDO ESTE CURSO?
¿CÓMO ESTÁ ESTRUCTURADO ESTE CURSO? Empezamos con un corto video introductorio. Usted aprenderá a instalar Gantry 5 y todas las configuraciones iniciales dentro de Joomla.
Luego seguimos con los primeros ajustes necesarios dentro de Gantry, configuramos el diseño de la página inicial y el diseño de las páginas internas, al mismo tiempo añadimos estilos personalizados usando CSS.
A continuación analizamos uno de los conceptos propios de Gantry "Las Partículas" que en realidad son piezas de contenido que se pueden configurar en el administrador de Gantry, muy similar a los módulos de Joomla, pero con características propias. Partículas como "Custom HTML", "Logo", "Fecha", "Social" y "Contenido de ejemplo" mejorarán nuestro flujo de trabajo.
Las "Partículas" pueden hacer todo tipo de cosas, desde insertar un pequeño bloque de código HTML o tener un bloque de información detallada, con imágenes, enlaces, texto, etc.
Luego veremos uno de las "Joyas de Gantry", el "Gestor menús" y los diferentes tipos de estructura de menús que podemos crear (múltiple columnas, Íconos en los enlaces, carga de módulos, etc).
Luego nos centramos en los que creemos es "LA PEPITA DE ORO DE ESTE CURSO", aprenderemos a crear estructuras propias (Layout) con Gantry. Te enseñaremos a construir tus propias estructuras a medida usando archivos "Twig" (Plantilla de Layout para Gantry, no es HTML, no es CSS).
Al final del curso, serás capaz de usar Gantry 5 con total seguridad y desarrollar plantillas 100% personalizadas, completamente Responsive (PC, tablet, smartphone) y diseñar los sitios web con Joomla, que siempre has soñado!.
EN RESUMEN EN ESTE CURSO APRENDERÁS:
¿QUIEN SOY?
Me llamo Erick Mines CEO de Aulaideal y te llevaré de la mano a lo largo de este curso, te aseguro que no estarás solo. Tengo más de 10 años trabajando con Joomla y más de 6 años usando Gantry (Desde que vio la luz). Cientos de de proyectos web exitosos creados usando Joomla y Gantry me respaldan.
Un abrazo y te veo dentro del curso.
--------------------------------------------------------------------------------------------------------------------------------------------
Te invito a que veas cualquiera de las clases que están gratuitas antes de comprar el curso y seguro que desearás ver el resto de este entrenamiento.
- ACTUALIZADO PARA JOOMLA 3.7 Y GANTRY 5!
---------------------------------------------------------------------------------------------------------------------------------------------