Aprende a construir sitios web profesionales usando el Framework para Joomla más potente del mundo: Gantry 5.
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:SIN PROGRAMAR, SIN CODIFICAR, SOLO ARRASTRAR Y SOLTAR.
¿CÓMO ESTÁ ESTRUCTURADO ESTE CURSO DE GANTRY?
Empezamos el curso con la instalación de Joomla y Gantry. 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, me refiero al «Gestor menús» y los diferentes tipos de estructura de menús que podemos crear (múltiple columnas, iconos 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 finalizar este Curso de Gantry, 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!.
NO REQUIERE EXPERIENCIA PREVIA (Sólo Arrastrar y soltar).
Con Gantry, no necesitas ser un diseñador web para crear tus propios diseños a medida, ya que con tan solo arrastrar y soltar bloques de contenido, obtendrás lo que necesites.
GANTRY ES EXTENDIBLE.
A diferencia de otros Framework para Joomla, Gantry nos permite incluir aplicaciones para generar y administrar contenido. Estas aplicaciones se llaman «Partículas». Que son simplemente bloques de código pre-construidos, que nos permiten crear diseños listos para usar y que son configurables desde el gestor de diseños con Gantry.
¿QUE BENEFICIOS NOS BRINDA GANTRY?
- No necesitamos tocar ninguna línea de código (Si eres diseñador web, también te permite hacerlo).
- Es completamente Gratuito (Esto te permite reducir costos y ofrece precios accesibles).
- Te ofrece una Interfaz intuitiva (Sólo arrastrar y soltar).
- Incorpora un potente gestor de menús, nunca antes visto.
- No se requiere experiencia en diseño web.
- Los diseños creados con Gantry 5 se adaptan a Móviles y Tablet (Son Responsive).
- Te permite crear sitios extremadamente veloces ya que incorpora su sistema propio de compresión de archivos.
- Fue creado pensado en el SEO (Es responsive, Veloz, Página de Error 404 incluida, Código HTML semántico, etc).
- Y para los diseñadores web: GANTRY 5 USA FLEXBOX en toda su estructura.
Te espero dentro de este extraordinario curso de Gantry 5 que he preparado para ti.
Currículum
- 11 secciones
- 125 lecciones
- Duración
- Módulo 1: Introducción a Gantry14
- 2.1Descarga archivos que usaremos en este curso1 minuto
- 2.2¿Qué haremos en este curso?10 minutos
- 2.3¿Quien soy?5 minutos
- 2.4¿Qué es Gantry?5 minutos
- 2.5Ventajas del Gantry18 minutos
- 2.6¿Qué no es Gantry?5 minutos
- 2.7Requerimientos técnicos5 minutos
- 2.8Instalación de un sitio Joomla7 minutos
- 2.9Descarga e instalación de Gantry9 minutos
- 2.10Traducción de Gantry al español4 minutos
- 2.11Conociendo la interfase de Gantry15 minutos
- 2.12Actualizando Gantry4 minutos
- 2.13Desinstalación de Gantry3 minutos
- 2.14El modelo de negocio detrás de Gantry7 minutos
- Módulo 2: Trabajando con Outlines11
- 3.1¿Porque Gantry usa su propia terminología?3 minutos
- 3.2Los Outline11 minutos
- 3.3Tipos de Outline (parte 1)10 minutos
- 3.4Tipos de Outline (parte 2)11 minutos
- 3.5Trabajando con el Base Outline- Introducción13 minutos
- 3.6Trabajando con el Base Outline – Panel Estilos15 minutos
- 3.7Trabajando con el Base Outline – Contenido por defecto de las particulas13 minutos
- 3.8Trabajando con el Base Outline (Panel Configuraciones de páginas)6 minutos
- 3.9Trabajando con el Base Outline (El Layout Manager)7 minutos
- 3.10Trabajando con el Base Outline (Trabajando con Presets de Diseño)11 minutos
- 3.11El Outline Hydrogen página inicial y páginas internas10 minutos
- Módulo 3: Trabajando con Partículas17
- 4.1¿Qué son las partículas y tipos de partículas?7 minutos
- 4.2Partícula de tipo Logo – Image14 minutos
- 4.3Partícula de tipo Menú8 minutos
- 4.4Partícula de “Tipo Date”3 minutos
- 4.5Partícula de “Tipo Custom HTML”4 minutos
- 4.6Partícula de tipo “Sample Content”14 minutos
- 4.7Partícula de tipo “Copyright”3 minutos
- 4.8Partícula de tipo “Branding”3 minutos
- 4.9Partícula de tipo “To Top”3 minutos
- 4.10Partícula de tipo “Social”4 minutos
- 4.11Partícula de tipo “Mobile Menu” y “Joomla Article”6 minutos
- 4.12Partícula de “Page Content”4 minutos
- 4.13Partícula de tipo “System Messages”3 minutos
- 4.14Partícula de tipo “Module Position”10 minutos
- 4.15Partícula de tipo “Module Instance”3 minutos
- 4.16Partícula de tipo “Space”3 minutos
- 4.17Como instalar partículas7 minutos
- Módulo 4: Los Átomos en Gantry4
- Modulo 5: Trabajando con el Layout Manager42
- 6.1Restaurando nuestra copia de seguridad5 minutos
- 6.2Actualizando Joomla y extensiones13 minutos
- 6.3Configuraciones de estilos y partículas11 minutos
- 6.4Definiendo el almacenamiento de imágenes5 minutos
- 6.5Explorando el Layout Manager14 minutos
- 6.6Creando nuestros diseño personalizado (Preset)7 minutos
- 6.7Entendiendo el lenguaje YAML7 minutos
- 6.8Creando las secciones de nuestro diseño11 minutos
- 6.9Cambiando las propiedades de las secciones15 minutos
- 6.10Insertando estilos CSS personalizados5 minutos
- 6.11Insertando estilos CSS generales (parte 1)16 minutos
- 6.12Insertando estilos CSS personalizados (parte 2)12 minutos
- 6.13Insertando estilos CSS personalizados (parte 3)11 minutos
- 6.14Insertando estilos a la seccion Accesos4 minutos
- 6.15Creando los iconos de redes sociales14 minutos
- 6.16Integrando TinyMCE18 minutos
- 6.17Insertando nuestro Logo5 minutos
- 6.18Insertando bloque Llámanos y Horarios (parte 1)11 minutos
- 6.19Insertando bloque Llámanos y Horarios (parte 2)8 minutos
- 6.20Estilizando el menú principal18 minutos
- 6.21Insertando una caja de búsqueda estandar12 minutos
- 6.22Insertando una caja de búsqueda en un LightBox12 minutos
- 6.23Aplicando configuraciones a las secciones (parte 1)11 minutos
- 6.24Aplicando configuraciones a las secciones (parte 2)12 minutos
- 6.25Creando el bloque Bienvenidos9 minutos
- 6.26Creando el bloque Porque elegirnos (parte 1)15 minutos
- 6.27Creando el bloque Porque elegirnos (parte 2)11 minutos
- 6.28Creando el bloque Porque elegirnos (parte 3)8 minutos
- 6.29Creando el bloque Nuestros servicios12 minutos
- 6.30Creando el bloque Llamado a la acción (parte 1)12 minutos
- 6.31Creando el bloque Llamado a la acción (parte 2)12 minutos
- 6.32Creando el bloque Testimonios (parte 1)9 minutos
- 6.33Creando el bloque Testimonios (parte 2)14 minutos
- 6.34Creando el bloque Testimonios (parte 3)15 minutos
- 6.35Creando el pie de pagina (parte 1)15 minutos
- 6.36Creando el pie de página (parte 2)17 minutos
- 6.37Creando el pie de página (parte 3)9 minutos
- 6.38Creando el bloque derechos reservados5 minutos
- 6.39Modificando las partículas nativas de Gantry4 minutos
- 6.40Creando el bloque Accesos y Offcanvas3 minutos
- 6.41Creando el diseño para las paginas internas13 minutos
- 6.42Creando el diseño para las paginas en 3 columnas4 minutos
- Módulo 6: La Herencia5
- Módulo 7: Creando las páginas internas2
- Módulo 8: El poderoso Editor Menú9
- 9.1¿Que es el editor de Menús?2 minutos
- 9.2Explorando las características del Editor de Menús18 minutos
- 9.3Creando un menú desplegable simple12 minutos
- 9.4Creando un menú desplegable en tres niveles6 minutos
- 9.5Cambiando la animación de los menús desplegables2 minutos
- 9.6Creando un megamenu en 2 columnas9 minutos
- 9.7Creando un megamenu en 4 columnas10 minutos
- 9.8Personalizando la apariencia de nuestro menú (parte 1)10 minutos
- 9.9Personalizando la apariencia de nuestro menú (parte 2)16 minutos
- Módulo 9: Agregando partículas y átomos extras4
- Módulo 10: Optimización de Gantry14
- 11.1¿Que vamos a optimizar?2 minutos
- 11.2Entendiendo los contextos Responsives10 minutos
- 11.3Ocultando bloques en el contexto Phone (parte 1)10 minutos
- 11.4Ocultando bloques en el contexto Phone (parte 2)14 minutos
- 11.5Mostrando bloques en el contexto Phone12 minutos
- 11.6Los Medias Queries nativos de Gantry8 minutos
- 11.7Rediseñando el Layout de nuestra galería de fotos13 minutos
- 11.8Ejemplo sobre el uso de Medias Queries6 minutos
- 11.9Optimizando para el contexto tablet9 minutos
- 11.10Optimizando para el contexto Phone (parte 1)10 minutos
- 11.11Optimizando para el contexto Phone (parte 2)10 minutos
- 11.12Optimizando la sección Offcanvas y el Menú móvil7 minutos
- 11.13Dando compatibilidad con navegadores antiguos11 minutos
- 11.14Optimizando el tiempo de carga de nuestro sitio10 minutos
- Modulo 11: El siguiente paso3
Caracteristicas
- Lograrás planificar un proyecto web exitoso usando Gantry 5.
- Lograrás Crear diseños desde 0 usando Gantry 5.
- Lograrás Dominarás los secretos para optimizar tu tiempo y crear más sitios web en un menor tiempo.
- Obtendrás todos los archivos necesarios para apoyar tu aprendizaje: Diseños en Adobe Illustrator, Extensiones para Joomla y más.
