MANUAL DE USUARIO DE LA PAGINA WEB INSTITUCIONAL

Este manual pretende transmitir los conceptos y la estructura de la nueva página web
institucional de la Institución Educativa Integrada Mariscal Cáceres para que cualquier
usuario pueda sacar el máximo partido de ella.

ESTRUCTURA CONCEPTUAL DE LA PÁGINA WEB INSTITUCIONAL

La reorganización de contenidos y reestructuración informativa, se ha basado en respetar al

máximo la claridad visual y la simplicidad de uso, sin menospreciar contenido alguno,
aumentando con ello la usabilidad global de la página web. En este sentido el principal hecho
a destacar es la integración del portal de como enlace interno, presente en el menú principal
de navegación del sitio. Con ello, se potencia la percepción corporativa de la página web al
mismo tiempo que se fomenta el acceso a la información que esta página web ofrece.

Existen 3 niveles de navegación:

 Navegación por perfiles: permite navegar por la información eligiendo previamente el

perfil deseado según las necesidades e intereses del usuario (estudiante, en la institución
educativa integrada Mariscal Cáceres).
 Navegación de primer nivel: cumple con la función de menú principal homogénea en
todas las vistas y es inamovible. Ésta recoge un total de seis enlaces correspondientes a
las principales secciones de la página web. Cada uno de estos enlaces te conduce a la
página donde se destacarán los contenidos más importantes de su árbol de información
jerárquico.
 Navegación de segundo nivel: recoge los enlaces de acceso a los contenidos contextuales

de cada sección principal. Esta muestra a su vez, navegación anidada, en caso de así ser
necesaria y que da acceso a la navegación de tercer nivel. En la mayoría de los casos,
exceptuando la sección Organización, la navegación de segundo nivel conecta con las
páginas de Unidades organizativas.
 Navegación de tercer nivel: es visible en la parte izquierda del portal y no en el menú
horizontal y corresponde con un nivel más de especialización.

ESTRUCTURA DE LA PÁGINA PRINCIPAL

Para acceder a la página principal debemos escribir en el navegador

URL http://www.ieimariscalcaceres.edu.pe.
Imagen 1: Ingreso de Dominio de la página web institucional en el navegador
URL

Una vez ingresado en el navegador, En el imagen 2: se ve la estructura de la página

principal y las partes que contiene menús, encabezado, banner(imágenes cambiantes), pie
de página, noticias, enlaces a otras páginas relacionadas con la institución, botones y cuadro
de inicio de sección en caso si eres administrador y tener una cuenta de usuario y contraseña.

Leyenda del imagen 2:

1. Encabezado de la pagina
2. Menús principales
3. Banner
4. Botones
5. Publicidad
6. Video enlazado de YouTube
7. Cuadro de inicio de sección
8. Noticias
9. Pluying de Facebook para comentarios
10. Pie de pagina
Imagen 2: estructura general de la página web.
La página inicial de la web que se muestra en la imagen 2: está dividida en cuatro zonas,
conteniendo cada una de ellas uno o más elementos.

Las zonas son las siguientes:

1.- CABECERA O ENCABEZADO

Se encuentra en la parte superior y contiene el logo de la institución educativa, el nombre y

una frase, en la cual también está incluido los menús principales (inicio, nosotros, talleres,
niveles, autoridades y contáctenos) nombre de la institución y las imágenes de cabecera.

Imagen 3: encabezado de la página web.

2.- MENÚS PRINCIPALES

En esta zona se encuentran tanto el menú horizontal. Al igual que la cabecera, es común a
toda la página web.

Imagen 4: menús principales de la página web.

2.1.- MENÚ INICIO

El menú inicio al realizar un clic simplemente nos muestra la página principal el banner, el
video que esta enlazada de YouTube, los botones, el plugin, en cuadro de inicio de sección.

Cuando una vez el usuario este en la página principal y entre en otras ventanas fácilmente el
usuario puede dar un clic en el menú de inicio, como se muestra más adelante en la imagen
5: y así volver a la página principal la cual es importante para poder volver al inicio.
Imagen 5: menú de inicio

2.2.- MENÚ NOSOTROS

Al pasar el cursos por este menú se desliza y nos muestra distintas paginas básicas las cuales
contienen información de la institución (misión, visión, historia, ubicación, organigrama,
himno y documentos de gestión (Plan estratégico) como se muestra en la siguiente imagen.

Imagen 6: submenús del menú principal NOSOTROS

2.2.1.- SUB MENÚ MISIÓN

Al pulsar en el submenú de misión, nos muestra la misión de la institución educativa

integrada Mariscal Cáceres el cual es el contenido que posee la página básica de misión.

Imagen 7: contenido del submenú misión.

2.2.2.- SUB MENÚ VISIÓN

Al pulsar en el submenú de visión, nos muestra la visión de la institución educativa integrada

Mariscal Cáceres el cual es el contenido que posee la página básica de visión.

Imagen 8: contenido del submenú visión.

2.2.2.- SUB MENÚ HISTORIA

Al pulsar en el submenú de visión, nos muestra la visión de la institución educativa integrada

Mariscal Cáceres el cual es el contenido que posee la página básica de visión.

Imagen 9: contenido del submenú historia.

2.2.3.- SUB MENÚ UBICACIÓN

Si se pulsa en el submenú ubicación nos muestra la Página básica que contiene la ubicación
de la institución que esta re direccionado de google maps.

Imagen 10: contenido del submenú ubicación.

2.2.4.- SUB MENÚ ORGANIGRAMA

Si se pulsa en el submenú organigrama nos muestra la Página básica que contiene el

organigrama de la institución.

Imagen 11: contenido del submenú organigrama.

2.2.5.- SUB MENÚ HIMNO MARISCALINA

Si se pulsa en el submenú Himno Mariscalina nos muestra la Página básica que contiene el
himno del colegio.

Imagen 12: contenido del submenú himno mariscalina.

2.2.6.- SUB MENU DOCUMENTOS DE GESTIÓN

Al pulsar en el submenú de documentos de gestión nos muestra el plan estratégico de la

Institución Educativa Integrada Mariscal Cáceres el cual se puede descargar.

Imagen 13: contenido del submenú documentos de gestión.

2.3.- MENU TALLERES

Al pasar el cursos por este menú se desliza y nos muestra distintas paginas básicas las cuales
contienen información de la institución (computación, industrias del vestido y agropecuaria)
como se muestra en la siguiente imagen.
Imagen 14: submenús del menú principal talleres.

2.3.1.- SUBMENU COMPUTACION

Al pulsar en el submenú de computación nos muestra imagen e información del decálogo de

taller de computación.

Imagen 15: contenido del submenú computación.

2.3.2.- SUBMENU INDUSTRIAS DEL VESTIDO

Al pulsar en el submenú de industrias del vestido nos muestra imágenes donde los alumnos
están en proceso de aprendizaje.

Imagen 16: contenido del submenú de industrias del vestido.

2.3.3.- SUBMENU AGROPECUARIA

Al pulsar en el submenú de agropecuaria nos muestra en la página básica fotos en las cuales
los estudiantes de la institución están en pleno taller.

Imagen 17: contenido del submenú de agropecuaria.

2,4.- MENU NIVELES

En este menú tenemos submenús el cual nos muestra los niveles con los que cuenta la
institución educativa integrada Mariscal Cáceres como es INICIAL, PRIMARIA Y
SEGUNDARIA.

Imagen 18: contenido de los submenús del menú principal que es Niveles.

2.4.1.- SUBMENUS INICIAL, PRIMARIA Y SEGUNDARIA.

Como vemos la institución educativa tiene tres niveles en las cuales cada nivel tiene su
propia información y como también multimedios. Para lo cual se muestra en la siguiente
página toda en general los tres niveles.

Imagen 19: contenido del submenú de niveles.

2.5.- MENU AUTORIDADES

Al hacer un clic en este menú se mostrara las autoridades de la institución educativa como
la directora, apafa y subdirector.

Imagen 20: contenido del menú de autoridades..

2.6.- MENU CONTACTENOS

Al pulsar en el menú de CONTACTANOS nos muestra el formulario para que el usuario

pueda contactarse o realizar una consulta directamente con la institución.

Imagen 21: contenido del menú contáctanos.

3.- BANNER

Es la parte donde se encuentra los imágenes cambian automáticamente, pero la poner el

cursor por encima se queda estático hasta que lo quites el cursor de por encima.

Imagen 22: banner (imágenes cambiantes).

4.- BOTONES

En esta parte tenemos seis botones las cuales contienen una página básica dentro de los
cuales se tiene información básica.

Imagen 23: botones.

4.1.- BOTON AULA VIRTUAL

Al presionar en el botón de aula virtual entramos en el aula virtual donde nos pide el correo
institucional y contraseña para poder acceder e interactuar.
Imagen 24: Aula virtual

4.2.- BOTON ESCUELA DE PADRES

Al pulsar en el botón escuela de padres en la cual contiene una página básica se basa en la
información y talleres o reuniones que se realizar con los padres de familia de la institución.

Imagen 25: contenido escuela de padres

4.3.- BOTON LOGROS INICIAL

En el área de logros inicial contiene una página básica en la cual puede contener información
o imágenes acerca de logros que se logran.
Imagen 26: logros iniciales

4.4.- BOTON LOGROS PRIMARIA

En el área de logros primaria contiene una página básica en la cual puede contener
información o imágenes acerca de logros que se logran.
Imagen 27: logros primaria

4.5.- BOTON LOGROS SECUNDARIA

En el área de logros secundaria contiene una página básica en la cual puede contener
información o imágenes acerca de logros que se logran.
Imagen 28: logros segundaria
4.6.- BOTON RESULTADO CONCURSOS

Al hacer un clic en el botón de resultados de concurso nos adentramos en la página básica

donde podemos ver los resultados de los concursos realizados en la institución la cual se
puede descargar porque muchos de ellos están en formato de documento.
Imagen 29: contenido de resultados de concursos

5.-PUBLICIDAD

La publicidad se encuentra a la parte izquierda de la página principal el cual con hacer un

clic se tiene una mayor visibilidad de la publicidad.

Imagen 30: Publicidad

6.-VIDEO REDIRECCIONADO DE YOUTUBE

Se encuentra en la parte central de la página web principal, el video se reproduce

automáticamente cuando ingresa a la página para poder pausarlo simplemente de un clic en
medio del video. Lo cual esta re direccionado del canal de YouTube de la institución.

Imagen 31: video de la página principal.

7.-CUADRO DE INICIO DE SECCION

Es en este cuadro donde el administrador accede para poder realizar cambios o editar la
página es necesario contar con el nombre de usuario y contraseña.

Imagen 32: inicio de sección del administrador

8.- NOTICIAS

En la parte intermedia de la página principal podemos visualizar las noticias que publica la
institución a través de su portal con simplemente dar un clic en cualquiera de las noticias
accederá a la completa información de las noticias.

Imagen 33: noticias

9.- PLUYING DE FACEBOOK

En este sitio es donde el usuario puede comentar acerca de la pagina simplemente es

necesario que el dispositivo donde voce esta conectado este acceso a facebook.

Imagen 34: pluying de comentarios

10.- PIE DE PÁGINA

Se sitúa en la parte inferior de todas las páginas del portal. Contiene por un lado un conjunto
de acciones comunes como son “Información”, “dirección” “enlaces a redes sociales” como
Facebook de la institución, canal de YouTube. Como se visualiza en la imagen generalmente
van los detalles de la institución educativa.
Imagen 35: pie de pagina