Experto en Diseño Web
practicas
Prácticas Garantizadas
convocatoria
Convocatoria Abierta
modalidad
ONLINE
duracion
450 H
precio
595 EUR
practicas
Prácticas
Garantizadas
convocatoria
Convocatoria
Abierta
Las acciones formativas de INESEM tienen modalidad online
Modalidad
ONLINE
Duración de las acciones formativas de INESEM
Duración
450 H
Precio de las acciones formativas de INESEM
Precio
595EUR

Presentación

La importancia alcanzada por Internet ha provocado que las empresas requieran perfiles profesionales digitales para las diferentes áreas de sus estrategias online. La formación que ofrece el Experto Diseño Web te elevará profesionalmente en el ámbito del diseño web, un sector en auge y en continua actualización. No te quedes atrás, da rienda suelta a tu creatividad y obtén una posición privilegiada en el mercado laboral. 

plan de estudios

Para qué te prepara

El Curso Diseño Páginas Web te aportará los conocimientos que necesitas para especializarte en el diseño de páginas web, de publicaciones online e interfaces interactivas y  multimedia. Además, te prepara para aplicar personalizar diseños de páginas web en función de las necesidades del cliente y la tecnología disponible, incorporando los principios de la arquitectura de la información y la  usabilidad.


Objetivos
  • Adquirir competencias profesionales de diseño web para entornos digitales.
  • Conocer la estructura y componentes para poder componer páginas web adecuadas a todas las necesidades.
  • Aprender a integrar la usabilidad dentro del proceso de creación y diseño web.
  • Manejar herramientas profesionales de diseño web e implementarlas en la práctica.
  • Desarrollar una capacidad analítica y de control en las distintas fases de creación y diseño web.
  • Desarrollar la creatividad del alumnado.

A quién va dirigido

El Curso Diseño Páginas Web de INESEM, está dirigido a personas que posean conocimientos de diseño gráfico, comunicación audiovisual, telecomunicaciones, informática o publicidad, así como cualquiera que esté interesado en especializarse en diseño de páginas web y publicaciones online.


Salidas Profesionales

Estudiar el Curso Diseño Páginas Web te capacita para realizar tareas creativas y de responsabilidad como maquetaciones, diseño web, diseño de logos corporativos y arquitectura de  la información en los departamentos de marketing, comunicación o informática de grandes empresas.

temario

  1. Introducción
  2. La usabilidad
  3. Conceptos clave
  4. Atributos
  5. Complejidad e importancia de la usabilidad
  6. Usabilidad aplicada a un proyecto
  7. Mejoras de la usabilidad al producto final
  8. Procesos y herramientas
  1. Definición
  2. Principios de experiencia de usuario
  3. Experiencia de usuario y dispositivos
  1. Introducción
  2. Orientaciones de diseño web y dispositivos
  3. Fundamentos de diseño centrado en el usuario
  1. Introducción
  2. Complejidad transdisciplinar
  3. Pirámide de prioridades de la usabilidad
  4. Proceso general
  5. El ciclo diseño-investigación
  1. Principio de proximidad
  2. Principio de semejanza
  3. Principio de simetría
  4. Principio de continuidad
  5. Principio de cierre
  6. Principio de área o tamaño relativo
  7. Principio de figura-fondo
  8. La ley de la simplicidad
  1. Introducción La estructura de una web
  2. Zonas de navegación y zonas de contenido
  3. Elementos de navegación
  4. Herramientas de prototipado inicial
  1. Elementos de inicio Homepage
  2. Elementos de navegación
  3. Páginas de categorías
  4. Búsqueda
  5. Páginas de productos
  6. Formularios
  7. Tablas
  8. Listas
  9. Frames
  10. Páginas de datos
  11. Elementos de acción Botones
  12. Intranets
  1. Herramientas para edición de páginas web
  2. Herramientas para crear botones
  3. Herramientas para crear de barras de desplazamiento
  4. Herramientas para crear de Menús
  5. Generación de plantillas
  6. Navegadores
  1. Novedades del programa
  2. Tipos de imágenes
  3. Resolución de imagen
  4. Formato PSD
  5. Formatos de imagen
  1. Abrir y guardar una imagen
  2. Crear un documento nuevo
  3. Área de trabajo
  4. Gestión de ventanas y paneles
  5. Guardar un espacio de trabajo
  6. Modos de pantalla
  7. Prácticas
  1. Barra menú
  2. Barra de herramientas
  3. Opciones de Herramientas y barra de estado
  4. Ventanas de Photoshop I
  5. Ventanas de Photoshop II
  6. Zoom y mano y ventana navegador
  7. Prácticas
  1. Herramientas de selección
  2. Herramienta marco
  3. Opciones de marco
  4. Herramienta lazo
  5. Herramienta Varita
  6. Herramienta de selección rápida
  7. Herramienta mover
  8. Sumar restar selecciones
  9. Modificar selecciones
  10. Prácticas
  1. Herramientas de dibujo y edición
  2. Herramienta Pincel
  3. Crear pinceles personalizados
  4. Herramienta lápiz
  5. Herramienta sustitución de color
  6. Herramienta pincel historia
  7. Herramienta pincel histórico
  8. Herramienta degradado
  9. Herramienta bote de pintura
  10. Prácticas
  1. Herramientas de retoque y transformación
  2. Herramienta recortar
  3. Herramienta sector
  4. Cambiar el tamaño del lienzo
  5. Herramienta pincel corrector puntual
  6. Herramienta ojos rojos
  7. Tampón de clonar
  8. Herramienta borrador
  9. La Herramienta desenfocar
  10. Herramienta sobreexponer y subexponer
  11. Prácticas
  1. Conceptos básicos de capas
  2. El panel capas
  3. Trabajar con capas I
  4. Trabajar con capas II
  5. Alinear capas
  6. Rasterizar capas
  7. Opacidad y fusión de capas
  8. Estilos y efectos de capa
  9. Capas de ajuste y relleno
  10. Combinar capas
  11. Prácticas
  1. Herramientas de texto
  2. Introducir texto
  3. Cambiar caja y convertir texto
  4. Formato de caracteres
  5. Formato de párrafo
  6. Rasterizar y filtros en texto
  7. Deformar texto
  8. Crear estilos de texto
  9. Relleno de texto con una imagen
  10. Ortografía
  11. Herramienta máscara de texto y texto D
  12. Prácticas
  1. Herramientas de dibujo
  2. Modos de dibujo
  3. Herramienta pluma
  4. Ventana trazados
  5. Subtrazados
  6. Convertir trazados en selecciones
  7. Pluma de forma libre
  8. Capas de forma
  9. Herramienta forma
  10. Prácticas
  1. Reglas, guías y cuadrícula
  2. Herramienta regla
  3. Acciones
  4. Filtros
  5. Objetos inteligentes
  6. Canales
  7. Máscara rápida
  8. Canales Alfa
  9. Prácticas
  1. Transformación de una imagen
  2. Deformar un elemento
  3. Tamaño de la imagen
  4. Resolución imagen y monitor
  5. Rollover
  6. Los sectores
  7. Tipos de sectores
  8. Propiedades de los sectores
  9. Modificar sectores
  10. Optimizar imágenes
  11. Guardar para web
  12. Generar recursos de imagen
  13. Prácticas
  1. Impresión
  2. Impresión de escritorio
  3. Pruebas de color en pantalla
  4. Perfiles de color
  5. Imprimir una imagen
  6. Preparación de archivos para imprenta
  7. Prácticas
  1. Fundamentos 3D
  2. Herramientas de objeto y de cámara 3D
  3. Creación de formas 3D
  4. Descripción general del panel 3D
  5. Prácticas
  1. Capas de vídeo e importar vídeo
  2. El panel Movimiento
  3. Animación a partir de una secuencia de imágenes
  4. Animaciones de línea de tiempo
  5. Guardar y exportar
  6. Prácticas
  1. ¿Qué es un prototipo?
  2. Aplicaciones de los prototipos
  3. Ventajas y recomendaciones
  4. Elegir el adecuado
  1. Prototipo de papel
  2. Sketch
  3. Storyboard
  4. Wireframes
  1. ¿Qué es un mapa de navegación?
  2. Utilidad
  3. Limitaciones
  4. Métodos de realización
  1. Definición
  2. Usos de la interacción
  3. Interacción entre pantallas
  4. Motion design
  5. Diseñar la interacción
  1. Presentación
  2. Funcionalidades no aptas en Adobe Experience Design
  3. Funcionalidades principales (Experiencia de uso)
  4. Flujo de trabajo
  5. Novedades
  1. Descarga e instalación
  2. Instalación en varios equipos
  3. Administración de cuentas
  4. Actualización o cambio de inscripción
  1. Pantalla principal
  2. Herramientas
  3. Menú superior
  4. Paneles laterales
  1. Creación de mesa de trabajo (Artboard) y rejillas (Grids)
  2. Dibujos con formas
  3. Herramienta texto
  4. Creación, distribución y movimiento de objetos
  5. Herramientas de color y gradientes
  6. Edición de objetos duplicados y agrupación
  7. Símbolos
  8. Uso de imágenes
  1. Edición de figuras
  2. Imágenes enmascaradas
  3. Estructuración de Web con rejillas
  4. Creación de columnas
  5. Importación de mapas de bits
  6. Importación de vectores y uso de CSS en Illustrator
  7. Flujo de navegación
  1. Previsualización en dispositivo IOS
  2. Previsualización en dispositivo Android
  3. Eliminación de archivos en tu dispositivo
  1. Previsualización
  2. Compartir nuestro prototipo
  3. Uso de contraseña para publicar
  4. Borrar contenido publicado
  5. Exportación de gráficos
  6. Opiniones de otros clientes
  7. Publicaciones para desarrolladores
  1. Consejos y trucos generales
  2. Dibujo y texto
  3. Importación de contenido
  4. Controles de teclado
  5. Artboards
  6. Repetición de rejilla
  7. Creación de prototipos y vista previa
  8. Publicaciones
  1. Introducción
  2. Entornos de Desarrollo
  3. Navegadores
  1. Introducción HTML
  2. ¿Cómo creamos documento HTML?
  3. Características básicas
  1. Introducción
  2. Versión HTML
  3. HTML
  4. Head
  5. Body
  1. Textos en HTML
  2. Enlaces
  3. Listas en HTML
  4. Imágenes y objetos
  5. Tablas
  6. Formularios
  7. Marcos
  8. Estructuras y layout
  9. Otras etiquetas
  1. ¿Qué es la Metainformación?
  2. Accesibilidad
  3. Validación
  1. Introducción CSS
  2. Soporte de CSS en navegadores
  3. Especificación oficial
  4. Funcionamiento básico de CSS
  5. ¿Cómo incluir CSS en la Web?
  6. Estilo básico
  7. Medios CSS
  8. Comentarios
  9. Sintaxis de la definición
  1. Pseudoclases
  2. Pseudo-elementos
  3. Otras pseudoclases y pseudoelementos
  1. Modelo de cajas
  2. Propiedades de las cajas
  3. Margen, relleno, bordes y modelo de cajas
  4. Posicionamiento y visualización
  5. Posicionamiento
  6. Visualización
  1. En qué cosiste
  2. Visualización: Display
  3. Contenedores flexibles: flex e inline-flex
  4. Orientación: flex-box, flex-direction y flex-wrap
  5. La propiedad order
  6. Alineación de los elementos flexibles
  7. Soporte de los navegadores
  1. Introducción
  2. Keyframes
  3. Subpropiedades de animación
  4. Iteración
  5. Curvas de animación
  6. Propiedades animables
  1. Crear y vincular hojas de estilos
  2. Estructura
  3. Propiedades CSS
  4. Selectores
  5. Posición y tamaño
  6. Texto
  7. Imágenes
  8. Listas, tablas, formularios
  1. Introducción
  2. Definición de Diseño Web Responsive
  3. ¿En qué consiste el diseño responsive?
  4. Ventajas del diseño responsive
  5. SEO y diseño responsive
  1. Introducción
  2. Programación del lado del cliente
  3. Programación del lado del Servidor
  4. ¿Qué utilizaremos?
  5. ¿Qué necesita saber?
  6. Nuestro primer ejemplo
  1. La etiqueta SCRIPT
  2. Contenido Alternativo
  3. Variables
  4. Tipos de Datos
  5. Operadores
  6. Cuadros de diálogo
  1. Introducción
  2. Estructuras de decisión
  3. Estructuras lógicas
  4. Estructuras de repetición
  5. Definir funciones
  6. Llamadas a funciones
  7. Ámbito de las variables
  1. Introducción
  2. La jerarquía de objetos
  3. Propiedades y Eventos
  4. Métodos
  1. ¿Qué es un URL?
  2. El Objeto Location
  3. Redirigir a otra página
  4. El Objeto History
  1. Introducción
  2. La propiedad Title
  3. Los colores de la página
  4. El método write
  5. El conjunto images
  1. Formularios HTML
  2. El conjunto forms
  3. La propiedad elements
  4. Validar la información
  5. ¿Cuándo realizar la validación?
  6. Tipos de Validación
  1. El conjunto frames
  2. El objeto navigator
  3. El objeto screen
  1. Introducción
  2. Presentación
  3. ¿Cómo iniciar Jquery?
  4. ¿Dónde podemos documentarnos?
  5. Herramientas necesarias
  1. Introducción
  2. Obteniendo JQuery
  3. El núcleo de jQuery
  4. Cargar Jquery desde Google
  5. Novedades
  1. Introducción
  2. Selectores básicos en jQuery
  3. Selectores de jerarquía
  4. Filtros en Jquery
  1. Introducción
  2. Evento de carga de Página
  3. Eventos en Jquery
  4. El objeto Event
  5. Todavía más Eventos de Jquery
  1. Introducción
  2. Operaciones sobre clases
  3. Leer Atributos
  4. Modificar Atributos
  5. Modificar varios valores de atributos a la vez
  6. Añadir atributos con Attr
  7. Eliminar un atributos con removeAttr()
  1. Introducción
  2. Acceso a propiedades con css()
  3. Modificar propiedades css con css(nombre_propiedad_css, valor)
  1. Introducción
  2. Conceptos Claves
  3. Cargar un Archivo
  4. El método GET o POST
  5. Cargar un Script
  6. El método AJAX de jQuery
  1. Introducción
  2. Formularios
  1. Introducción
  2. Los efectos show() y hide()
  3. Efectos de fundido
  4. Creación de una animación
  5. Envío de funciones callback
  6. Cola de efectos
  7. Efectos con desplazamientos
  1. Introducción
  2. Instalación
  3. Usando jQuery UI en nuestra página web
  4. Plugin draggable
  5. Componente Dialog
  6. Componente Button
  1. Plugins
  2. Desarrollar Plug-ins
  3. Añadir nuevos métodos abreviados
  4. Parámetros del método
  5. Otras funciones para plug-ins
  6. Compartir un Plug-in

metodología

claustro

Claustro de Profesores Especializado

Realizará un seguimiento personalizado del aprendizaje del alumno.

campus virtual

Campus virtual

Acceso ilimitado desde cualquier dispositivo 24 horas al día los 7 días de la semana al Entorno Personal de Aprendizaje.

materiales didácticos

Materiales didácticos

Apoyo al alumno durante su formación.

material adicional

Material Adicional

Proporcionado por los profesores para profundizar en cuestiones indicadas por el alumno.

Centro de atención al estudiante (CAE)

Centro de atención al estudiante (CAE)

Asesoramiento al alumno antes, durante, y después de su formación con un teléfono directo con el claustro docente 958 050 242.

inesem emplea

INESEM emplea

Programa destinado a mejorar la empleabilidad de nuestros alumnos mediante orientación profesional de carrera y gestión de empleo y prácticas profesionales.

comunidad

Comunidad

Formada por todos los alumnos de INESEM Business School para debatir y compartir conocimiento.

revista digital

Revista Digital INESEM

Punto de encuentro de profesionales y alumnos con el que podrás comenzar tu aprendizaje colaborativo.

masterclass

Master Class INESEM

Aprende con los mejores profesionales enseñando en abierto. Únete, aprende y disfruta.

Clases online

Clases online

Podrás continuar tu formación y seguir desarrollando tu perfil profesional con horarios flexibles y desde la comodidad de tu casa.

Con nuestra metodología de aprendizaje online, el alumno comienza su andadura en INESEM Business School a través de un campus virtual diseñado exclusivamente para desarrollar el itinerario formativo con el objetivo de mejorar su perfil profesional. El alumno debe avanzar de manera autónoma a lo largo de las diferentes unidades didácticas así como realizar las actividades y autoevaluaciones correspondientes.La carga de horas de la acción formativa comprende las diferentes actividades que el alumno realiza a lo largo de su itinerario. Las horas de teleformación realizadas en el Campus Virtual se complementan con el trabajo autónomo del alumno, la comunicación con el docente, las actividades y lecturas complementarias y la labor de investigación y creación asociada a los proyectos. Para obtener la titulación el alumno debe aprobar todas la autoevaluaciones y exámenes y visualizar al menos el 75% de los contenidos de la plataforma. El Proyecto Fin de Máster se realiza tras finalizar el contenido teórico-práctico en el Campus. Por último, es necesario notificar la finalización del Máster desde la plataforma para comenzar la expedición del título.

becas

Becas y financiación del Experto en Diseño Web

Hemos diseñado un Plan de Becas para facilitar aún más el acceso a nuestra formación junto con una flexibilidad económica. Alcanzar tus objetivos profesionales e impulsar tu carrera profesional será más fácil gracias a los planes de Inesem.

Si aún tienes dudas solicita ahora información para beneficiarte de nuestras becas y financiación.

20% Beca Antiguos Alumnos

Como premio a la fidelidad y confianza de los alumnos en el método INESEM, ofrecemos una beca del 20% a todos aquellos que hayan cursado alguna de nuestras acciones formativas en el pasado.

20% Beca Desempleo

Para los que atraviesan un periodo de inactividad laboral y decidan que es el momento idóneo para invertir en la mejora de sus posibilidades futuras.

15% Beca Emprende

Una beca en consonancia con nuestra apuesta por el fomento del emprendimiento y capacitación de los profesionales que se hayan aventurado en su propia iniciativa empresarial.

15% Beca Amigo

La beca amigo surge como agradecimiento a todos aquellos alumnos que nos recomiendan a amigos y familiares. Por tanto si vienes con un amigo o familiar podrás contar con una beca de 15%.

Financiación 100% sin intereses

* Becas aplicables sólamente tras la recepción de la documentación necesaria en el Departamento de Asesoramiento Académico. Más información en el 958 050 205 o vía email en formacion@inesem.es

* Becas no acumulables entre sí.

* Becas aplicables a acciones formativas publicadas en inesem.es

titulación

Título Propio del Instituto Europeo de Estudios Empresariales (INESEM)
Titulación:
Titulacion de INESEM

INESEM Business School se ocupa también de la gestión de la Apostilla de la Haya, previa demanda del estudiante. Este sello garantiza la autenticidad de la firma del título en los 113 países suscritos al Convenio de la Haya sin necesidad de otra autenticación. El coste de esta gestión es de 30 euros. Si deseas más información contacta con nosotros en el 958 050 205 y resolveremos todas tus dudas.

claustro

Claustro de profesores:
Emilio
Emilio Romero Sánchez

Diseñador Gráfico y Técnico en Artes Gráficas. Experto en maquetación, diseño, fotocomposición y producción editorial. Su experiencia laboral se prolonga durante más de 10 años en los que se ha desarrollado en el ámbito de la asesoría publicitaria, ofreciendo soluciones integrales e innovadoras.

Leer más
Ana
Ana Montilla Duque

Ingeniera Técnica en elaboración, implantación y desarrollo de proyectos BIM, experta en modelado “As-Built” por medio de procesos fotogramétricos. Experiencia en ideación y creación de proyectos de diseño avanzado mediante infoarquitectura, colaboradora para ejecución de mediciones y presupuestos en proyectos arquitectónicos. Graduada en Arquitectura Técnica y Edificación, especializada en proyectos arquitectónicos en la Universidad de Málaga.

Leer más
Miguel
Miguel Castillo Blanco

Experto en posicionamiento de pago (SEM) y Programática. Responsable del Departamento de Marketing en INESEM. Licenciado en Comunicación Audiovisual por la Universidad de Málaga. Especializado en el área de diseño multimedia y la producción audiovisual.

Leer más
Bibiana
Bibiana Moreno Leyva

CEO de EducaLMS, proyecto de innovación educativa. Técnica superior en desarrollo de aplicaciones informáticas. Cuenta con más de seis años de experiencia profesional en la coordinación de análisis de aplicaciones multiplataforma y dos años en desarrollo de aplicaciones web con distintas infraestructuras.

Leer más
Daniel
Daniel Rodriguez

Ingeniero Técnico en Informática de Sistemas, analista programador de aplicaciones web usando la plataforma de desarrollo ASP‎.‎NET con C‎# así también como desarrollo de aplicaciones usando PHP. Experto en bases de datos SQL Server y MySql y conexión con aplicaciónes web mediante ORM como NHibernate y Entity Framework además del uso de  ADO.net.  Actualmente jefe de proyecto en Innoforma Elearning Technologies.

Leer más
Daniel
Daniel Cabrera

Experto en Implantación, Gestión y Auditoría de Sistemas de Seguridad de Información ISO 27001-27002. Cuenta con más de 10 años de experiencia en Administrador de Sistemas y responsable de TI, apasionado de las tecnologías abiertas y el software libre, especialista en infraestructuras de alta demanda y disponibilidad. Licenciado en Ciencias Físicas por la Universidad Autónoma de Madrid.

Leer más
TAMBIÉN PODRÍA INTERESARTE...
Otras Acciones Formativas relacionadas
Master en Diseño Web y Marketing Digital
Online | 1500 h. | 1495 EUR
Curso Superior de Photoshop Avanzado
Online | 250 h. | 450 EUR
Curso de UX / UI. Usabilidad y Experiencia de Usuario (Titulación Universitaria + 12 Créditos ECTS)
Online | 300 h. | 420 EUR
Curso en de Adobe XD: Prototipado y Testeo Web
Online | 150 h. | 410 EUR

5 RAZONES

PARA ELEGIR INESEM

Hay muchas más motivos ¿Quieres conocerlos?

Por qué matricularme en INESEM
logo
ARTÍCULOS RELACIONADOS
INESEM EMPLEA

Completa tu formación con nuestro Servicio de Orientación Profesional y nuestro Programa de Entrenamiento por Competencias.

inesem emplea inesem emplea inesem emplea
Universidades colaboradoras
La universidad Antonio de Nebrija es Universidad colaboradora con INESEM Business School La universidad a Distancia de Madrid es Universidad colaboradora con INESEM Business School