WordPress + Brizy + Canva: Conviértete en diseñador web!
4.4 (22 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,128 students enrolled

WordPress + Brizy + Canva: Conviértete en diseñador web!

Herramientas modernas como Brizy hacen que convertirse en Diseñador web en poco tiempo sea posible.
4.4 (22 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,128 students enrolled
Created by Fabián Karaben
Last updated 2/2019
Spanish
Spanish [Auto-generated]
Current price: $11.99 Original price: $79.99 Discount: 85% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6.5 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Aprenderás WordPress y diseño de páginas web desde cero.
  • Aprenderás a utilizar Brizy para crear diseños increíbles en WordPress.

  • Aprenderás conceptos relacionados a los sitios web como "Web hosting" o "Dominio web", y cómo utilizarlos.

  • Aprenderás a obtener imágenes de uso libre y en alta definición como material para los diseños.
  • Aprenderás a crear atractivos diseños de imágenes en Canva para utilizarlos en Brizy.
  • Aprenderás a optimizar un sitio web en WordPress para que siempre funcione con fluidez.
Requirements
  • Solo se requiere saber utilizar el navegador web.
  • Para el 99% del curso no se necesitan conocimientos sobre HTML y CSS.
  • No se requieren conocimientos sobre diseño gráfico.
Description

Hola y bienvenido o bienvenida a este curso en donde vas aprender todos los conceptos para convertirte en un diseñador web moderno, y donde también vas a realizar las prácticas necesarias para terminar el curso en condiciones de empezar a trabajar.

Si bien el contenido de este curso está pensado para que como diseñador web inviertas en la versión Pro de Brizy, si preferís utilizar solo su versión Free, este curso también te va a servir pero no vas a poder utilizar algunas funcionalidades.

De todas formas como lo vamos a ver más a fondo en uno de los vídeos, el costo de inversión de Brizy Pro se puede cubrir con el primer sitio web que vendas.

Cubriremos todos los conceptos y ejercicios prácticos, desde la utilización de la demo de Brizy hasta la creación de un sitio web de prueba gratuito en CloudHeader, para que practiques lo aprendido montando un sitio web real con cero inversión extra.

También te vamos a explicar algunos conceptos extras como “¿Qué es web hosting?”, “¿Qué es un nombre de dominio web?”. Incluso tocaremos una genial herramienta, también gratuita, que te va a ayudar a generar y editar las imágenes para utilizarlas en tu página web, hablo de la herramienta Canva.

Brizy actualmente está dando sus primeros paso, por lo que este curso se irá actualizando semanalmente con cada nueva funcionalidad que el equipo de Brizy añada.

Al final del curso vas a ser capaz de crear sitios web completos en solo algunas horas, o un par de días en el caso de sitios web más grandes, montarlos en un servicio de web hosting y optimizarlos.

Who this course is for:
  • Cualquier persona que desee iniciar un negocio de diseño de páginas web con herramientas modernas.
  • Cualquier persona que prefiera realizar él mismo sus páginas web.
  • Personas que ya trabajan en diseño web pero que necesiten aprender a utilizar herramientas modernas para no perder competitividad.
Course content
Expand all 70 lectures 06:24:38
+ Introducción al curso
2 lectures 08:39

En esta clase analizamos el panorama de trabajo de un diseñador web y la razón de ser de Brizy.

Preview 04:23

En esta clase vemos una introducción a Brizy a través de su demo online, y explico qué son lo bloques, cómo añadir bloques a una página y también muestro una revisión rápida de la interfaz del editor de Brizy.

Preview 04:16
+ Entendiendo al servicio de web hosting
4 lectures 18:31

En esta clase vemos la definición de Web Hosting (alojamiento web) y Dominio web, conceptos que son necesarios de entender para las siguientes clases del curso.

Preview 02:38

En esta clase vemos cómo obtener una cuenta de web hosting gratis por un mes para realizar las prácticas del curso, y finalizo explicando la diferencia entre trabajar en una instalación local de WordPress y trabajar de forma remota.

Obtener hosting gratuito para practicar con Brizy
06:06

En esta clase hablo sobre seguridad en servicios de web hosting para WordPress, la importancia de la seguridad y los puntos a tener en cuenta para asegurar la estabilidad de nuestros sitios web.

Seguridad Wordpress en web hosting
04:04

Este es un tour por WHMCS (Área de clientes) y cPanel (Gestión funcionalidades de web hosting), una dupla de sistemas con los que te vas a encontrar en la mayoría de las empresas de web hosting que utilices.

Un tour por WHMCS y por cPanel
05:43
Pruébate
3 questions
+ Conceptos básicos sobre WordPress
3 lectures 19:40

En esta clase expongo algunos datos interesantes solo qué es WordPress, la herramienta base de todo el curso, junto con Brizy.

¿Qué es WordPress?
01:56

En esta clase vemos cómo instalar WordPress en un servicio de web hosting que cuente con cPanel y Softaculous, lo sencillo que es hacerlo y también instalo algunos de los plugins esenciales que considero que todo sitio web en WordPress debe tener.

Instalar WordPress con Softaculous
08:24

Esta clase es para estudiantes que no estén familiarizados para nada con los aspectos básicos de WordPress. Se exponen las diferencias entere Páginas y Entradas, y las secciones Medios, Comentarios, Apariencia, Widgets, Menús y Plugins.

Un tour por las características básicas de WordPress
09:20
Pruébate
3 questions
+ Conceptos básicos de Brizy
4 lectures 23:32

En esta clase vemos cómo instalar Brizy y cómo añadir Brizy Pro.

Instalar el plugin de Brizy Pro
02:46

En esta clase vemos la mayoría de las opciones para personalizar el comportamiento y estilo de los bloques de Brizy, las demás opciones, las que no están en este video es porque son opciones importantes que tienen sus propios videos.

Preview 09:21

En esta clase vamos a ver cómo guardar un bloque para poder insertar una copia idéntica de ese bloque en otro editor de Brizy. También vamos a ver cómo mantener bloques sincronizados entre diferentes editores de Brizy, lo que se conoce como “Bloques globales”.


Bloques guardados y bloques globales
04:43

En este video vemos cómo utilizar las tres vistas, la vista Desktop, la vista Tablet y la vista Mobile para conseguir que nuestros diseños se vean bien en todos los dispositivos y tamaños de pantalla.

Vistas Desktop, Tablet y Mobile
06:42
Pruébate
3 questions
+ Características de Brizy
4 lectures 15:29

En esta clase vemos cómo crear diseños de Brizy que se puedan utilizar en múltiples contenidos dentro del sitio web, y esto se logra utilizando las plantillas de Brizy.

Plantillas de Brizy y Contenido dinámico
06:37

En esta clase vemos cómo lanzar popups o ventanas emergentes y cómo configurar sus opciones. También se muestra cómo se visualiza un popup en las vistas Tablet y Mobile.

Popup builder
04:10

En esta clase vemos cómo colocar atractivas formas entre un bloque y otro, esto se consigue con los Shape Dividers de Brizy.

Divisores con formas entre bloques
03:03

En esta clase vemos cómo lograr que los elementos de Brizy aparezcan usando un efecto de animación.

Animaciones de entrada
01:39
Pruébate
3 questions
+ Elementos de Brizy
21 lectures 01:15:23

En esta clase vemos el elemento Text, cómo utilizar las tipografías predefinidas y cómo dar diferentes estilos al los párrafos dentro de un mismo elemento Text.

Elemento Text
05:33

En esta clase vemos el elemento Button, las opciones que presenta para configurar su estilo y su comportamiento.

Elemento Button
03:36

En esta clase vemos el elemento Icon y lo similar que es al elemento Button.

Elemento Icon
01:45

En esta clase vemos el elemento Image para insertar imágenes en nuestros diseños y analizamos sus opciones entre las que incluso se puede realizar ajustes de Matiz, Saturación, Brillo y Contraste.

Elemento Image
02:27

En esta clase vemos el elemento Video de Brizy, insertamos dos videos, uno desde YouTube y otro desde Vimeo y configuramos una imagen de cover para uno de ellos.

Elemento Video
03:01

En esta clase vemos los elementos Spacer y Line, dos elementos muy sencillos pero no menos importantes.

Elementos Spacer y Line
02:09

En esta clase vemos el elemento Map que nos permite insertar mapas interactivos de Google Maps en nuestros diseños.

Elemento Map
02:08

En esta clase vemos el elemento Embed el cual permite insertar fragmentos de otros sitios web en nuestros diseños o bien un fragmento de código HTML personalizado.

Elemento Embed
02:44

En esta clase vemos el elemento Form el cual permite crear formularios de forma muy sencilla. También vemos cómo configurar un formulario y dejarlo funcionando.

Elemento Form
09:51

En esta clase vemos este curioso elemento, el elemento Icon Box el cual es simplemente la combinación de un elemento Icon, un elemento Text y un elemento Button todo en uno.

Elemento Icon Box
04:00

En esta clase vemos el elemento SndCloud el cual permite insertar reproductores de SoundCloud en nuestros diseños.

Elemento SndCloud (SoundCloud)
01:17

En esta clase vemos los elementos Counter y Countdown que nos permiten presentar datos con atractivas animaciones, en el caso del primero una cantidad y en el caso del segundo una fecha y hora en cuenta regresiva.

Elementos Counter y Countdown
03:17

En esta clase vemos los elementos Tabs y Accordion, dos elementos que nos ayudan a estructurar mejor el contenido de nuestros diseños.

Elementos Tabs y Accordion
01:52

En esta clase vemos el elemento Progress el cual es muy útil para presentar datos de avances.

Elemento Progress
01:30

En esta clase vemos los elementos Column y Row que se utilizan para organizar otros elementos en columnas y filas.


Elementos Column y Row
03:39

En esta clase vemos como utilizar el elemento Sidebar para aprevechar los Sidebars de WordPress, esos espacios donde podemos agregar Widgets.

Elemento Sidebar
01:48

En esta clase vemos el elemento Shortcode, el cual permite insertar todo tipo de shortcodes para expandir las funcionalidades de Brizy.

Elemento Shortcode
04:42

En esta clase vemos el elemento Menu de Brizy el cual nos permite insertar menús de WordPress directamente en nuestros diseños.

Elemento Menu
03:47

En esta clase vemos el elemento Gallery el cual nos permite exponer un conjunto de imágenes de una forma muy elegante.

Elemento Gallery
02:04

En esta clase vemos el elemento Carousel el cual permite colocar columnas de contenido en forma de slider.

Elemento Carousel
06:05

En esta clase vemos los elementos Posts y Archives los cuales son dos elementos muy similares y ambos permiten crear una lista de publicaciones de algún tipo de contenido.

Elementos Posts y Archives
08:08
Pruébate
5 questions
+ Estilos en Brizy
2 lectures 09:35

En esta clase vemos el panel de estilos predefinidos de Brizy el cual nos permite acceder a estilos generales en todas las páginas del sitio web.

Colores predefinidos, fuentes y estilos
04:34

En esta clase vemos cómo obtener control total sobre el diseño de los elementos de Brizy, añadiendo clases CSS personalizadas.

Estilos CSS personalizados (intermedio)
05:01
+ Canva y otros recursos
4 lectures 19:29

En esta clase vemos cuatro sitios web que son valiosos recursos para descargar imágenes en alta definición y de uso libre para aprovecharlas en nuestros diseños.

Obtener imágenes para nuestros diseños
03:20

En esta clase empezamos a analizar Canva, una genial herramienta para crear diseños en imágenes.

Primer contacto con la interfaz de Canva
02:14

En esta clase analizamos todas las posibilidades que brinda el editor de Canva en su versión gratuita.

El editor de Canva
09:46

En esta clase vemos las funcionalidades y materiales extras que aporta Canva for Work, la versión paga de Canva.

Ventajas de la versión paga de Canva
04:09
+ Más características de Brizy
3 lectures 37:55

En esta clase vemos el plugin Pods que junto con Brizy nos permiten crear contenido dinámico personalizado y añadirlo nuestros diseños muy fácilmente.

Contenido dinámico con Pods
18:50

En esta clase vamos a analizar el plugin Advanced Custom Field (ACF) el cual en conjunto con Brizy permite añadir campos personalizados a nuestros diseños.

Contenido dinámico con ACF
07:52

En esta clase vemos el plugin Toolset, una alternativa muy similar a Pods pero con la diferencia de que es un plugin de pago con una empresa detrás que brinda soporte técnico y en caso de que eso sea importante para vos, este será tu plugin de preferencia.

Contenido dinámico con Toolset
11:13
Pruébate
3 questions
+ Optimizaciones
4 lectures 22:56

En esta clase vemos cómo aprovechar las ventajas del CDN global de Cloudflare.

Optimizar la carga de nuestras páginas con Cloudflare
13:39

En esta clase vemos cómo limitar las revisiones que genera WordPress para evitar que al guardar los cambios desde el editor de Brizy tengamos que esperar mucho tiempo.

Limitar revisiones guardadas en WordPress
04:07

En esta clase muestro cómo funciona la optimización automática de imágenes de Brizy.

Optimizar la carga de imágenes
02:22

En esta clase vemos los últimos tips sobre optimización del sitio web los cuales consisten en habilitar la memoria caché del plugin WP Super Cache y activar la compresión de archivos en la cuenta de web hosting.

Optimizar la carga del sitio web con caché y compresión
02:48
Pruébate
2 questions