Lo que aprenderás
- 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.
Temario del curso
Módulo 1: Introducción a Gantry
- Descarga archivos que usaremos en este curso
- ¿Qué haremos en este curso?
- ¿Quien soy?
- ¿Qué es Gantry?
- Ventajas del Gantry
- ¿Qué no es Gantry?
- Requerimientos técnicos
- Instalación de un sitio Joomla
- Descarga e instalación de Gantry
- Traducción de Gantry al español
- Conociendo la interfase de Gantry
- Actualizando Gantry
- Desinstalación de Gantry
- El modelo de negocio detrás de Gantry
Módulo 2: Trabajando con Outlines
- ¿Porque Gantry usa su propia terminología?
- Los Outline
- Tipos de Outline (parte 1)
- Tipos de Outline (parte 2)
- Trabajando con el Base Outline- Introducción
- Trabajando con el Base Outline – Panel Estilos
- Trabajando con el Base Outline – Contenido por defecto de las particulas
- Trabajando con el Base Outline (Panel Configuraciones de páginas)
- Trabajando con el Base Outline (El Layout Manager)
- Trabajando con el Base Outline (Trabajando con Presets de Diseño)
- El Outline Hydrogen página inicial y páginas internas
Módulo 3: Trabajando con Partículas
- ¿Qué son las partículas y tipos de partículas?
- Partícula de tipo Logo – Image
- Partícula de tipo Menú
- Partícula de “Tipo Date”
- Partícula de “Tipo Custom HTML”
- Partícula de tipo “Sample Content”
- Partícula de tipo “Copyright”
- Partícula de tipo “Branding”
- Partícula de tipo “To Top”
- Partícula de tipo “Social”
- Partícula de tipo “Mobile Menu” y “Joomla Article”
- Partícula de “Page Content”
- Partícula de tipo “System Messages”
- Partícula de tipo “Module Position”
- Partícula de tipo “Module Instance”
- Partícula de tipo “Space”
- Como instalar partículas
Módulo 4: Los Átomos en Gantry
Modulo 5: Trabajando con el Layout Manager
- Restaurando nuestra copia de seguridad
- Actualizando Joomla y extensiones
- Configuraciones de estilos y partículas
- Definiendo el almacenamiento de imágenes
- Explorando el Layout Manager
- Creando nuestros diseño personalizado (Preset)
- Entendiendo el lenguaje YAML
- Creando las secciones de nuestro diseño
- Cambiando las propiedades de las secciones
- Insertando estilos CSS personalizados
- Insertando estilos CSS generales (parte 1)
- Insertando estilos CSS personalizados (parte 2)
- Insertando estilos CSS personalizados (parte 3)
- Insertando estilos a la seccion Accesos
- Creando los iconos de redes sociales
- Integrando TinyMCE
- Insertando nuestro Logo
- Insertando bloque Llámanos y Horarios (parte 1)
- Insertando bloque Llámanos y Horarios (parte 2)
- Estilizando el menú principal
- Insertando una caja de búsqueda estandar
- Insertando una caja de búsqueda en un LightBox
- Aplicando configuraciones a las secciones (parte 1)
- Aplicando configuraciones a las secciones (parte 2)
- Creando el bloque Bienvenidos
- Creando el bloque Porque elegirnos (parte 1)
- Creando el bloque Porque elegirnos (parte 2)
- Creando el bloque Porque elegirnos (parte 3)
- Creando el bloque Nuestros servicios
- Creando el bloque Llamado a la acción (parte 1)
- Creando el bloque Llamado a la acción (parte 2)
- Creando el bloque Testimonios (parte 1)
- Creando el bloque Testimonios (parte 2)
- Creando el bloque Testimonios (parte 3)
- Creando el pie de pagina (parte 1)
- Creando el pie de página (parte 2)
- Creando el pie de página (parte 3)
- Creando el bloque derechos reservados
- Modificando las partículas nativas de Gantry
- Creando el bloque Accesos y Offcanvas
- Creando el diseño para las paginas internas
- Creando el diseño para las paginas en 3 columnas
Módulo 6: La Herencia
Módulo 7: Creando las páginas internas
Módulo 9: Agregando partículas y átomos extras
Módulo 10: Optimización de Gantry
- ¿Que vamos a optimizar?
- Entendiendo los contextos Responsives
- Ocultando bloques en el contexto Phone (parte 1)
- Ocultando bloques en el contexto Phone (parte 2)
- Mostrando bloques en el contexto Phone
- Los Medias Queries nativos de Gantry
- Rediseñando el Layout de nuestra galería de fotos
- Ejemplo sobre el uso de Medias Queries
- Optimizando para el contexto tablet
- Optimizando para el contexto Phone (parte 1)
- Optimizando para el contexto Phone (parte 2)
- Optimizando la sección Offcanvas y el Menú móvil
- Dando compatibilidad con navegadores antiguos
- Optimizando el tiempo de carga de nuestro sitio
Modulo 11: El siguiente paso
Descripción
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.
Instructor
Erick Mines
- 33 cursos
- 231220 estudiantes