Proyecto Actividad Diseño de Interfaces Web

exposición proyecto prototipado, diseño, estilos y contenido multimedia

Diseño de interfaces web

curso 2023/2024

2º daw

Cristina rivera contioso

01

prototipado

guía de estilos, patrones de diseño y mapa de navegación

prototipado: guía de estilos

color

enlaces

logo

tipografía

botones

header

footer

prototipado: PATRONES DE DISEÑO

Home

• Patrón en F
• Franjas horizontales
• Líneas

Específicos

• Pantalla dividida
• Mosaico

prototipado: Mapa de navegación

02

CREACIÓN DE PÁGINAS WEB

HTML5 Y CSS3

footer

CREACIÓN DE PÁGINAS WEB: cambios

cambios más significativos

input y botones

• Footer, mapa y distribución.
• Botones, sombreado.
• Input tipo texto.

ELEMENTOS INCLUIDOS

CREACIÓN DE PÁGINAS WEB: elementos

• Listas y propiedades de listas

• Pseudo elementos y pseudo clases

• Modelo de cajas

• Menú horizontal de navegación

• Botones

• Tooltips

CREACIÓNN DE PÁGINAS WEB: Transiciones y trasnformaciones

03

contenido multimedia

inclusión de contenido multimedia en la web

vídeos incrustados

contenido multimedia: videos

vídeo con etiqueta

código

contenido multimedia: SONIDOS

sonidos

bitmap optimización

contenido multimedia: IMÁGENES VECTORIALES Y BITMAP

• Reducir las dimensiones

• Incrementar la resolución

• Añadir el atributo "title"

imágen vectorial

• Añadir el atributo "atl"

• Renombrar los archivos

contenido multimedia: CREATIVE COMMONS

puedes

• Copiar y redistribuir

• Adaptarlo

licencia

debes

• Atribuir la autoria

• No usarlo con fines comerciales

• Distribuirlo con las mismas condiciones

no compres, adopta

¡gracias!