PROYECTO FINAL DEL CURSO HTML Y CSS

Supongan que tienen que realizar una página web para el laboratorio de

mantenimiento de la carrera de Informática y Sistemas.

Para ello deben tener los siguientes enlaces para el menú:

Inicio

Registrar Equipo

Registrar Recepción

Registrar Devolución

Mostrar Informes

Informe de Recepciones

Informe de Devoluciones

Contactos

Contactar

A continuación se explicará que contendrá cada uno de estos enlaces para el

menú:

Inicio Página de Presentación para el laboratorio de Mantenimiento.

Realizar un solo enlace en el menú para registrar un equipo y que

muestre lo siguiente:

Registrar Equipo.- Desplazando el mouse por encima de este enlace

del menú debe mostrar los submenús siguientes:

Registrar Recepción.- Este enlace contendrá un Formulario

de registro de recepción para un equipo y este debe tener la siguiente

información con los siguientes campos:

Nro. Trabajo

Nombre del Equipo

Descripción del Equipo

Descripción de la falla del equipo

Seleccionar si ese equipo es de la

Universidad o es externo (ver la mejor solución

para esta parte).

Nombre del responsable de recepción

Estos datos mencionados anteriormente serían para el equipo, los datos de la

persona que dejó el equipo serían los siguientes:

Nombres del dueño

Apellidos

C.I.

Teléfono de referencia

Correo electrónico

Registrar Devolución.- Este enlace contendrá un Formulario

para registrar la devolución de un equipo y este debe tener la siguiente

información con los siguientes campos:

Nro. Trabajo

Nombre del Equipo

Descripción de la solución dada al equipo

Seleccionar si ese equipo es de la

Universidad o es externo (ver la mejor solución

para esta parte).

Nombre del responsable de la devolución

Los datos mencionados anteriormente serían para el equipo, los datos de la

persona a la que se devolvió el equipo serían los siguientes:

Nombres de la persona a la que se devolvió el

equipo

Apellidos

C.I.

Teléfono de referencia

Realizar un solo enlace en el menú para mostrar informes y que

muestre lo siguiente:

Mostrar Informes.- Desplazando el mouse por encima de este enlace

del menú debe mostrar los submenús siguientes:

Informe Recepciones.- Deben tener un documento llamado

informeRecepciones.html por ejemplo y en este documento deben tener

una tabla que muestre la siguiente información (Tener mínimamente 5

datos diferentes como ejemplo):

Nro. de Trabajo

Nombre del Equipo con su respectiva imagen

Descripción del equipo

Descripción de la falla del equipo.

Estado del equipo (Pendiente, En proceso,

Terminado).

Nombre del dueño

C.I.

Teléfono de referencia

Ver Detalles (deben colocar solo un link)

Informe Devoluciones.- Deben tener un documento llamado

informeDevoluciones.html por ejemplo y en este documento deben tener una

tabla que muestre la siguiente información (Tener mínimamente 5 datos

diferentes como ejemplo):

Nro. de Trabajo

Nombre del Equipo con su respectiva imagen

Descripción del equipo

Nombre del dueño:

C.I.

Estado de la Devolución (si o no)

Nota.- Deben tener un enlace con una imagen incluida dentro de este mismo

documento, el cual debe direccionar simplemente a un documento por

ejemplo recepciones.pdf, este documento de preferencia debe contener una

pequeña tabla con datos. Ojo no se está pidiendo imprimir un documento pdf,

solo tienen que colocar ese documento en un directorio documentos y

llamarlo desde su enlace. Este enlace debe estar presente tanto en informe

de recepciones como en informe de devoluciones.

Contactos Dirección del Laboratorio de mantenimiento (pueden

buscar algún mapa en google maps y colocar una imagen.jpg de la

dirección indicando donde queda el laboratorio).

Contactar Formulario para realizar alguna consulta a los encargados

del laboratorio, enviando un correo electrónico a través de este

formulario, el cual contendrá los siguientes campos:

Nombre

E-mail

Consulta

Nota.- Todo formulario debe presentar la etiqueta <form> como se vio en

clases y además no olvidarse del botón de enviar y cancelar.

También deben implementar las validaciones necesarias de html5 que se vio

en la última clase (email, números entre otros).

Para realizar el proyecto del curso de Html y Css, se debe considerar lo

siguiente:

1.- Tener la estructura de directorios siguiente:

-> formularios.- En este directorio se encontrarán los formularios que les solicite con anterioridad.

-> css.- Este directorio contendrá los estilos que ustedes mismos definan.

-> images o imágenes.- Contendrá todas las imágenes que utilicen para

realizar su interfaz.

-> documentos.- Este directorio contendrá los documentos pdf para la

sección de informes de recepción y devolución.

-> informes.- En este directorio se encontrarán las páginas realizadas para

mostrar informes.

-> index.html.- Y por último este será su archivo principal desde donde se

iniciará el sistema.

2.- Deben realizar el menú de navegación con pestañas, este ejemplo se

encuentra en las diapositivas del curso, revisar las diapositivas.

También consideren utilizar rutas relativas y no rutas absolutas, ya que estos

ocasionarán problemas al revisar sus trabajos (ojo los errores de las rutas

disminuirán su nota final).

3.- La interfaz que realicen debe presentar la siguiente estructura:

Cabecera de página

Menú de navegación horizontal

Menú de navegación vertical

Área central

Pie de página

Nota.- Debe contener 2 columnas como mínimo, si desean pueden tener en

su interfaz 3 columnas.

4.- Pueden trabajar con html5 o con html4 no hay problema.

5.- Tienen que utilizar mínimamente 5 funciones de CSS3, de preferencia las

que están en las diapositivas.

6.- Pueden utilizar las imágenes que deseen para realizar la interfaz, no es

necesario que sea acorde al tema mencionado.

Me interesa mucho que sean creativos al momento de diseñar su interfaz.

La fecha de presentación del Proyecto será hasta el 6 de Abril, fecha que

deberán subir sus proyectos a la página de cursos:

www.cursos.cs.umss.edu.bo sección tareas hasta las 11:00 am (no se

ampliará la fecha de presentación).

La forma de presentación del trabajó será: Subir un archivo.zip que contenga

todos los directorios y archivos utilizados en su proyecto, además un

LEEME.txt con sus datos personales que incluya su correo electrónico y una

breve explicación de todo lo que lograron hacer respecto a los puntos

mencionados anteriormente.

Cualquier duda o consulta acerca del trabajó pueden escribirme a mi correo:

tativalero@gmail.com o también pueden escribirme al Facebook :D.

Pueden buscarme en el laboratorio de desarrollo del Departamento de

Informática y Sistemas a partir de las 17:30 pm hasta las 18:10 pm.

No se olviden que el trabajo vale 70 puntos.

Espero que les vaya bien es su proyecto cualquier duda ya saben que

hacer, se cuidan byeeeee :D