Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Design Web Design Joomla

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!.
Rating: 4.7 out of 54.7 (190 ratings)
989 students
Created by Erick Mines
Last updated 2/2020
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

What you'll 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.
Curated for the Udemy for Business collection

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 this course is for:

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

Course content

11 sections • 129 lectures • 18h 11m total length

  • Preview10:18
  • Preview05:27
  • Preview04:58
  • Preview17:27
  • ¿Qué no es Gantry?
    04:31
  • Requerimientos técnicos
    04:57
  • Instalación de un sitio Joomla
    06:40
  • Descarga e instalación de Gantry
    08:37
  • Traducción de gantry al español
    03:39
  • Conociendo la interface de Gantry
    15:31
  • Actualizando Gantry
    03:04
  • Desinstalación de Gantry
    02:47
  • El modelo de negocio de Gantry
    07:04
  • Descarga de archivos que usaremos en este curso
    00:02
  • Introducción a Gantry
    8 questions

  • ¿Por qué Gantry usa su propia terminología?
    02:44
  • ¿Qué son los Outline?
    11:00
  • Tipos de Outline (parte 1)
    10:05
  • Tipos de Outline (parte 2)
    10:47
  • Trabajando con el Base Outline (Introducción)
    13:28
  • Trabajando con el Base Outline (El Panel Estilos)
    14:47
  • Trabajando con el Base Outline (Panel Contenido por defecto de las partículas)
    13:54
  • Trabajando con el Base Outline (Panel Configuraciones de páginas)
    06:14
  • Trabajando con el Base Outline (Introducción al Layout Manager)
    06:28
  • Trabajando con el Base Outline (Los Presets de Diseño)
    11:27
  • El Outline Hydrogen página inicial y páginas internas
    09:44

  • ¿Qué son las partículas? y tipos de partículas
    06:44
  • Preview13:09
  • Partícula de tipo "Menú"
    07:16
  • Partícula de tipo "Date"
    02:13
  • Partícula de tipo "Custom HTML"
    03:35
  • Partícula de tipo "Sample Content"
    14:51
  • Partícula de tipo "Copyright"
    02:26
  • Partícula de tipo "Branding"
    02:18
  • Partícula de tipo "To Top"
    02:20
  • Partícula de tipo "Social"
    03:17
  • Partícula de tipo "Mobile Menu" y "Joomla Article"
    06:19
  • Partícula "Page Content"
    03:13
  • Partícula de tipo Module Position
    09:12
  • Partícula de tipo System Message
    02:48
  • Partícula de tipo Module Instance
    03:05
  • Partícula de tipo Space
    02:44
  • ¿Como instalar partículas?
    07:15
  • Lista de sitios web que proporcionan partículas.
    00:00

  • Insertando archivos CSS personalizados
    07:23
  • Insertando archivos JS personalizados
    04:10
  • ¿Dónde conseguir nuevos átomos?
    07:17
  • Descargando e instalando un átomo
    09:13

  • Restaurando nuestra copia de seguridad
    05:17
  • Actualizando Joomla y extensiones
    13:37
  • Configuraciones generales de estilos y partículas
    10:19
  • Definiendo el almacenamiento de imágenes
    04:52
  • Explorando el Layouts Manager
    14:40
  • Creando nuestros diseños personalizados (Presets)
    07:17
  • Entendiendo el lenguaje YAML
    06:20
  • Creando las secciones de nuestro diseño
    10:59
  • Cambiando las propiedades de las secciones
    14:29
  • Insertando estilos CSS personalizado
    04:21
  • Insertando estilos CSS generales (parte 1)
    15:58
  • Insertando estilos CSS personalizados (parte 2)
    11:36
  • Insertando estilos CSS personalizados (parte 3)
    10:45
  • Insertando estilos a la sección "Accesos"
    03:19
  • Creando los iconos de "Redes sociales"
    14:00
  • Integrando el editor TinyMCE
    17:14
  • Preview04:48
  • Insertando bloque "Llámanos y Horarios" (parte 1)
    10:49
  • Insertando bloque "Llámanos y Horarios" (parte 2)
    07:31
  • Estilizando el "Menú principal"
    17:24
  • Insertando una caja de "Búsqueda estandar"
    11:48
  • Insertando una caja de búsqueda en un LightBox (Ventana modal)
    12:01
  • Aplicando configuraciones a las secciones (parte 1)
    11:10
  • Aplicando configuraciones a las secciones (parte 2)
    11:27
  • Creando el "Bloque Bienvenidos"
    08:28
  • Creando el bloque "Porque elegirnos" (parte 1)
    14:42
  • Creando el bloque "Porque elegirnos" (parte 2)
    10:59
  • Creando el bloque "Porque elegirnos" (parte 3)
    08:06
  • Creando el bloque "Nuestros servicios"
    12:33
  • Creando el bloque "Llamado a la acción" (parte 1)
    12:38
  • Creando el bloque "Llamado a la acción" (parte 2)
    12:16
  • Creando el bloque "Testimonios" (parte 1)
    09:02
  • Creando el bloque "Testimonios" (parte 2)
    13:52
  • Creando el bloque "Testimonios" (parte 3)
    14:43
  • Creando el pie de página (parte 1)
    15:05
  • Creando el pie de página (parte 2)
    16:59
  • Creando el pie de página (parte 3)
    08:49
  • Creando el bloque derechos reservados
    04:10
  • Modificando las partículas nativas de Gantry
    03:49
  • Creando el bloque Accesos y Offcanvas
    02:28
  • Creando el diseño para las páginas internas
    12:55
  • Creando el diseño para las páginas en 3 columnas
    03:16

  • Entendiendo la herencia
    04:07
  • La herencia a nivel de Outline
    03:28
  • La herencia a nivel de átomos
    02:24
  • La herencia a nivel de Partículas
    09:22
  • La herencia a nivel de Secciones
    12:58

  • Construyendo la sección "Ruta de navegación"
    11:21
  • Asignando módulos a la columna lateral
    15:18

  • ¿Que es el editor de Menú?
    01:59
  • Explorando las características del Editor de Menús
    17:29
  • Creando un menú desplegable simple
    12:08
  • Creando un menú desplegable en tres niveles
    06:13
  • Cambiando la animación de los menús desplegables
    01:49
  • Creando un Megamenu en 2 columnas
    08:55
  • 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

  • Creando un encabezado animado con el átomo "Headroom" (parte 1)
    10:46
  • Creando un encabezado animado con el átomo "Headroom" (parte 2)
    05:32
  • Creando un botón deslizante con el átomo "Ir-arriba"
    14:16
  • Creando un pre-cargador de página con el átomo Pre-cargador
    08:48

  • ¿Qué vamos a optimizar?
    01:28
  • Entendiendo los contextos Responsives
    09:15
  • Ocultando bloques en el contexto Phone (parte 1)
    10:10
  • Ocultando bloques en el contexto Phone (parte 2)
    13:54
  • Mostrando bloques en el contexto Phone
    12:32
  • Los Medias Queries nativos de Gantry
    07:50
  • Rediseñando el diseño de nuestra galería de fotos
    12:25
  • Ejemplo sobre el uso de Medias Queries
    05:43
  • Optimizando para el contexto Tablet
    08:05
  • Optimizando para el contexto Phone (parte 1)
    09:50
  • Optimizando para el contexto Phone (parte 2)
    10:12
  • Optimizando la sección Offcanvas y el Menú movil
    06:40
  • Dando compatibilidad con navegadores antiguos
    10:27
  • Optimizando el tiempo de carga de nuestro sitio
    09:45

Instructor

Erick Mines
WebMaster y CEO en Aulaideal.com
Erick Mines
  • 4.5 Instructor Rating
  • 11,932 Reviews
  • 84,481 Students
  • 17 Courses

Soy un apasionado por el diseño y desarrollado web. Llevo más de 12 años dedicándome a este hermosa labor, específicamente en tecnologías como HTML5, CSS3, jQuery, Responsive design. 

En la actualidad  construyo sitios web personalizados y ofrezco soluciones de diseño web para una amplia gama de clientes, que confían plenamente en mi trabajo.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.