Alumno

Jorge Flores Jiménez

Matricula
ES162003254

Grupo
DS-DPW1-1902-B2-001

Asignatura
Programación Web 1

Unidad 2
Diseño de sitios web

Actividad 2
Mapa de navegación

Docente
Josafat Poctzin Dircio

Fecha de entrega
13/10/2019
Contenido
Mapa de navegación ........................................................................................................................... 3
Introducción .................................................................................................................................... 3
Propósito ......................................................................................................................................... 3
1. Mapa de navegación del sitio web. ............................................................................................. 3
2. Describe el contenido que colocarás en la página principal y de 3 subpáginas del sitio web. 3
Página principal ........................................................................................................................... 3
Catálogos de productos............................................................................................................... 4
Visite nuestras tiendas ................................................................................................................ 4
Obtén tu cupón de descuento .................................................................................................... 4
3. Especifica cómo serán utilizados los diferentes recursos en tu sitio (Texto, imágenes, tablas,
videos, documentos, etc.). .............................................................................................................. 4
El texto ........................................................................................................................................ 4
Las imágenes ............................................................................................................................... 4
El formulario ................................................................................................................................ 4
4. Calendario de diseño y construcción del sitio (Cronograma), especificando fecha de inicio y
término del proyecto. ..................................................................................................................... 4
6. Diagrama que muestra cómo quedarán organizadas las carpetas de tu sitio, dentro del
servidor web.................................................................................................................................... 5
Fuentes de consultas ....................................................................................................................... 6
 Mapa de navegación

Introducción
Se retoma la actividad uno en donde se planteó la problemática que se pretende
resolver con la construcción de un sitio, en esta ocasión se pretende analizar los
requerimientos de información y proponer el diseño del sitio web a construir, para
ello se elabora un mapa de navegación, el cual indica las páginas que tendrá el
sitio. Además, se menciona el contenido que tendrá cada una y se especifica la
manera como se utilizaran los distintos recursos que conforman cada una de las
paginas, también, se genera el cronograma especificando la fecha en que se inicia
el proyecto y la fecha en que este deberá estar listo, de igual manera se crea un
diagrama para observar cómo se organizara la carpetas que conforman el sitio y
por ultimo crea una imagen de la página principal para especificar lo que el usuario
vera al finalizar el proyecto.

Propósito
El propósito de esta actividad es que analices los requerimientos de información
de un caso específico para proponer el diseño de un sitio web.

1. Mapa de navegación del sitio web.

En el mapa se contemplar la página principal del sitio y 5 subpáginas.
Index

Catálogo de productos Visite nuestras Obtén tu cupón

tiendas de descuento

Mujer Niñas

2. Describe el contenido que colocarás en la página principal y de 3

subpáginas del sitio web.
Página principal
 Eslogan de la tienda que se encuentre dentro de una imagen.
 Mostraran los beneficios que el usuario tendrá al comprar en cualquiera de
las tiendas de la marca.
 Testimonios de algunos clientes.
Catálogos de productos
En esta página se encontraran los productos que se venden en la tienda,
dependiendo de la opción que hayan elegido si de dama o de niña.

Visite nuestras tiendas

Se mostraran información de las tiendas que se encuentran ubicadas en distintas
partes del país.

Obtén tu cupón de descuento

En esta página se pondrá la llamada a la acción para que compartan sus datos y
así tener una comunicación con los clientes, mostrando los beneficios que tendrán
al registrar sus datos.

3. Especifica cómo serán utilizados los diferentes recursos en tu sitio

(Texto, imágenes, tablas, videos, documentos, etc.).

El texto

Estará compuesto por el encabezado que será declarado por la etiqueta html h1
que se encontrara en la página principal, así como en cada subpágina.

Las imágenes

Son la parte principal que se encontrara en los catálogos de los productos, pues
representan los artículos que se encuentran en las tiendas de ropa.

El formulario

Se colocara en la página de registro de usuarios, el cual se compone por campos

de texto, nombre y correo electrónico y el botón de acción.

4. Calendario de diseño y construcción del sitio (Cronograma),

especificando fecha de inicio y término del proyecto.

Actividades Tiempo en semanas

Diseño 1 2 3 4 5 2 6 7 8
Diseño de plantillas maestras
Recopilar material grafico
Organizar y editar contenidos
Establecer elementos de programación
Construcción
Índex
Catálogo de productos
Tiendas
Registro de usuarios
5. Prototipo de la página principal del sitio.

Página principal Catálogo Tiendas Registro

Ropa para dama y niña al

mejor precio
Accesorios

Nuestros clientes

6. Diagrama que muestra cómo quedarán organizadas las carpetas de tu

sitio, dentro del servidor web.
Carpeta raíz

Imágenes

Imágen1.jpg

Imágen2.jpg

Imágen3.jpg

index.html

Tiendas.html

Registro.html

Catálogo de productos

Mujer.html

Niñas.html
Conclusiones

La construcción del mapa de navegación es de gran importancia, pues al

elaborarlo empezamos observar el tamaño que tendrá el sitio web, como se
interrelacionaran las paginas, la jerarquía que estas tienen, además de los
recursos que se necesitan para elaborar cada una de las páginas como son:
imágenes, textos, videos, etc., de igual manera nos permite calcular el tiempo que
nos tardaremos en desarrollar el proyecto, ya que así se tiene un panorama claro
de todo lo que se requiere para confeccionar el sitio web.

Fuentes de consultas

UnADM (2019). Programación Web 1, unidad 2. DISEÑOS DE SITIOS WEB .Recuperado de:
https://unadmexico.blackboard.com/bbcswebdav/institution/DCEIT/Bloque2/DS/07/DPW1/recurs
os/recursos-contenido/U2/U2_Contenidos/Unidad_2_Dis_de_sitios_web.pdf