En esta sección, tendremos todos los pasos con ejemplos hasta el resultado final

Todos los pasos que realicemos serán parte de la nota FINAL

Les dejo un documento que será nuestra pauta principal y puntos a evaluar

Diseño web, realizando un trabajo real (Parte 1)

• Configuración básica de WordPress:

a. Conectar un correo electrónico personalizado al sitio.

b. Cambiar el idioma por defecto a su preferencia.

d. Configurar los ajustes generales del sitio (título, descripción.).

e. Cambio de contraseña

• Instalación y configuración de Divi:

a. Instalar y activar el tema Divi y su complemento Divi Builder.

b. Explorar las opciones de configuración de Divi

Diseño web, realizando un trabajo real (Parte 2)

 

• Conceptualización del proyecto:

a. Reunirse con el cliente (si es posible) para comprender sus necesidades, objetivos y público objetivo.
b. Investigar a la competencia y analizar los sitios web de referencia.
c. Definir la arquitectura de información y la estructura de navegación del sitio.

d. // Crear un mapa del sitio y un wireframe preliminar.! //

• Obtención de contenido:

a. Solicitar al cliente todo el contenido necesario (textos, imágenes, videos, logotipos, etc.).
b. Revisar y editar el contenido para asegurar calidad y consistencia.
c. Optimizar las imágenes y otros archivos multimedia para un rendimiento óptimo.

Diseño web, realizando un trabajo real (Parte 3)

  • Diseño y desarrollo del sitio:

 

  1. Crear una maqueta visual (mockup) del diseño del sitio utilizando Divi Builder.
  2. Desarrollar las diferentes páginas internas (inicio, sobre nosotros, servicios, contacto, etc.).
  3. Integrar el contenido y aplicar estilos consistentes en todo el sitio.
  4. Configurar la navegación y los menús. e. Implementar funcionalidades adicionales (formularios de contacto, integración de redes sociales, etc.).

 

Diseño web, realizando un trabajo real (Parte 4)

  • Pruebas y optimización: (responsive)
  1. Probar el sitio en diferentes dispositivos y navegadores.
  2. Verificar la accesibilidad y el cumplimiento de las pautas de usabilidad.
  3. Optimizar el rendimiento (tiempos de carga, compresión de archivos, caché, etc.).
  4. Implementar medidas de seguridad (actualizaciones, copias de seguridad, etc.).

Diseño web, realizando un trabajo real (Parte 5)

En este video creo una página llamada portafolio, en la cual expongo como enlazar páginas con IDENTIFICADORES CSS, TAMBIÉN LA CONSTRUYO OCUPANDO MI PROPIO TRABAJO, EN LA WEB PARA OPTIMIZAR TIEMPOS, TAMBIÉN
instalo DIVI SUPREME PRO, y configuro una galería.