Inicio/Curso/Experto en Diseño Web con Photoshop, Figma y WordPress

Experto en Diseño Web con Photoshop, Figma y WordPress

¿Quieres recibir información sobre este curso?

Déjanos tus datos y la academia se pondrá en contacto contigo.

 

Sobre este curso

¿Qué voy a aprender en este curso?

En este curso aprenderás a diseñar páginas web gracias al manejo de herramientas como FIGMA y Adobe Photoshop, tanto para desktop como para tablet y móvil. Además, también aprenderás a crear webs con WordPress, el gestor de contenido más utilizado del mismo. Asimismo, te familiarizarás distintos plugins como Elementor Page Builder, Ninja Forms y Yoast SEO.

Metodología

Podrás acceder a enseñanza programada, lo cual te permite formarte desde donde quieras y cuándo quieras. Además, tú mismo podrás adaptar la carga de trabajo a tu situación y a tu tiempo libre para poder estudiar cuando mejor te venga. A mayores, contarás con un profesor particular que estará siempre a tu disposición para responder cualquier pregunta y resolver todas tus dudas.

Programa de prácticas

Una vez terminada tu formación, podrás acceder a un programa de prácticas en empresas del sector que te permitirá dar tus primeros pasos en el mundo profesional y poner en práctica los conocimientos adquiridos.

Bolsa de trabajo

Además, también tendrás acceso a una bolsa de trabajo donde podrás presentar tu candidatura a ofertas de trabajo exclusivas.

Temario

TEMA 1. LA PERCEPCIÓN VISUAL
- Introducción.
- Fundamentos del lenguaje plástico.
- Principios de organización de la percepción: la Gestalt.
- Factores culturales.

TEMA 2. ESTRUCTURA GEOMÉTRICA DEL PLANO
- Introducción.
- El rectángulo: proporciones y tipos.
- Divisiones geométricas del campo.
- Estructura modular: composición.

TEMA 3. FORMATOS DE PAPEL
- Los orígenes del papel.
- Los formatos.
- El papel: tipos y características.

TEMA 4. LA TIPOGRAFÍA
- Un poco de memoria.
- El tipo.
- Clasificación.
- Sistemas de medidas.
- Tipografía digital.

TEMA 5. LA RETÍCULA
- Antecedentes.
- Estilo clásico.
- Estilo suizo.
- La retícula en el diseño actual.

TEMA 6. LA PÁGINA
- Introducción.
- Elementos de una página.
- Elementos gráficos y ornamentales.
- Estructura del párrafo.
- Tipografía: cuerpo, fuente y color.
- Legibilidad y comunicación.

TEMA 7. LA IMAGEN
- Las primeras imágenes: la Fotografía.
- La Trama.
- Los Originales.
- La reproducción de la imagen.

TEMA 8. EL COLOR
- Un poco de historia.
- Clasificación del color.
- Cualidades del color.
- Dinámica del color, visibilidad y retención
- Psicología del color.

TEMA 9. LA IMPRESIÓN
- Introducción.
- Sistemas de impresión.
- Emulsión de los fotolitos.
- Técnicas de Preimpresión.
- Impresión del color sobre papel.
- Ganancia de punto.

TEMA 10. LA PERSPECTIVA
- Introducción.
- Geometría descriptiva: sistemas de Proyección.
- Sistemas de Proyección Ortogonal.
- Sistemas de Proyección Cligonal.
- Sistemas de Proyección Cónico.

TEMA 11. MODELADO 3D
- Introducción.
- Tipos de geometrías.
- Primitivas estándar.
- Elementos del modelado 3D.

TEMA 12. ILUMINACIÓN, MATERIALES, TEXTURIZACIÓN Y RENDERIZACIÓN
- Tipos de iluminación.
- Materiales
- Texturización.
- Renderización.

TEMA 1. PRESENTACIÓN
- Presentación

TEMA 2. CONCEPTOS BÁSICOS
- Novedades del programa
- Tipos de imágenes
- Resolución de imagen
- Formato PSD
- Formatos de imagen

TEMA 3. ÁREA DE TRABAJO
- Abrir y guardar una imagen
- Crear un documento nuevo
- Área de trabajo
- Gestión de ventanas y paneles
- Guardar un espacio de trabajo
- Modos de pantalla
- Prácticas

TEMA 4. PANELES Y MENÚS
- Barra menú
- Barra de herramientas
- Opciones de Herramientas y barra de estado
- Ventanas de Photoshop I
- Ventanas de Photoshop II
- Zoom y mano y ventana navegador
- Prácticas

TEMA 5. HERRAMIENTAS DE SELECCIÓN
- Herramientas de selección
- Herramienta marco
- Opciones de marco
- Herramienta lazo
- Herramienta Varita
- Herramienta de selección rápida
- Herramienta mover
- Sumar restar selecciones
- Modificar selecciones
- Prácticas

TEMA 6. HERRAMIENTAS DE DIBUJO Y EDICIÓN
- Herramientas de dibujo y edición
- Herramienta Pincel
- Crear pinceles personalizados
- Herramienta lápiz
- Herramienta sustitución de color
- Herramienta pincel historia
- Herramienta pincel histórico
- Herramienta de degradado
- Herramienta bote de pintura
- Prácticas

TEMA 7. HERRAMIENTAS DE RETOQUE Y TRANSFORMACIÓN
- Herramientas de retoque y transformación
- Herramienta recortar
- Herramienta sector
- Cambiar el tamaño del lienzo
- Herramienta pincel corrector puntual
- Herramienta ojos rojos
- Tampón de clonar
- Herramienta borrador
- La Herramienta desenfocar
- Herramienta sobreexponer y subexponer
- Prácticas

TEMA 8. CAPAS
- Conceptos básicos de capas
- El panel capas
- Trabajar con capas I
- Trabajar con capas II
- Alinear capas
- Rasterizar capas
- Opacidad y fusión de capas
- Estilos y efectos de capa
- Capas de ajuste y relleno
- Combinar capas
- Prácticas

TEMA 9. TEXTO
- Herramientas de texto
- Introducir texto
- Cambiar caja y convertir texto
- Formato de caracteres
- Formato de párrafo
- Rasterizar y filtros en texto
- Deformar texto
- Crear estilos de texto
- Relleno de texto con una imagen
- Ortografía
- Herramienta máscara de texto y texto 3D
- Prácticas

TEMA 10. HERRAMIENTAS DE DIBUJO
- Herramientas de dibujo
- Modos de dibujo
- Herramienta pluma
- Ventana trazados
- Subtrazados
- Convertir trazados en selecciones
- Pluma de forma libre
- Capas de forma
- Herramienta forma
- Prácticas

TEMA 11. REGLAS, ACCIONES, FILTROS Y CANALES
- Reglas, guías y cuadrícula
- Herramienta regla
- Acciones
- Filtros
- Objetos inteligentes
- Canales
- Máscara rápida
- Canales Alfa
- Prácticas

TEMA 12. TRANSFORMAR IMÁGENES Y GRÁFICOS WEB
- Transformación de una imagen
- Deformar un elemento
- Tamaño de la imagen
- Resolución imagen y monitor
- Rollover
- Los sectores
- Tipos de sectores
- Propiedades de los sectores
- Modificar sectores
- Optimizar imágenes
- Guardar para web
- Generar recursos de imagen
- Prácticas

TEMA 13. IMPRESIÓN
- Impresión
- Impresión de escritorio
- Pruebas de color en pantalla
- Perfiles de color
- Imprimir una imagen
- Preparación de archivos para imprenta
- Prácticas

TEMA 14. 3D
- Fundamentos 3D
- Herramientas de objeto y de cámara 3D
- Creación de formas 3D
- Descripción general del panel 3D
- Prácticas

TEMA 1: INTRODUCCIÓN A INTERNET Y AL DESARROLLO WEB
- ¿Qué es internet?
- ¿Qué es la web?
- Hipervínculos
- Dominios
- Breve Historia de internet

TEMA 2: INTRODUCCIÓN AL DISEÑO WEB
- Introducción al diseño
- Introducción al diseño web
- Introducción al diseño UI (User Interface) o diseño de interfaces
- Introducción al diseño UX (User Experience) o de experiencia de usuario
- Colores
- Tipografía
- Composición
- Imágenes y resolución

TEMA 3: INTRODUCCIÓN AL DISEÑO RESPONSIVE
- Adaptación de elementos
- Mobile-First design

TEMA 4: MI PRIMER DISEÑO WEB
- Estructura web básica: Práctica Diseño 1 – Estructura Web
- Secciones de una página web: Práctica Diseño 2 – Contenido Web

TEMA 5: INTRODUCCIÓN AL HTML
- ¿Qué es HTML?
- Etiquetas HTML5: Head
- Etiquetas de HTML 5: Navegación
- Etiquetas HTML5: Insertar imágenes
- Etiquetas HTML5: Contenido
- Etiquetas HTML5: Footer
- La estructura de la página web

TEMA 6: INTRODUCCIÓN AL CSS
- ¿Qué es CSS
- Propiedades CSS
- Añadir CSS
- Ejemplo HTML y CSS
- Recursos CSS

TEMA 7: RECURSOS, HERRAMIENTAS Y PROGRAMAS.
- Recursos
- Portales de imágenes y vectores
- Webs de ejemplos de código
- CMS: WordPress

TEMA 1. DISEÑO WEB CON FIGMA
- Introducción a Figma
- Crear una cuenta
- Interfaz de Figma
- Herramienta Frame
- Grids
- Páginas

TEMA 2. DISEÑO UI
- Tu primer mockup.
- Las formas: Rectángulo; Polígonos; Líneas; Círculos
- Propiedades
- Herramienta pluma
- Trazado y relleno
- Imágenes y elementos SVG
- Alineación
- Agrupación
- Tipografías
- Google Fonts
- Enlaces
- Selección de colores

TEMA 3. ESTILOS
- Crear y configurar estilos
- Aplicar estilos
- Modificar estilos

TEMA 4. PLUGINS DE FIGMA
- Como instalar plugins
- Utilizar plugins
- Plugins más utilizados
- Prototipado
- Sistemas de diseño

TEMA 5. WIREFRAMES CON FIGMA
- Planeando el sitemap
- Creando el wireframe de la homepage
- Wireframe Componentes: Header; Menú; Footer
- Wireframing your Features Page and Contact Page
- Mobile Responsive Wireframes

TEMA 6. EXPORTACIÓN Y PROTOTIPADO
- Cómo exportar
- De Figma al código CSS

TEMA 7. DOCUMENTOS COLABORATIVOS
- Compartir documentos
- Editando en directo

TEMA 8. CASOS DE USO
- Ejemplos prácticos

TEMA 9. CREACIÓN DE MOCKUPS PARA WEB Y APP
- Sitemap
- Homepage
- Servicios
- Contacto: Diseñar Formularios
- Blog
- Tienda online: Listado de productos; Producto individual
- Extras

TEMA 1. ADMINISTRACIÓN DE WORDPRESS

TEMA 2. ESTRUCTURA DE LA INFORMACIÓN
- Tipos de páginas
- Entradas
- Categorías
- Etiquetas
- Menús

TEMA 3. INSTALACIONES DE PLANTILLAS
- Plantillas gratuitas
- Plantillas de Pago

TEMA 4. PLUGINS Y WIDGETS
- Formularios de contacto
- Galerías de imágenes

TEMA 5. CONTENIDO MULTIMEDIA
- Redes sociales
- Vídeos

TEMA 6. CONFIGURACIÓN INICIAL EN WORDPRESS
- Personalización
- Comentarios
- Usuarios

TEMA 7. CONTEXTO NORMATIVO
- Textos legales
- Política de privacidad
- Cookies

TEMA 8. INTRODUCCIÓN AL ENTORNO DE ADMINISTRACIÓN WEB
- Registro de dominio
- Selección del hosting
- Subida de archivos a FTP

TEMA 9. INSTALACIONES DE CMS
- WordPress en servidor
- Conexión con base de datos
- Usabilidad
- Consejos
- SEO

TEMA 1. INTRODUCCIÓN A WORDPRESS
- ¿Qué es un blog?
- ¿Qué es WordPress?
- Diferencias entre WordPress.com y WordPress.org

TEMA 2. PLATAFORMA WORDPRESS.COM
- Darse de Alta
- Portada y tablero
- Crear un Post
- Subir Imágenes, videos y audio en un post
- Crear páginas y enlaces
- Gestión, diseño y categorías
- Comentarios, ajustes y usuarios

TEMA 3. INSTALAR WORDPRESS.ORG
- Requisitos de la instalación
- Darse de alta en un servidor
- Crear un espacio web
- Crear una base de datos
- Descargar WordPress.org
- Configurar el FTP
- Instalar WordPress.org

TEMA 4. AJUSTES DE CONFIGURACIÓN
- Ajustes generales
- Ajustes de Escritura
- Ajustes de Lectura
- Ajustes de Comentarios
- Ajustes de Medios
- Ajustes privacidad y enlaces

TEMA 5. AÑADIR CONTENIDO I
- Añadir una nueva entrada I
- Añadir una nueva entrada II
- Multimedia en una Entrada I
- Multimedia en una entrada II
- Menú Multimedia

TEMA 6. AÑADIR CONTENIDO II
- Categorías
- Etiquetas
- Enlaces
- Comentario
- Páginas

TEMA 7. OTRAS POSIBILIDADES DE WORDPRESS
- Revisiones y Papelera
- Herramientas I
- Herramientas II
- Usuarios
- Perfil de usuario
- Crear un avatar personalizado

TEMA 8. PLANTILLAS
- Instalar Temas I
- Instalar Temas II
- Menús
- Fondo y cabeceras
- Los widgets
- El Editor y Estructura

TEMA 9. PLUGINS
- Conceptos básicos
- Instalar plugins
- Clasificación plugins
- Plugin sociable
- Plugin global flash gallery

TEMA 10. SEO
- Introducción
- Url y título
- Mapa web, navegación y diseño
- Contenido duplicado
- Optimizar imágenes

TEMA 1. PLUGIN YOAST SEO
- Instalación
- Asistente de instalación
- Configuración
- Webmaster Tools
- Títulos y metas
- Plantillas para metadatos
- Sitemap XML
- Apariencia en el Buscador: Breadcrumbs; Taxonomías; Otras herramientas; Optimización de contenido; Análisis de Legibilidad
- Redes Sociales
- Google Search Console
- Metabox
- Configuraciones avanzadas

TEMA 2. PLUGIN GOOGLE ANALYTICS
- Instalación
- Configuración
- Crear cuenta de Google Analytics
- Vincular Google Analytics con WordPress
- Ver estadísticas y reportes
- Seguimiento

TEMA 3. PLUGIN W3 TOTAL CACHE
- Instalación
- Configuración General
- Purgar Caché
- Habilitar Caché

TEMA 4. PLUGIN NINJA FORMS y CONTACT FORMS 7
- Instalación
- Configuración
- Ajustes generales
- Creación de formularios con Contact Forms
- Creación de formularios con Ninja Forms Forms

TEMA 5. PLUGIN ELEMENTOR PAGE BUILDER
- Instalación
- Configuración
- Ajustes generales
- Configuración de opciones
- Establecer columnas y elementos
- Widgets básicos
- Widgets generales
- Creación de páginas
- Estructura de contenido
- Plantillas de Elementor
- Elementor PRO

TEMA 6. WOOCOMMERCE
- Plugin de tienda online Woocommerce
- Añadir y gestionar productos
- Opciones generales
- Tipos de productos: Descargables; Inventario; Atributos; Variables.
- Opciones de Envío
- Opciones de Pago: Paypal; Transferencia; TPVVirtual; Configurar la tienda
- Condiciones legales de cobro, envío y devolución
- Creación de mi primera tienda online

TEMA 7. OTROS PLUGINS
- Otros plugins: Botón de WhatsApp; Foros; Idiomas; Seguridad
- Redes sociales: Facebook; Instagram; Twitter; Otras
- Buscador de plugins.
- Compatibilidad entre plugins.

¿A quién va dirigido?

A todas aquellas personas que quieran complementar su formación con un conocimiento amplio del diseño web para poder aplicarlo en su sector profesional o como simple hobby. Empresas, profesionales, estudiantes y autónomos que trabajen en este campo ó que tengan interés de introducirse en este ambito.