Nombre: Antonio Escobar Toledo

Carrera: Ingeniería en desarrollo de software

Matricula: AL11500136

Asignatura: Programación web 1

Unidad: 2

Tema: Mapa de navegación

Tabla de contenido
Introducción...................................................................................................................... 3
Mapa del sitio.................................................................................................................... 5
Descripción del sitio............................................................................................................5
Estructura de la información...............................................................................................5
Mapa de navegación del sitio..............................................................................................9
Conclusión..........................................................................................................................9
Introducción
Para el desarrollo de esta actividad se continuará con el tema seleccionado en la
actividad 1, para esto requieres recopilar información necesaria para diseñar un
mapa de navegación del sitio web.
Para lo cual se requiere de la siguiente información.
1. Descripción del sitio
 Tipo de sitio
 Estructura de la información
 Descripción detallada del diseño
 Descripción detallada de los contenidos
 Especificación detallada de los recursos
técnicos
 Calendario de implementación del diseño y
su construcción
 Uno o varios prototipos de páginas concretas
2. Fase de diseño del sitio web
 Consideraciones técnicas
 Tamaño de los archivos
 Diseñar las plantillas maestras
 Recopilar
 Escribir
 Establecer los elementos de programación, diseño,
entrada de datos, base de datos etcétera
3. Elaboración de un mapa de navegación donde integre los
elementos que conformarán sus páginas web.
 Textos editados y corregidos
 Especificaciones del estilo de gráfico
 Diseño de la interface y la navegabilidad entre páginas
 Ilustraciones y fotografías
 Audio y video
 Tablas de programación y base de datos
 Motores de búsqueda diseñados y comprobados
4. Identificación de su página de inicio
Principios de usabilidad a considerar para el diseño de los
sitios web.
Evidencia
Velocidad
Retroalimentación
Exactitud
5. Fase de construcción: Para esta fase es necesario la creación de
carpetas de manera estricta de la siguiente manera:
 Crear la carpeta con el nombre del sitio. Dentro se
guardarán todas las páginas web que lo conformarán.
 Crear otras carpetas donde se guardarán
exclusivamente recursos audiovisuales que integrarán
el sitio, tales como imágenes, música, videos. Una
carpeta por cada archivo, las cuales estarán dentro de
la carpeta principal.
Mapa del sitio

Descripción del sitio

Esta aplicación web tiene como finalidad hacer crecer las ventas de los artículos que la
organización ofrece, que son artículos de deportes acuáticos.

Descripción a detalle del díselo del sitio web

Estructura de la información

Los sitios web son sistemas hipermedia: conjuntos de páginas interrelacionadas por
enlaces unidireccionales. Cada una de las páginas puede contener sub-elementos con
entidad propia, contenidos multimedia y herramientas interactivas.

La estructura del sitio web se refiere precisamente a las conexiones y relaciones entre
páginas, a su topología.

Algunas páginas web por lo regular inician sus descripciones con un contenedor como parte
de la estructura general de la página, sin embargo estas urls a menudo complican el
mantenimiento de la misma, no es un mal concepto si no un punto de vista particular, dejar
las etiquetas libres de contenedores para su redimensionamiento o cambiar valores al gusto
del diseñador o programador.

Por lo anterior es recomendable un diseño sencillo y operable, un diseño en mi opinión

recomendable es el siguiente:
Usar las etiquetas de manera individual las cuales se describen a continuación:

HEADER

Esta etiqueta Sirve para determinar qué contenido corresponde a qué parte de un esquema.
Piensa en el esquema como en el índice de contenido de un libro; un tema común y
subsecciones relacionadas.  Es, por lo tanto, una etiqueta semántica. Su funcionalidad
principal es estructurar semánticamente un documento a la hora de ser representado por parte
de un agente usuario. Por ejemplo, un agente de usuario que represente el documento en voz,
podría exponer al usuario el índice de contenido por niveles para navegar rápidamente por las
distintas partes.

NAV

Esta etiqueta crea un menú de navegación

Su sintaxis más común es:

<nav>

<ul>

<li><a href="www.google.com"> Item de Navegación 1 </li>

<li><a href="www.infotec.mx"> Item de Navegación 2 </li>

<li><a href="www.sct.gob.mx"> Item de Navegación 3</li>

</ul>

</nav>

SECTION

Sirve para determinar qué contenido corresponde a qué parte de un esquema. Piensa en el
esquema como en el índice de contenido de un libro; un tema común y subsecciones
relacionadas.  Es, por lo tanto, una etiqueta semántica. Su funcionalidad principal es
estructurar semánticamente un documento a la hora de ser representado por parte de un
agente usuario. Por ejemplo, un agente de usuario que represente el documento en voz,
podría exponer al usuario el índice de contenido por niveles para navegar rápidamente por las
distintas partes.

ARTICLE
Representa una composición auto-contenida en un documento, página, una aplicación o en el
sitio, que se destina a distribuir de forma independiente o reutilizable, por ejemplo, en la
sindicación. Podría ser un mensaje en un foro, un artículo de una revista o un periódico, una
entrada de blog, un comentario de un usuario, un widget interactivo o gadget, o cualquier otro
elemento independiente del contenido.

ASIDE

Define algunos contenidos vagamente relacionados con el resto del contenido de la página. Si
es removido, el contenido restante seguirá teniendo sentido

FOOTER

Define el pie de una página o sección. Usualmente contiene un mensaje de derechos de

autoría, algunos enlaces a información legal o direcciones para dar información de
retroalimentación.

Para crear una página web se requiere en primera instancia recursos para alojar nuestro
servidor web, así como las aplicaciones necesarias para el funcionamiento de nuestra url.

Los recursos que se requieren son los siguientes:

Equipo de cómputo personal (Equipo de escritorio o laptop)

Este equipo debe contar con la siguiente especificación técnica:

Memoria RAM= 16 GB

Disco Duro = 1 TB

Procesador = Intel superior a Pentium 4 que contenga por lo menos 4 núcleos.

Windows 2008 o superior

Software adicional Office 365

Software necesario para crear y diseñar sitios web, Dreamweaver, Photoshop, Flash,
Ilustrator.

Esto es en cuanto a la parte de recursos que se requieren para que el sitio tenga un
rendimiento adecuado.

Otra parte importante es contar con el software necesario para ello se recomienda contar
con los navegadores necesarios de la actualidad entre ellos se encuentran:

Iexplore 11
Mozilla Firefox

Google Chrome

La parte del servidor web se debe contar con:

Servidor web
IIS o Apache
Bases de datos
Acces

Mysql
Lenguajes de programación
ASP, PHP, HTML, JAVASCRIPT,

Carpetas y archivos del servidor donde se alojara la página web

Mapa de navegación del sitio
Este es el mapa de navegación con el contara nuestro sitio web.

Conclusión:

Para que podamos tener un sitio web de éxito debemos contar con todo lo
necesario para un buen funcionamiento del mismo, lo descrito anteriormente forma
parte de una estructura del diseño de un sitio web.
Si bien no es todo lo que se necesita hemos definido gran parte del potencial de
un sitio web que garantiza su funcionamiento.
Contar con las herramientas aquí mencionadas nos llevara a gozar de un sitio
confiable y seguro en cuanto a su navegación y estructura.
Fuente de información:

http://webdir.tistory.com/310
https://developer.mozilla.org/es/docs/Web/HTML/Elemento/article