Diseño Gráfico Web

Diseño Gráfico Web

Metodología

100% Online

Duración

150 horas

Inversión

Patrocinado por












INFOTEP

El presente programa de formación Diseño Gráfico Web, Certificado de Aprobación, ha sido revisado por competencia centrado en resultados de aprendizaje. Tiene como objetivo lograr en los participantes las competencias requeridas en el campo laboral, a través de la adquisición de conocimientos, habilidades conductuales y Responsabilidad y autonomía.
  • Generalidades del Aprendizaje Basado en Proyecto (ABP):
  • Concepto del Aprendizaje Basado en Proyecto (ABP).
  • Concepto de proyecto integrado.
  • Cómo identificar ideas de proyecto.
  • Cómo identificar las actividades y tareas a desarrollar.
    Definición de qué hacer y cuando para el desarrollo del proyecto.
  • División de las actividades entre cada una de las personas participantes.
  • Identificación de los materiales, equipos, máquinas y herramientas que se utilizaran en la implementación del proyecto.
    Análisis de los componentes para el desarrollo del proyecto:
  • Insumos: materiales, herramientas, equipos y mobiliarios.
  • Normas, procedimientos, técnicas, métodos, estrategias, parámetros.
  • Criterios de calidad en la ejecución del proyecto
  • Otros elementos.
  • Reflexión sobre las actividades realizadas.
  • Presentación de los resultados.
  • Evaluación, autoevaluación y coevaluación del proceso y del producto.
  • Antecedentes y trayectoria de la web:
  • Internet y la web.
  • ¿Qué es http?
  • Principios de la web.
  • Orígenes y desarrollo.
  • Hitos en la web.
  • Recursos para el funcionamiento de la web.
  • Navegadores.
  • Diseño de interfaz y experiencia del usuario.
  • Navegabilidad, Interactividad, usabilidad, arquitectura de la información e interacción en los medios.
  • Evolución de la web.
  • Internet de las cosas.
  • Estructura de una página web.
  • Requerimientos para la creación de una página web:
    • Encabezado.
    • Cuerpo.
    • Pie.
  • ¿Qué es un mapa de sitio?
  • Importancia de crear mapa de sitio.
  • Tipos de páginas web.
  • Clasificación de páginas web.
  • Variedad de páginas, según su actividad económica:
  • Estáticas.
  • Dinámicas.
  • Preparación de boceto para el diseño de páginas web.
  • Boceto o wireframe.
  • Preparación de boceto para el diseño de páginas web.
  • Plantillas.
  • Resolución de pantalla para la web.
  • Formatos de imagen para la web.
  • Creación de contenidos.
  • Tipografía para la web.
  • Registro de buscadores.
  • Preparación de imágenes con
  • Illustrator.
    • Área de trabajo.
    • Herramientas de Illustrator.
    • Ilustraciones vectoriales.
    • Transformación de objetos.
  • Herramienta Texto.
  • Exportación y optimización de vectores para la web, utilizando el programa Ilustrator.
    • Introducción a las herramientas de diseño avanzado.
    • Preparación de imágenes con
    • Photoshop:
    • Preparación y optimización de imágenes.
    • Configuración y manejo de capas.
    • Creación de máscaras.
    • Objetos inteligentes.
    • Composición de una imagen.
    • Acoplamiento de imágenes.
    • Modos de fusión.
    • El color en Photoshop.
    • La paleta de colores.
    • Los filtros.
    • Composición y estructura de la página web.
    • Preparación de maquetación para la página web.Realizar optimización de imágenes para los distintos programas.
  • Acceso al programa.
  • Entorno de trabajo.
  • Herramientas disponibles.
  • Creación de una página web.
  • Desarrollo de página web mediante plantilla de diseño.
  • Protocolo y elementos web usando editores de códigos de texto.
  • Introducción al HTML y estilos CSS.
  • El texto.
  • Propiedades.
  • Formato.
  • Etiquetas.
  • Atributos.
  • Hiperenlace.
  • Hipertexto.
  • Imágenes, tablas y formularios.
  • Multimedia.
  • Plantillas
  • Enlazar.
  • Redireccionar.
  • Formularios.
  • Convertidores.
  • Aplicación de multimedia.
  • Aplicación de imágenes.
  • Creación y uso de tablas y formularios.
  • WordPress.
    • Introducción a WordPress.
    • Instalación local.
    • Acceso al programa.
    • Entorno de trabajo.
    • Herramientas disponibles.
    • Creación de una página web.
    • Instalación de páginas mediante plantilla de diseño.
    • Formas de adaptar los diseños
    • Dreamweaver y/o PSD o Ai en CMS como complementos.
    • Recursos web.
    • Widgets.
    • Plugins.
  • Herramientas básicas.
  • Administración de diseño de página web.
  • Tipos de herramientas:
    • CMS Hub.
    • Adobe Color CC.
    • Google Fonts.
    • What Font Is.
    • Mockflow.
    • CSS3 Button Generator.
    • Proto.io.
    • Tinypng.
  • Definición de conceptos:
    • ¿Qué es IP?
    • ¿Qué es DNS?
    • ¿Qué es VPN?
    • ¿Qué es FTP?
    • ¿Qué es PHP?
    • ¿Qué es SQL?
  • CMS manejadores de contenidos (WordPress, Joomla, entre otros).
  • Fundamentos del espacio en la web.
  • Dominio y hosting.
  • ¿Qué es un servidor?
  • Red local o remota.
  • El entorno para la administración web.
  • Visibilidad y usabilidad.
  • Configuración de la administración web local o remota.
  • Red remota.
  • Red local.
  • Servidor de pruebas.
  • Servidores y servicios de hospedaje.
  • Dominios y su registro.
  • Plataformas de sitios web:
    • SiteW.
    • WordPress.com.
    • Webnode.
    • Website Builder.
    • Weebly.
    • uKit.
    • Yola.
    • Jimdo.
  • SEO (Búsqueda Optimizada en los Buscadores).
  • Identificación del valor en el mercado de los sitios web.
  • RSS (Sindicación realmente simple).
  • Seguridad en internet con los certificados SSL y HTTPS.
  • Entorno web en los medios sociales.
  • Marketing digital para la web.
Open chat
💬 ¿Necesitas ayuda?
Hola 👋
¿Podemos ayudarte?