Programacin Visual

UNJu Facultad de Ingeniera Analista Programador Universitario Extensin ulica San Salvador de Jujuy

TRABAJO PRCTICO 1 HTML/CSS: HIPERVINCULOS, TABLAS, IMGENES

Perodo Lectivo 2013

Se solicita el diseo de un Web Site esttico para una empresa de ventas on line de pasajes para viajes de larga distancia. Las caractersticas bsicas solicitadas son: 1. Una pgina inicial index.html que incluir lo siguiente: Logo de la empresa Imgenes de las empresas de transporte adheridas Imgenes de promociones Enlace hacia la pgina principal listaViajes.html 2. Una pgina principal listaViajes.html la cual mostrar una tabla con los 10 viajes a las ciudades principales del Pas. Se incluir en la misma: Logo o nombre de la Empresa de transporte Ciudad destino Hora salida Calidad (semicama, cama, ejecutivo) Precio 3. En la tabla de la pgina principal inserte por cada fila el hipervnculo Ver Detalle, el cual tendr como objetivo acceder a la pgina detalleViaje.html y la misma mostrar una tabla con informacin detallada acerca del viaje seleccionado. Formato de informacin a mostrar: Logo o nombre de la Empresa de transporte Ciudad origen Ciudad destino Hora salida Hora llegada Calidad (semicama, cama, premiun) Servicio a bordo (Video, Cena, Almuerzo, Merienda, Desayuno) Precio Forma de Pago (Efectivo, Tarjeta) La pagina detalleViaje.html tambin deber contar con 2 enlaces: uno para volver a la pgina principal y otro para ver imgenes de la ciudad destino seleccionada. 4. En todas las pginas diseadas anteriormente inserte un pie de pgina que muestre informacin acerca del copyright, creador, telfono y la direccin de contacto. 5. El diseo completo del Web Site se implementara utilizando hojas de estilos y teniendo en cuenta los puntos del anexo 1. 6. El proyecto deber estructurarse utilizando carpetas

Programacin Visual - UNJu Facultad de Ingeniera San Salvador de Jujuy Docentes: Jos Zapana Juan Carlos Rodrguez http://josezapana.com/capacitacion/

Pg.: 1 de 2

Programacin Visual
UNJu Facultad de Ingeniera Analista Programador Universitario Extensin ulica San Salvador de Jujuy

TRABAJO PRCTICO 1 HTML/CSS: HIPERVINCULOS, TABLAS, IMGENES

Perodo Lectivo 2013

ANEXO 1 Para los encabezados de nivel 1 establecer: Bordes: 2 px, inferior, solido, color #CCCC99 Fuente: Arial, Fuente alternativa sans-serif Incrementar fuente: 140% Color: #336699, alineacin izquierda Para los encabezados de nivel 2 establecer: Fuente: Arial, Fuente alternativa sans-serif Incrementar fuente: 110% Color: Negro, alineacin centrada Establecer los bordes de las tablas en 2px y color negro Establecer las cabeceras de las tablas con: Bordes: en 1px solido color negro, full Fuente: Arial, Fuente alternativa Times NewRoman, tamao: 11 pt, negrita, italica, Color: blanco, alineacin centrada Color background: #336699 Establecer las celdas de la tabla con: Fuente: Arial, Fuente Alternativa Times NewRoman Tamao: 12 pt Color: negro Para celdas que contengan valores numricos y monetarios alinearlos a la derecha Para los pies de pgina establecer: Fuente: Arial, Fuente Alternativa Times NewRoman Tamao: 8 pt Color: negro Para los textos de ttulos de imgenes reducir las fuentes al 60% Establecer identificadores que permitan mostrar los enlaces no visitados, visitados

Programacin Visual - UNJu Facultad de Ingeniera San Salvador de Jujuy Docentes: Jos Zapana Juan Carlos Rodrguez http://josezapana.com/capacitacion/

Pg.: 2 de 2