Crea Sitios Joomla Extraordinarios para Empresas con Gantry
4.8 (14 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
449 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Crea Sitios Joomla Extraordinarios para Empresas con Gantry to your Wishlist.

Add to Wishlist

Crea Sitios Joomla Extraordinarios para Empresas con Gantry

Aprende a construir sitios web profesionales usando el Framework para Joomla más potente del mundo: Gantry 5!.
4.8 (14 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
449 students enrolled
Created by Erick Mines
Last updated 8/2017
Spanish
Curiosity Sale
Current price: $10 Original price: $165 Discount: 94% off
30-Day Money-Back Guarantee
Includes:
  • 18 hours on-demand video
  • 2 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Aprenderás a desarrollar un sitio web desde cero usando toda la potencia de Joomla y del mejor FrameWork para el diseño de plantillas.
  • Crear páginas web usando estándares actuales de HTML5.
  • Mejorar sus ingresos al poder desarrollar sitios web de mejor calidad con una menor inversión de tiempo.
View Curriculum
Requirements
  • Usted necesita tener nociones básicas de informática.
  • Usted necesita tener nociones básicos de Joomla.
  • Se recomienda te nociones básicas de Html5 y CSS3.
Description

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?

  • 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.

¿PARA QUIEN ESTA DIRIGIDO ESTE CURSO?

  • Personas que desean tener su propio sitio web 100% personalizado:  Aquellos que conocen Joomla, pero  necesitan tener un control total del diseño de su sitio.
  • Personas que desean generar cientos de dólares creando sitios web: El tiempo es dinero y con una menor inversión de tiempo en la elaboración de tus sitios web,  mucho mejor para tí. Gantry te permite armar diseños personalizados en tiempo record. Podrás construir  mas sitios web y vivir de esto (Así como lo hago yo).

¿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:

  • Planificar un proyecto web exitoso usando Gantry 5.
  • Crear diseños desde 0 usando Gantry 5. 
  • Tips para optimizar tu tiempo y crear más sitios web en un menor tiempo.
  • Accede a más de 15 horas de grabación.
  • Obtendrás todos los archivos originales necesarios para apoyar tu aprendizaje: Diseños en Adobe Illustrator, Fuentes de texto, Extensiones para Joomla (gratuitas y comerciales) y má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!

---------------------------------------------------------------------------------------------------------------------------------------------

Who is the target audience?
  • Diseñadores y desarrolladores que web que necesitan aprender a crear páginas web que se adapten a cualquier dispositivo.
  • Estudiantes de Diseño web.
  • Quienes quieran crear su propia página web responsive usando Joomla.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
127 Lectures
18:09:07
+
Introducción a Gantry
14 Lectures 01:35:03

Te presentamos el sitio web que desarrollaremos en este curso.

Preview 10:18

Conoce a la persona que te enseñará a manejar Gantry 5.

Preview 05:27

En esta clase te presentamos a Gantry 5.

Preview 04:58

En esta clase te mostraremos todos los beneficios y cualidades de Gantry 5.

Preview 17:27

En esta clase dejaremos en claro que no es Gantry.

¿Qué no es Gantry?
04:31

En esta clase te mostraremos lo que tu PC o servidor necesita para hacer funcionar Gantry sin problemas.

Requerimientos técnicos
04:57

En esta clase te mostraremos como instalar Joomla en tu PC.

Instalación de un sitio Joomla
06:40

En esta clase te mostraremos como descargar e instalar Gantry 5.

Descarga e instalación de Gantry
08:37

En esta clase te mostraremos como traducir Gantry al español.

Traducción de gantry al español
03:39

En esta clase haremos un recorrido por la interfase inicial de Gantry 5.

Conociendo la interface de Gantry
15:31

En esta clase te mostraremos la forma correcta de actualizar Gantry.

Actualizando Gantry
03:04

En esta clase te mostraremos la forma correcta de desinstalar Gantry.

Desinstalación de Gantry
02:47

En esta clase te mostraremos como se sustenta el proyecto Gantry 5..

El modelo de negocio de Gantry
07:04

Asegúrate descomprimir y guardar esta información en un lugar accesible.

Descarga de archivos que usaremos en este curso
00:03

Introducción a Gantry
8 questions
+
Trabajando con Outlines
11 Lectures 01:50:38

En esta clase hablaremos acerca de los términos que se usan en la plataforma Gantry.

¿Por qué Gantry usa su propia terminología?
02:44

En esta clase te enseñaremos a trabajar con los Outlines.

¿Qué son los Outline?
11:00

En esta clase te enseñaremos los diferentes tipos de Outline.

Tipos de Outline (parte 1)
10:05

En esta clase te enseñaremos los diferentes tipos de Outline.

Tipos de Outline (parte 2)
10:47

En esta clase te enseñaremos a trabajar con el Base Outline.

Trabajando con el Base Outline (Introducción)
13:28

En esta clase te enseñaremos a trabajar con el Base Outline.

Trabajando con el Base Outline (El Panel Estilos)
14:47

En esta clase te enseñaremos a trabajar con el Base Outline.

Trabajando con el Base Outline (Panel Contenido por defecto de las partículas)
13:54

En esta clase te enseñaremos a trabajar con el Base Outline.

Trabajando con el Base Outline (Panel Configuraciones de páginas)
06:14

En esta clase te enseñaremos a trabajar con el Base Outline.

Trabajando con el Base Outline (Introducción al Layout Manager)
06:28

En esta clase te enseñaremos a trabajar con el Base Outline.

Trabajando con el Base Outline (Los Presets de Diseño)
11:27

En esta clase te enseñaremos a trabajar con los los Outline que definen la página inicial y las páginas internas.

El Outline Hydrogen página inicial y páginas internas
09:44
+
Trabajando con Partículas
18 Lectures 01:32:48

En esta clase te enseñaremos a trabajar con las partículas.

¿Qué son las partículas? y tipos de partículas
06:44

En esta clase te enseñaremos a trabajar con la partícula "Logo".

Preview 13:09

En esta clase te enseñaremos a trabajar con una de las más importantes partículas de Gantry.

Partícula de tipo "Menú"
07:16

En esta clase te enseñaremos a trabajar con la partícula "Date".

Partícula de tipo "Date"
02:13

En esta clase te enseñaremos a trabajar con la partícula "Custom HTML"

Partícula de tipo "Custom HTML"
03:35

En esta clase te enseñaremos a trabajar con la partícula "Sample Content"

Partícula de tipo "Sample Content"
14:51

En esta clase te enseñaremos a trabajar con la partícula "Copyright"

Partícula de tipo "Copyright"
02:26

En esta clase te enseñaremos a trabajar con la partícula "Branding".

Partícula de tipo "Branding"
02:18

Partícula de tipo "To Top"
02:20

En esta clase te enseñaremos a trabajar con la partícula "Social".

Partícula de tipo "Social"
03:17

En esta clase te enseñaremos a trabajar con la partícula "Mobile Menu" y "Joomla Article".

Partícula de tipo "Mobile Menu" y "Joomla Article"
06:19

En esta clase te enseñaremos a trabajar con la partícula "Page Content".

Partícula "Page Content"
03:13

En esta clase te enseñaremos a trabajar con la partícula "Module Position".

Partícula de tipo Module Position
09:12

En esta clase te enseñaremos a trabajar con la partícula "System Message".

Partícula de tipo System Message
02:48

En esta clase te enseñaremos a trabajar con la partícula "Module Instance".

Partícula de tipo Module Instance
03:05

En esta clase te enseñaremos a trabajar con la partícula "Space".

Partícula de tipo Space
02:44

En esta clase te enseñaremos a instalar partículas para Gantry 5.

¿Como instalar partículas?
07:15

Lista de sitios web que proporcionan partículas.
00:03
+
Los Átomos en Gantry
4 Lectures 28:03

En esta clase te enseñaremos a insertar archivos CSS propios a traves del átomo "CUSTOM CSS/JS"

Insertando archivos CSS personalizados
07:23

En esta clase te enseñaremos a insertar archivos JS propios a traves del átomo "JAVASCRIPT  FRAMEWORKS"

Insertando archivos JS personalizados
04:10

En esta clase te enseñaremos a encontrar nuevos átomos en internet.

¿Dónde conseguir nuevos átomos?
07:17

En esta clase te enseñaremos a descargar e instalar nuevos átomos.

Descargando e instalando un átomo
09:13
+
Trabajando con el Layout Manager
42 Lectures 07:16:51

En esta clase restauraremos el sitio web creado en el curso "Mi primer proyecto con Joomla".

Restaurando nuestra copia de seguridad
05:17

En esta clase te enseñaremos a actualizar todas nuestras extensiones para Joomla.

Actualizando Joomla y extensiones
13:37

En esta clase definimos el contenido por defecto de los atomos y partículas.

Configuraciones generales de estilos y partículas
10:19

En esta clase te enseñaremos a definir el lugar donde se almacenaran las imágenes usadas en nuestro proyecto.

Definiendo el almacenamiento de imágenes
04:52

En esta clase te enseñaremos a trabajar con el creador de diseños de Gantry.

Explorando el Layouts Manager
14:40

Creando nuestros diseño  personalizado (Preset)

Creando nuestros diseños personalizados (Presets)
07:17

En esta clase te enseñaremos el lenguage YAML.

Entendiendo el lenguaje YAML
06:20

En esta clase te enseñaremos a crear secciones.

Creando las secciones de nuestro diseño
10:59

Cambiando las propiedades de las secciones.

Cambiando las propiedades de las secciones
14:29

Insertando estilos CSS personalizado.

Insertando estilos CSS personalizado
04:21

Insertando estilos CSS generales (parte 1).

Insertando estilos CSS generales (parte 1)
15:58

Insertando estilos CSS personalizados (parte 2).

Insertando estilos CSS personalizados (parte 2)
11:36

Insertando estilos CSS personalizados (parte 3).

Insertando estilos CSS personalizados (parte 3)
10:45

En esta clase te enseñaremos a insertar estilos a la sección "Accesos".

Insertando estilos a la sección "Accesos"
03:19

En esta clase te enseñaremos a crear los iconos de "Redes sociales".

Creando los iconos de "Redes sociales"
14:00

Esta es una de las más importantes lecciones. Te enseñaremos a Integrar  el editor TinyMCE con Gantry 5.

Integrando el editor TinyMCE
17:14

En esta clase te enseñaremos a insertar  nuestro Logo dentro del diseño.

Preview 04:48

En esta clase te enseñaremos a diseñar el bloque "Llámanos y horarios".

Insertando bloque "Llámanos y Horarios" (parte 1)
10:49

En esta clase te enseñaremos a diseñar el bloque "Llámanos y horarios".

Insertando bloque "Llámanos y Horarios" (parte 2)
07:31

En esta clase te enseñaremos a diseñar el bloque "Menú principal".

Estilizando el "Menú principal"
17:24

En esta clase te enseñaremos a diseñar un módulo de búsqueda usando un módulo nativo de Joomla.

Insertando una caja de "Búsqueda estandar"
11:48

En esta clase te enseñaremos a diseñar un botón búsqueda en un Lightbox.

Insertando una caja de búsqueda en un LightBox (Ventana modal)
12:01

En esta clase te enseñaremos configurar el diseño de las secciones.

Aplicando configuraciones a las secciones (parte 1)
11:10

En esta clase te enseñaremos configurar el diseño de las secciones.

Aplicando configuraciones a las secciones (parte 2)
11:27

En esta clase te enseñaremos configurar el diseño de nuestro bloque "Bienvenidos".

Creando el "Bloque Bienvenidos"
08:28

En esta clase te enseñaremos configurar el diseño de la sección "Porque elegirnos".

Creando el bloque "Porque elegirnos" (parte 1)
14:42

En esta clase te enseñaremos configurar el diseño de la sección "Porque elegirnos".

Creando el bloque "Porque elegirnos" (parte 2)
10:59

En esta clase te enseñaremos configurar el diseño de la sección "Porque elegirnos".

Creando el bloque "Porque elegirnos" (parte 3)
08:06

En esta clase te enseñaremos configurar el diseño de la sección "Nuestros servicios".

Creando el bloque "Nuestros servicios"
12:33

En esta clase te enseñaremos configurar el diseño de la sección "Llamado a la acción".

Creando el bloque "Llamado a la acción" (parte 1)
12:38

En esta clase te enseñaremos configurar el diseño de la sección "Llamado a la acción".

Creando el bloque "Llamado a la acción" (parte 2)
12:16

En esta clase te enseñaremos configurar el diseño de la sección "Testimonios".

Creando el bloque "Testimonios" (parte 1)
09:02

En esta clase te enseñaremos configurar el diseño de la sección "Testimonios".

Creando el bloque "Testimonios" (parte 2)
13:52

En esta clase te enseñaremos configurar el diseño de la sección "Testimonios".

Creando el bloque "Testimonios" (parte 3)
14:43

En esta clase te enseñaremos configurar el diseño de la sección "Pié de página".

Creando el pie de página (parte 1)
15:05

En esta clase te enseñaremos configurar el diseño de la sección "Pié de página".

Creando el pie de página (parte 2)
16:59

En esta clase te enseñaremos configurar el diseño de la sección "Pié de página".

Creando el pie de página (parte 3)
08:49

En esta clase te enseñaremos configurar el diseño de la sección "Derechos reservados".

Creando el bloque derechos reservados
04:10

En esta clase te enseñaremos modificar la estructura de una partícula nativa de gantry 5.

Modificando las partículas nativas de Gantry
03:49

En esta clase te enseñaremos configurar el diseño de la sección "Accesos" y "Offcanvas".

Creando el bloque Accesos y Offcanvas
02:28

En esta clase te enseñaremos configurar el diseño de las páginas internas. 

Creando el diseño para las páginas internas
12:55

En esta clase te enseñaremos a crear una página con 3 columnas.

Creando el diseño para las páginas en 3 columnas
03:16
+
La Herencia
5 Lectures 32:19

En esta clase hablaremos sobre un nuevo concepto traído por la versión 5 de Gantry: "La herencia".

Entendiendo la herencia
04:07

En esta clase te mostraremos como trabajar con el primer nivel de herencia.

La herencia a nivel de Outline
03:28

En esta clase te mostraremos como trabajar con el segundo nivel de herencia.

La herencia a nivel de átomos
02:24

En esta clase te mostraremos como trabajar con el tercer nivel de herencia.

La herencia a nivel de Partículas
09:22

En esta clase te mostraremos como trabajar con el cuarto nivel de herencia.

La herencia a nivel de Secciones
12:58
+
Creando las páginas internas
2 Lectures 26:39

En esta clase te enseñaremos a insertar el módulo "Ruta de navegación".

Construyendo la sección "Ruta de navegación"
11:21

En esta clase te enseñaremos a colocar contenido dentro de una de las columnas del diseño.

Asignando módulos a la columna lateral
15:18
+
El poderoso Editor Menú
9 Lectures 01:24:07

En esta clase haremos una introducción al editor de menús de Gantry.

¿Que es el editor de Menú?
01:59

En esta clase veremos las principales características del editor de menús.

Explorando las características del Editor de Menús
17:29

En esta clase te enseñaremos a crear un menú desplegable simple.

Creando un menú desplegable simple
12:08

En esta clase te enseñaremos a crear menús desplegables simples, pero en 3 niveles de navegación.

Creando un menú desplegable en tres niveles
06:13

En esta clase te enseñaremos a cambiar las animaciones por defecto que Gantry aplica a las animaciones del menú.

Cambiando la animación de los menús desplegables
01:49

En esta clase te enseñaremos a crear un MegaMenu en  2 columnas.

Creando un Megamenu en 2 columnas
08:55

En esta clase te enseñaremos a crear un MegaMenu en  4 columnas.

Creando un Megamenu en 4 columnas
09:56

Personalizando la apariencia de nuestro menú (parte 1)
09:40

Personalizando la apariencia de nuestro menú (parte 2)
15:58
+
Agregando partículas y átomos extras
4 Lectures 39:22

En esta clase te enseñaremos a crear una encabezado animado.

Creando un encabezado animado con el átomo "Headroom" (parte 1)
10:46

En esta clase te enseñaremos a crear una encabezado animado.

Creando un encabezado animado con el átomo "Headroom" (parte 2)
05:32

En esta clase te enseñaremos a crear un boton para poder ir a la parte superior del sitio web. 

Creando un botón deslizante con el átomo "Ir-arriba"
14:16

En esta clase te enseñaremos a implementar un pre-cargador de página.

Creando un pre-cargador de página con el átomo Pre-cargador
08:48
+
Optimización de Gantry
14 Lectures 02:08:16

Antes de optimizar nuestro sitio web tenemos que saber que tipo de optimización vamos a realizar.

¿Qué vamos a optimizar?
01:28

En esta clase te enseñaremos los diferentes contexto responsives que gantry ofrece.

Entendiendo los contextos Responsives
09:15

En esta clase te enseñaremos a ocultar contenido cuando estamos en dispositivos móviles. 

Ocultando bloques en el contexto Phone (parte 1)
10:10

En esta clase te enseñaremos a ocultar contenido cuando estamos en dispositivos móviles. 

Ocultando bloques en el contexto Phone (parte 2)
13:54

En esta clase te enseñaremos a mostrar contenido, sólo cuando estamos en dispositivos móviles. 

Mostrando bloques en el contexto Phone
12:32

En esta clase te mostraremos las diferentes herramientas que ofrece gantry a los diseñadores web para crear sitio responsive.

Los Medias Queries nativos de Gantry
07:50

En esta clase te enseñaremos a re-diseñar la estructura del componente "Phoca Gallery"

Rediseñando el diseño de nuestra galería de fotos
12:25

En esta clase te mostraremos un ejemplo práctico sobre el usos de las Medias Queries.

Ejemplo sobre el uso de Medias Queries
05:43

En esta clase te mostraremos como optimizar tu sitio para Tablets.

Optimizando para el contexto Tablet
08:05

En esta clase te mostraremos como optimizar tu sitio para móviles.

Optimizando para el contexto Phone (parte 1)
09:50

En esta clase te mostraremos como optimizar tu sitio para móviles.

Optimizando para el contexto Phone (parte 2)
10:12

En esta clase te mostraremos como re-diseñar el menú movil de nuestro sitio web.

Optimizando la sección Offcanvas y el Menú movil
06:40

En esta clase te enseñaremos a optimizar tu sitio para que se visualice correctamente en navegadores antiguos. 

Dando compatibilidad con navegadores antiguos
10:27

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.

Optimizando el tiempo de carga de nuestro sitio
09:45
1 More Section
About the Instructor
Erick Mines
4.4 Average rating
2,342 Reviews
15,468 Students
8 Courses
WebMaster y CEO en Aulaideal.com

Erik Mines es un apasionado y experimentado diseñador web, desarrollador y apasionado por las últimas tecnologías provenientes Lima (Perú).

Llevo más de 8 años en del desarrollo web, específicamente en tecnologías HTML5, CSS3, jQuery, Responsive design y todo lo que tiene que ver en la web.

En la actualidad construye sitios web personalizados y ofrece soluciones de diseño para una amplia gama de clientes.