Materiales de producción WEB

Edición de sitios por medio de wordpress y el tema DIVI

Ejercicio de producción de un mailing

Instrucciones de ejercicio:

En este tutorial contarás con los siguientes elementos o recursos:

1) ZIP: recursos de imágenes y textos para realizar la el mailing.

2) Vínculo a sitio de SUBLIME para descargar editor HTML

3) Video 1: realización de estructura HTML

4) Video 2: edición de estilos del mailing

Video: primera parte

Video: segunda parte

Diseño de interfaz con Photoshop

Instrucciones de ejercicio:

En este tutorial contarás con los siguientes elementos o recursos:

1) ZIP: recursos de imágenes llamadas ElementosInterfaz

2) Video1: introducción al diseño de interfaz web

3) Video 2: realizar el header del sitio y una sección de contenido

4) Video 3: realizar segunda sección de contenido y footer

Video con introducción a diseño de interfaz

Video con explicación de sección 2 y footer.

Video con explicación de diseño de header y contenido

Diseño de un prototipo con invision

Aprende a realizar un prototipo de una página web por medio de inVision. Sube varios bocetos en formato .jpg y conéctalos entre sí por medio de zonas activas.

MAqueta de un sitio

Instrucciones de ejercicio de una maqueta de sitio

En este tutorial contarás con los siguientes elementos o recursos:

1) ZIP: recursos de imágenes para realizar la primera maqueta (index.html).

2) Video1: explicación para realizar en un HTML la estructura del index (página de inicio)

El botón descarga el archivo ZIP
Video con explicación CSS: ESTILOS PARA EL HEADER
Video con explicación de código HTML para la página de inicio del proyecto MAQUETA DE UN SITIO
Video con explicación CSS: ESTILOS PARA SECCIÓN UNO, DOS Y FOOTER.

Vistiendo la maquete para lograr la apariencia final

Video introductorio sobre diseño final de un sitio.
Video final de MAQUETACIÓN DE UN SITIO
Video con edición del HTML de inicio (index.html): colocar imágenes; sustituir textos; programar los botones del sitio.