Vive el proceso de diseñar y crear tu página web aprendiendo Adobe Photoshop, Figma y Wordpress.
Detalles del Curso
Aprende a prototipar páginas web completas con las herramientas de diseño más consolidadas del mercado como Adobe Photoshop y las más actuales como FIGMA, para diseñar webs adaptadas a móvil, tablet y desktop.
Crea webs con WordPress, el sistema de gestión de contenido más popular del mundo y el más utilizado para crear y gestionar webs en España.
Figma es una herramienta para diseñar interfaces y mockups que se está posicionando rápidamente al ser la primera en tener colaboración en tiempo real.
Los Mockups son fotomontajes que permiten a los diseñadores gráficos y web mostrar al cliente cómo quedarán sus diseños. Con tus diseños mockup podrás trabajar con otros programadores web de forma eficaz y dinámica.
Adobe Photoshop es una herramienta muy poderosa que nos permitirá editar imágenes, crear gifs, banners y todo tipo de contenido gráfico para tu web.
Utilizaremos Photoshop y Figma para diseñar y maquetar páginas web responsive de manera sencilla y dinámica, para después desarrollarlas con WordPress.
Aplicaremos Elementor Page Builder, que es el plugin de creación visual más valorado de WordPress, con él crearemos páginas profesionales de la forma más intuitiva y rápida posible.
Aprenderemos a instalar y configurar los plugins más recomendados como Yoast SEO, Contact Forms 7, Ninja Forms, Woocommerce, Google Analytics, entre otros como plugins de idioma, botón de Whatsapp, Foros, integración de Redes Sociales, que nos permitirán dotar de infinitas y nuevas posibilidades las funcionalidades de nuestro sitio web.
Además, tendrás un espacio propio en el servidor de Gesenco Formación para instalar WordPress y desarrollar todas tus prácticas del curso, acercándote lo más posible a la experiencia real del trabajo web desde el concepto, hasta el desarrollo y la publicación.
TEMA 1. EL DISEÑO
- Definición de Diseño
- La práctica del diseño
- Disciplinas del diseño
- Signo y Símbolo
- Elementos básicos del diseño
- Teoría de la percepción
TEMA 2. EL COLOR
- Teoría del color
- El círculo cromático
- La armonía
- Contrastes de color
- Psicología del Color
TEMA 3. TIPOGRAFÍA
- Definición de tipografía
- Características de los tipos
- Clasificación de los tipos
- Clasificación histórica
- Clasificación por forma
- Elementos tipográficos
- Tipografía digital
- La tipografía en el diseño
TEMA 4. TÉCNICAS DE COMPOSICIÓN
- ¿Qué es la composición?
- Estructuras compositivas
- El espacio
- La Sección Áurea
- Las figuras geométricas
- Los planos compositivos
- Ritmo visual
- Equilibrio visual
- Equilibrio estático
- Equilibrio dinámico
TEMA 5. DISEÑO PUBLICITARIO
- La publicidad
- Objetivos de la publicidad
- Medios publicitarios
- Identidad corporativa
- Logotipo y marca
- Estrategias de diseño
- Publicidad impresa
- Publicidad en televisión
- Packaging
- Del diseño a la realización
TEMA 6. MAQUETACIÓN
- ¿Qué es la maquetación?
- Preparar un documento para la maquetación
- Ocupando el espacio de la página
- Texto e imagen
- Composición del texto
- Errores frecuentes
TEMA 7. FOTOMECÁNICA E IMPRESIÓN
- ¿Qué es la fotomecánica?
- Pasos de una impresión
- Escaneado
- El escáner
- Filmación
- Fotolitos
- Las tintas
- Tipos de impresión
TEMA 8. DISEÑO WEB
- Qué implica el diseño Web
- Planificación de una página Web
- Tipos de sitios Web
- Análisis demográfico
- Definir el estilo
- Maquetación
- Creación del sitio
- Nociones básicas
- HTML
- CSS
- Flash
- Colgar el sitio en la red
- Promoción del sitio web
TEMA 9. DISEÑO 3D
- El diseño tridimensional
- Fundamentos
- Interfaces de navegación
- Modelado
- Animación
- Imagen final
- Materiales y texturas
- Iluminación y render
- Formatos
- Atajos de teclado
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
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
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
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 degradado
- Herramienta bote de pintura
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
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
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
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
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
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
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
TEMA 14. 3D
- Fundamentos 3D
- Herramientas de objeto y de cámara 3D
- Creación de formas 3D
- Descripción general del panel 3D
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. INTRODUCCIÓN A LOS FUNDAMENTOS DEL DISEÑO VISUAL
- Principios de composición y diseño visual
- Principios de la Gestalt aplicados al diseño
- Jerarquía visual
TEMA 2. INTRODUCCIÓN A FIGMA
- ¿Qué es?
- ¿Qué usos tiene?
- Diseño colaborativo
- Diseño de productos digitales
- Comunidad Figma
- Planes
- La comunidad Figma
- Archivos
- Plugins
TEMA 3. CREACIÓN DE UNA CUENTA EN FIGMA E INSTALACIÓN
TEMA 4. LA INTERFAZ DE FIGMA
- Creación de proyectos
- Guardar Proyectos
TEMA 5. PRIMEROS PASOS CON FIGMA
- Herramienta Frame
- Herramienta Rectángulo y sus propiedades
- Importar elementos e imágenes SVG
- Grid, Grupos y Textos
- Alineación en Figma
- Herramienta Pluma.
- Trazados y rellenos
TEMA 6. ELEMENTOS VISUALES EN FIGMA
- Composición básica
- Tipografías y Google Fonts
- Paletas de colores
- Gráficos e Iconos
TEMA 7. CONFIGURACIÓN DE ESTILOS
- Guías de estilos
- Crear estilos de texto y párrafo
- Aplicar Estilos
- Modificar
- Eliminar Estilos
TEMA 8. PLUGINS EN FIGMA
- Instalación de Plugins
- Lorem Ipsum o Content Reel
- Get Waves
TEMA 9. WIREFRAMES
- ¿Qué es un Wireframe?
- Planificación previa del prototipo
- Del papel a Figma
- Creación de la Página de Inicio
- Componentes del Wireframe:
- Cabecera
- Menú
- Pie de página
- Wireframe Responsive
TEMA 10. COMPONENTES EN FIGMA
- Creación de componentes
- Duplicar componentes
- Modificar o eliminar componentes
TEMA 11. APLICACIÓN DE MÁSCARAS EN FIGMA
TEMA 12. PROTOTIPADO EN FIGMA
- ¿Cómo darle vida al prototipo?
- Interacciones de botones
- Vinculaciones a páginas y modales
- Prototipado colaborativo
TEMA 13. MOCKUPS EN FIGMA
- ¿Qué es un mockup?
- Mockups en figma
- Artboard Studio Mockups
- Vectary 3D Elements
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
- Otras
- Buscador de plugins.
- Compatibilidad entre plugins.
Carpeta de estudios con el siguiente material:
- Manual de Adobe Photoshop.
- Manual de WordPress.
- Manual de Teoría y Fundamentos del Diseño Gráfico
- Cuaderno de ejercicios de Teoría y Fundamentos del Diseño Gráfico
- Bloc y Bolígrafo para tomar apuntes.
La METODOLOGÍA ONLINE propuesta se ajusta a las características y necesidades de cada alumno/a, combinando las metodologías de enseñanza programada y de trabajo autónomo del alumnado con el asesoramiento de un/a formador/a especializado y mediante el uso de las nuevas tecnologías de la información y comunicación, creando un entorno de aprendizaje activo, próximo y colaborativo en el Campus Virtual.
- ENSEÑANZA PROGRAMADA:
Persigue transmitir los conocimientos al alumnado sin la intervención directa de el/la formador/a, a través de la organización y estructuración de los contenidos de forma secuencial. La realización periódica de ejercicios y pruebas de autoevaluación permiten afianzar lo aprendido y corregir los posibles errores en el aprendizaje.
- TRABAJO AUTÓNOMO:
Sistema de trabajo donde el/la alumno/a asume la responsabilidad de su proceso de aprendizaje, adaptándolo a su ritmo de trabajo y a sus propias necesidades, lo que exige una mayor implicación por su parte. Las acciones formativas están diseñadas para propiciar el fomento de las habilidades, conocimientos y experiencias relevantes para el desarrollo profesional dentro del ámbito de la temática del curso. El material didáctico objeto fundamental del proceso de enseñanza, será puesto a disposición del alumno en el Campus de manera ordenada y en los formatos más idóneos para ajustarlos a las especificaciones del curso. El alumno debe trabajarlos de manera autónoma dedicando un tiempo que dependerá de las necesidades individualizadas del alumno.
- TU PROFESOR PARTICULAR:
Te ayudará siempre que lo necesites. Cuando tengas alguna duda o algo no entiendas, tu profesor estará siempre dispuesto para guiar tus pasos y ayudarte a través de una llamada de teléfono ó por email. Te devolverá los ejercicios corregidos y las notas oportunas, asegurando el mejor objetivo final de tu aprendizaje.
El tiempo de duración del curso son 650 horas, al ser dentro de la Formación a Distancia, depende del tiempo que el alumno dedique cada día al estudio, no obstante, se dispone de hasta 18 meses para utilizar los servicios del centro y atención del Profesorado sin que varíen las condiciones de pago iniciales.
- Precio a consultar.
- Subvenciones entre el 15% y el 50% para diversos colectivos:
- Desempleados: Presentando la tarjeta del paro (hoja de sellado)
- Estudiantes: Presentando la matrícula del centro ó carnet de estudiante.
- Autónomos: Presentando el último recibo de autónomo.
- Discapacitados: Presentando certificado de discapacidad.
- Antiguos alumnos: Presentando la matrícula del curso anterior.
- Familia numerosa: Presentando el carnet de familia numerosa.
- Otros colectivos: Solicitar información personalizada.
- Formación bonificada para trabajadores en activo que trabajen por cuenta ajena y coticen bajo el Régimen General de la Seguridad Social. Si estás trabajando en una empresa, puedes beneficiarte de estas ayudas, siempre tramitándolo a través de tu propia empresa.
Estos descuentos no son acumulables entre sí.
- Formas de pago.
- Ingreso o transferencia a la cuenta del centro.
- Paypal, Tarjeta bancaria (crédito o débito).
- Financiación. (Sólo para alumnos en España). 100% pago seguro. Por medio de este método podrá aplazar los importes de los cursos en cómodas mensualidades hasta en 12 meses sin intereses. Es necesario tener una tarjeta de débito, donde se cargarán las cuotas correspondientes. La 1ª cuota se cargará en el momento de la matriculación de manera automática.
Una vez terminado el plan de formación y superadas todas las pruebas de evaluación y proyectos finales, se te enviará el Diploma que reflejará los temarios realizados, las horas de formación y la nota media obtenida para enriquecer tu Currículum personal y profesional.
El centro dispone de un acuerdo de colaboración con una agencia de colocación del Servicio Público de Empleo Estatal, para la realización de prácticas en empresas por parte de los alumnos que quieran acogerse a este programa, una vez acabada su formación, con la intención de que adquieran experiencia en su área profesional aprovechando al máximo las posibilidades derivadas del período de formación (prácticas empresariales formativas).
Para consultar más información acerca del programa de prácticas, haz click aquí.
El Centro dispone de una bolsa de trabajo, donde los alumnos Diplomados pueden tener la oportunidad de presentarse a puestos de trabajo relacionados con este sector en todas aquellas Empresas que nos lo solicitan. Igualmente se dispone de una agencia de colocación y empleo donde los alumnos pueden visionar cada día las diferentes ofertas de empleo que se van publicando.
Para consultar más información acerca de la bolsa de trabajo, haz click aquí.
