Saltar al contenido principal
BGAI
  • Inicio
  • Google Académico
  • YouTube Edu
    YouTube Edu Crash Course khanacademy
  • Aplicaciones
    canva diagrams timetoast animoto
  • Más
En este momento está usando el acceso para invitados
Iniciar sesión (ingresar)
BGAI
Inicio Google Académico YouTube Edu Colapsar Expandir
YouTube Edu Crash Course khanacademy
Aplicaciones Colapsar Expandir
canva diagrams timetoast animoto
Expandir todo Colapsar todo

Bloques

Hora actual en
Guadalajara, México

  1. Tablero
  2. I2453_2023F
  3. Módulo 3
  4. Actividad 1. Fuentes, color e imágenes

Actividad 1. Fuentes, color e imágenes

Requisitos de finalización

Es momento de plasmar tu estilo en la página web que estás creando, comunica tu idea a través de imágenes, colores y diversos estilos de letra. Recuerda que la mayoría de las páginas web pretende brindar una experiencia única y original a sus usuarios. Es momento de pensar cómo lo harás, esto será la carta de presentación de tu producto o servicio


Propósito 

Elige los elementos de diseño adecuados a la página web. 

Modalidad 

Mixta 

Producto

Códigos de color, fuentes e imágenes de la página web.

Instrucciones 

  1. Revisa los videos de tipografía y color que están en los siguientes enlaces: 

  • Qué tipos de tipografía existen y cómo usarlas I Conceptos básicos de diseño gráfico 
Colors in Motion 

2. De acuerdo con los principios de diseño, visto en los enlaces anteriores, elige el código hexadecimal del color para tu página del siguiente enlace: 

  • https://www.presenciaweb.net/tools/circulo-cromatico/

3. Ahora elige la fuente y tipografía en el siguiente enlace:

 • https://fonts.google.com/

 4. Selecciona las imágenes que deseas incluir en tu página. Para poder emplearlas es necesario que edites su tamaño. En las siguientes páginas puedes hacerlo: 

  • https://www.befunky.com/es/opciones/editor-de-fotos/ 
  • https://www.iloveimg.com/es/editor-de-fotos        
  • https://www.canva.com/es_mx/editor-fotos/  
  • https://www.fotor.com/es/ 
5. Edita las imágenes de acuerdo a los siguientes tamaños: 

  • La imagen que utilizarás como portada ajústala a un tamaño de 800 por 400 pixeles. 
  • Las imágenes restantes que incluirá en tu página, asegúrate de que tengan un tamaño menor a 200 pixeles para que puedan ser vistas en cualquier dispositivo. 
  • La resolución ideal para una imagen en web es de 72 dpi.

6. Incluye las referencias de los bancos de imágenes usados. Te sugerimos seleccionar imágenes con licencia CC (creative commons). Consulta la tabla para mayor información. 

7. Ahora que tienes los código de color, fuentes e imágenes que utilizarás, agrégalos a un documento de Word y envía el archivo en el espacio correspondiente.

Evaluación 

Fondo 

• Elige los elementos de diseño (color y fuente) con base a los principios de estética, psicología del color y legibilidad. • Las imágenes cuentan con las especificaciones técnicas y respeta los derechos de autor. 

Forma 

  • El documento incluye el color, la fuente y las imágenes seleccionadas. 
  • Entrega en tiempo y forma. 
  • Incluye las referencias consultadas.

En este momento está usando el acceso para invitados (Iniciar sesión (ingresar))
Resumen de conservación de datos
Obtener la App Mobile
Impulsado por Moodle