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 1
  4. Avance 1. Prediseño de una página web

Avance 1. Prediseño de una página web

Requisitos de finalización

Cierre de Módulo

Como te habrás dado cuenta existen diversas páginas web cuya diferencia, además de su estructura, es su utilidad y finalidad, por ejemplo, hay páginas que promocionan productos o servicios, tiendas online, blog, educativas, etc.

Que nos guste navegar en un sitio web tiene que ver con la forma en que se encuentra organizada la información y que esta sea clara y accesible, ten presente que toda página está compuesta por tres partes, la cabecera o header, cuerpo o body y pie de página o footer.

Es momento de comenzar a esquematizar el sitio web que desarrollarás durante esta UAI.

¡Deja volar tu lado creativo!


Propósito

Identifica la esquema de una página web.

Modalidad

Virtual

Producto

Estructura de contenido y de navegación de tu página web.


Instrucciones

1. Revisa los siguientes enlaces e identifica los diferentes tipos de estructura que brindan una navegación diferente en las páginas web:

      • http://www.uxables.com/diseno-ux-ui/la-arquitectura-de-informacion-web-y-sus-tipos/
      • https://www.ionos.mx/digitalguide/paginas-web/diseno-web/navegacion-web/

2. Ingresa a una de las páginas web de la actividad anterior y esquematiza su estructura. Revisa la sección de apoyos para conocer herramientas en donde puedes realizar la esquematización.

3. Selecciona un servicio o producto que te gustaría promocionar a través de una página web.

4. Elige la estructura que funcionará para tu página promocional.

5. Toma en cuenta los siguientes elementos:

      • Título
      • Menú de navegación
      • Imagen de Portada
      • Contenido
      • Imágenes secundarias
      • Barra lateral
      • Pie de página

5. Ahora, dibuja en un organigrama la estructura de tu página web.

6. En una presentación de ppt incluye ambos esquemas y agrega el producto en el espacio de entrega.


Evaluación

Fondo:

    • Esquematiza la estructura de una página web.

    • Esquematiza la estructura y navegación de tu página web.

    • La estructura incluye: Título, Menú de navegación, Imagen de Portada, Contenido, Imágenes secundarias, Barra lateral y Pie de página (personalizados).

Forma:

    • Entrega en tiempo y forma.
    • Incluye dos esquemas.
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