En la formación trataremos los programas y tecnologías necesarias para que puedas llegar a ser profesional en el mundo del diseño y desarrollo web. WordPress, tienda online, HTML 5, CSS 3, Figma y posicionamiento SEO. Aprende a diseñar sitios web con nuestra Diplomatura en Diseño Web en Bilbao. Descubre las últimas tendencias en diseño web y domina las herramientas para crear sitios web atractivos y funcionales. ¡Inscríbete ahora en Mac-Line!
Personas interesadas en aprender a crear sitios web profesionales con las herramientas más utilizadas en el mercado.
El objetivo de la Diplomatura en Diseño Web es ofrecer al alumno los conocimientos necesarios para que pueda desarrollar con éxito sus competencias profesionales, tanto trabajando para una empresa como por cuenta propia.
WordPress avanzado + WooCommerce
La herramienta con la que se hacen la mayoría de blogs y webs profesionales hoy en día. Serás capaz de crear, modificar y gestionar tu sitio web profesional y tu blog de páginas dinámicas.
El plugin Woocommerce para WordPress a través del cual podrás crear una tienda online completamente funcional y con multitud de opciones disponibles.
⁃ Trabajar en local
⁃ Crear hosting virtual:
⁃ MAMP, WordPress y MySQL en local. Crear archivo “wp-config.php”.
⁃ Acceder y trabajar en local, wp-admin.
⁃ Panel de administrador, el escritorio.
⁃ Panel de administración
⁃ Ajustes:
⁃ Generales.
⁃ Escritura, lectura y comentarios.
⁃ Medios.
⁃ Enlaces permanentes (permalinks).
⁃ Usuarios: Añadir nuevo y perfiles de usuarios.
⁃ Añadir contenido
⁃ Crear y dar formato a una nueva entrada.
⁃ Trabajar con la librería multimedia.
⁃ Página estática.
⁃ Blog, página dinámica y entradas.
⁃ Plantillas de páginas.
⁃ Categorías y etiquetas.
⁃ Comentarios.
⁃ Temas y plantillas
⁃ Apariencia: Widgets, menús, cabecera y fondo.
⁃ Instalar y activar un tema en WordPress. Personalización del tema.
⁃ Editor de ficheros internos de un tema.
⁃ Plugins
⁃ Instalando un plugin en WordPress.
⁃ Desactivar / borrar / actualizar plugins. Plugins recomendados.
⁃ Posición en buscadores (SEO on-page)
⁃ Construir entradas y páginas orientadas a buscadores.
⁃ Cambiar URL del enlace permanente. Palabras clave y longtail.
⁃ Posicionar con imágenes.
⁃ Plugin SEO recomendado.
⁃ Optimización y mantenimiento
⁃ Actualizar WordPress.
⁃ Minimizar HTML, CSS y JS.
⁃ Externalizar contenido.
⁃ Optimizar la base de datos.
⁃ Cachear el contenido.
⁃ Copias de seguridad.
⁃ Plugins recomendados.
⁃ Trabajar en hosting
⁃ Exportar base datos local.
⁃ Instalar WordPress en servidor.
⁃ Importar base datos local a servidor (host). Subir archivos al servidor con FTP.
⁃ Creación de Tienda on-line con el módulo Woocommerce.
CSS3 + HTML5 con Visual Studio code
Editaremos código orientado para el diseño y desarrollo web, construido para crear fácilmente páginas web mediante HTML5 y CSS3 gracias a la capacidad de mostrar el código específico de acuerdo al contexto usado.
Diseño Web Responsive
Diseño web adaptable mediante CSS Grid Layout y elementos que respondan al dispositivo que se esté usando, con cambios de diseño según el tamaño y capacidades de todo tipo de dispositivos, como smartphones o tablets.
⁃ Trabajar con sitios
⁃ Creando un nuevo sitio.
⁃ Archivos y directorios.
⁃ Trabajo con editor Visual Studio code.
⁃ HTML5
⁃ Estructura básica de etiquetas HTML.
⁃ Doctype, Head y Body.
⁃ Header, Nav, Section y Article, Aside y Footer.
⁃ Textos
⁃ Encabezados y párrafos.
⁃ Trabajando con listas.
⁃ Imágenes y multimedia
⁃ Añadiendo imágenes.
⁃ Propiedades de la imagen.
⁃ Usando HTML5 para insertar vídeo y audio. Insertar código externo Illustrator (SVG).
⁃ Vínculos
⁃ Aplicando vínculos a textos e imágenes.
⁃ Targets: _self, _blank, anclas e iFrames.
⁃ Mails y descargas.
⁃ Tablas
⁃ Creando tablas.
⁃ Estructura de las tablas.
⁃ Formularios
⁃ Elementos de introducción de datos.
⁃ Creación de formularios externos.
⁃ Estilos CSS
⁃ Estructura de las reglas CSS.
⁃ Tipo de selectores CSS.
⁃ CSS en línea, interno o externo.
⁃ Elementos CSS3
⁃ Etiquetas div.
⁃ Posicionamiento.
⁃ Propiedades del div.
⁃ Bordes, fondos y sombras.
⁃ Modos de color y degradados.
⁃ Columnas.
⁃ Fuentes incrustadas y desde Google. Transformación, transición y animación.
⁃ Diseño Web Responsive
⁃ Diseño web adaptable a tablet/móvil.
⁃ Responsive design con CSS Grid Layout.
⁃ Uso de media queries y viewport.
⁃ Breakpoints (puntos de interrupción).
⁃ Unidades relativas.
⁃ Posición en buscadores (SEO on-page)
⁃ Accesibilidad e indexabilidad.
⁃ Tiempos de carga y contenido.
⁃ Gestión de archivos mediante FTP
⁃ Conexión a un servidor remoto y sincronización.
⁃ Publicar sitio web por FTP.
Figma UX-UI Design
Herramienta de diseño y prototipado de entorno colaborativo UX/UI. Podrás diseñar, crear, probar y compartir tus interfaces, tanto de páginas webs como de aplicaciones, con los miembros del equipo.
⁃ Crear cuenta.
⁃ Version Web, versión ordenador y App.
⁃ Equipos y proyectos.
⁃ Frame y zoom.
⁃ Figuras vectoriales: Rectángulo, elipses, líneas, etc…
⁃ Mapas de bits (Imágenes).
⁃ Vectores (SVGs).
⁃ Textos (GoogleFonts y FontAwesome).
⁃ Reglas y guías.
⁃ Alineaciones y distribuciones.
⁃ Constraints.
⁃ Layout Grid.
⁃ Auto Layout.
⁃ Componentes.
⁃ Máscaras y operaciones Booleanas.
⁃ Efectos, modos de fusión.
⁃ Exportación y Slice..
⁃ Estilos locales.
⁃ Sistemas de diseño (Team library).
⁃ Colaboración (Share): Permisos y comentarios.
⁃ Comunidad.
⁃ Plugins.
⁃ Inspección de código e historial de versiones.
⁃ Prototipos.
⁃ Figma Mirror.
FIGMA proyecto final:
⁃ Sketch, proceso creativo UX-UI.
⁃ Wireframes.
⁃ Guía de estilos.
⁃ Componentes.
⁃ Crear layout Mobile.
⁃ Crear layout Tablet.
⁃ Crear layout Desktop.
⁃ Prototipado.
Photoshop para Web
Formatos y optimización de imágenes. Animación de imágenes GIF, Cinemagrafía y sectores. (Sólo herramientas web).
Posicionamiento SEO on-page
Optimización de una página web de cara a los motores de búsqueda y a mejorar la experiencia de usuario. Esta optimización se centra en el código de programación, arquitectura Web, contenidos y otros factores.
Finalizada la Diplomatura en Diseño Web, el alumno recibe un diploma acreditativo que certifica que se ha realizado la formación. Este titulo propio especifica la descripción del temario y la duración de la formación.
No se requieren conocimientos previos ni titulación anterior para matricularte en la Diplomatura en Diseño Web, solo ser mayor de edad y estar motivado para el aprendizaje. Con estos requisitos puedes ser uno de los seis únicos alumnos de esta promoción.
Información Adicional
Las clases se desarrollan en grupos reducidos de un máximo 6 alumnos. El profesor utiliza una metodología presencial expositivo-activa, es decir, los conceptos técnicos son inmediatamente puestos en práctica mediante ejercicios.
Precio: 925€ + 250€ de matrícula
