PROYECTO FINAL DEL CURSO HTML Y CSS

Supongan que tienen que realizar una pgina web para el laboratorio de mantenimiento de la carrera de Informtica y Sistemas. Para ello deben tener los siguientes enlaces para el men: Inicio Registrar Equipo Registrar Recepcin Registrar Devolucin Mostrar Informes Informe de Recepciones Informe de Devoluciones Contactos Contactar A continuacin se explicar que contendr cada uno de estos enlaces para el men: Inicio Pgina de Presentacin 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 submens siguientes:
Registrar Recepcin.- Este enlace contendr un Formulario

de registro de recepcin para un equipo y este debe tener la siguiente informacin con los siguientes campos: Nro. Trabajo Nombre del Equipo Descripcin del Equipo Descripcin de la falla del equipo Seleccionar si ese equipo es de la Universidad o es externo (ver la mejor solucin para esta parte). Nombre del responsable de recepcin

Estos datos mencionados anteriormente seran para el equipo, los datos de la persona que dej el equipo seran los siguientes: Nombres del dueo Apellidos C.I. Telfono de referencia Correo electrnico

Registrar Devolucin.- Este enlace contendr un Formulario

para registrar la devolucin de un equipo y este debe tener la siguiente informacin con los siguientes campos: Nro. Trabajo Nombre del Equipo Descripcin de la solucin dada al equipo Seleccionar si ese equipo es de la Universidad o es externo (ver la mejor solucin para esta parte). Nombre del responsable de la devolucin Los datos mencionados anteriormente seran para el equipo, los datos de la persona a la que se devolvi el equipo seran los siguientes: Nombres de la persona a la que se devolvi el equipo Apellidos C.I. Telfono 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 submens siguientes:
Informe Recepciones.- Deben tener un documento llamado

informeRecepciones.html por ejemplo y en este documento deben tener una tabla que muestre la siguiente informacin (Tener mnimamente 5 datos diferentes como ejemplo):

Nro. de Trabajo Nombre del Equipo con su respectiva imagen Descripcin del equipo Descripcin de la falla del equipo. Estado del equipo (Pendiente, En proceso, Terminado). Nombre del dueo C.I. Telfono 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 informacin (Tener mnimamente 5 datos diferentes como ejemplo): Nro. de Trabajo Nombre del Equipo con su respectiva imagen Descripcin del equipo Nombre del dueo: C.I. Estado de la Devolucin (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 pequea 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 Direccin del Laboratorio de mantenimiento (pueden buscar algn mapa en google maps y colocar una imagen.jpg de la direccin indicando donde queda el laboratorio).

 Contactar Formulario para realizar alguna consulta a los encargados del laboratorio, enviando un correo electrnico a travs 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 adems no olvidarse del botn de enviar y cancelar. Tambin deben implementar las validaciones necesarias de html5 que se vio en la ltima clase (email, nmeros 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 encontrarn los formularios que les solicite con anterioridad. -> css.- Este directorio contendr los estilos que ustedes mismos definan. -> images o imgenes.- Contendr todas las imgenes que utilicen para realizar su interfaz. -> documentos.- Este directorio contendr los documentos pdf para la seccin de informes de recepcin y devolucin. -> informes.- En este directorio se encontrarn las pginas 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 navegacin con pestaas, este ejemplo se encuentra en las diapositivas del curso, revisar las diapositivas.

Tambin consideren utilizar rutas relativas y no rutas absolutas, ya que estos ocasionarn problemas al revisar sus trabajos (ojo los errores de las rutas disminuirn su nota final). 3.- La interfaz que realicen debe presentar la siguiente estructura: Cabecera de pgina Men de navegacin horizontal Men de navegacin vertical rea central Pie de pgina

Nota.- Debe contener 2 columnas como mnimo, si desean pueden tener en su interfaz 3 columnas. 4.- Pueden trabajar con html5 o con html4 no hay problema. 5.- Tienen que utilizar mnimamente 5 funciones de CSS3, de preferencia las que estn en las diapositivas. 6.- Pueden utilizar las imgenes que deseen para realizar la interfaz, no es necesario que sea acorde al tema mencionado. Me interesa mucho que sean creativos al momento de disear su interfaz. La fecha de presentacin del Proyecto ser hasta el 6 de Abril, fecha que debern subir sus proyectos a la pgina de cursos: www.cursos.cs.umss.edu.bo seccin tareas hasta las 11:00 am (no se ampliar la fecha de presentacin). La forma de presentacin del trabaj ser: Subir un archivo.zip que contenga todos los directorios y archivos utilizados en su proyecto, adems un LEEME.txt con sus datos personales que incluya su correo electrnico y una breve explicacin 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 tambin pueden escribirme al Facebook :D. Pueden buscarme en el laboratorio de desarrollo del Departamento de Informtica 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