WordPress + DIVI

Construcción visual
de sitios web

La construcción de sitios web fue un tema algo complicado para los diseñadores que venían del mundo gráfico porque inicialmente la interfaz de diseño no era VISUAL. En la actualidad, con el desarrollo a escalas impensadas de los lenguajes de programación que sustentan la construcción de sitios eso quedó muy atrás.

La aparición de la plataforma WordPress (utilizada en más del 90% del mercado mundial) pone al alcance de los diseñadores una herramienta poderosísima. Y si aesto se le suman los constructores visuales que ofrecen características WYSIWYG (Lo que ves es los que obtenés), podemos decir que ha llegado el momento de poder diseñar sitios web con total libertad.

Construcción de sitios web

La contrucción de un sitio web necesita los conocimientos que hemos adquirido en el uso de los programad de diseño tales como Photoshop, Illustrator o CANVA. En el desarrollo de un sitio web vamos a necesitar tratar imagenes digitalmente, recortar, retocar, cambiar resoluciones, incorporar archivos vectoriales desde Illustrator, redibujar logos o crearlos en Canva, etc.

Unidad 1

  • El diseño gráfico tradicional y el diseño multimedial
  • Diseño multimedial: ¿que significa?
  • ¿Para que sirve un sitio web?
  • ¿Qué diferencia hay entre un sitio web y las redes sociales?

Unidad 2

  • ¿Diseñar un sitio web es lo mismo que diseñar un catálogo para impresion?
  • Ventajas del diseño para dispositivos electrónicos frente al diseño impreso
  • Multiplicidad de medios de reporducción del contenido digital

Unidad 3

  • Como interpretar a un cliente que necesita tener presencia en internet
  • Elementos de análisis que debemos considerar a la hora de plantear un sitio web
  • Elementos de comunicación que conforman un sitio web para una empresa

Unidad 4

  • Interacción de programas de diseño con el armado de un sitio web.
  • WordPress, la respuesta mágica de los programadores para los diseñadores.
  • Qué es Worpress
  • Cómo funciona

Unidad 5

  • Primeros pasos para el armado de un sitio web.
  • Búsqueda de un DOMINIO
  • Contratación de un plan de HOSTING
  • Configuración del servidor de HOSTING
  • Partes del servidor.

Unidad 6

  • Servidor de Hosting, servicios mínimos que debemos tener en cuenta antes de ingresar a WordPress
  • Qué es WordPress y cómo instalarlo en el servidor.
  • Configuración inicial de WordPress

Unidad 7

  • Escritorio de WordPress
  • Configuración General (idioma, formato de fechas, usuarios, permalinks)
  • Menú APARIENCIA
  • Uso de TEMAS
  • Uso de MENU
  • Uso de PLUG INS

Unidad 8

  • Diferencia entre wordpress.org y wordpress.com
  • Elección de un tema o plantilla para WordPress.
  • Plantillas gratuitas y plantillas pagas.
  • Tiendas de plantillas

Unidad 9

  • Qué son los constructores para WordPress
  • Plantillas que incluyen constructores gráficos.
  • Constructores gráficos independientes
  • El sistema DIVI

Unidad 10

  • Partes estructurales de un sitio de WordPress
  • HEADER o ENCABEZADO
  • BODY o CUERPO DEL SITIO
  • FOOTER o PIE DEL SITIO
  • Compresión del uso de una plantilla o TEMA.

Unidad 11

  • Consejos para trabajar ordenadamente
  • Comprendiendo el potencial de DIVI
  • Descripción de los módulos
  • Volviendo al tratamiento de imágenes en Illustrator y Photoshop para utilizarlas en un sitio web

Unidad 12

  • Importancia de preparar textos para sitios web
  • Diagramación estructural del un sitio y uso de módulos para materializarlo.
  • Plug ins adicionales: formulario de contacto, tiendas on line, posicionamiento en buscadores, etc.