TALLER DE PROGRAMACION I Ao 2012 Trabajo Prctico N 1: HTML y CSS El objetivo de esta serie es familiarizarse con la sintaxis del lenguaje

HTML y con el entorno de trabajo (Eclipse). Conceptos: Introduccin al HTML. Elementos del lenguaje HTML. Estructura de una pgina. Cabecera. Cuerpo. Metadatos. Etiquetas. Formato del texto. Colores. Enlaces. Formularios. Guas de estilo. Ejercicio Nro. 1: HTML 1) En el entorno de trabajo crear un nuevo proyecto de nombre practico_1. a) Agregar al proyecto creado 3 pginas HTML, de nombre: Principal.Html, Formulario.Html y Acercade.Html b) Incorporar la etiqueta titulo con el titulo de cada una de las pginas. c) Escribir el siguiente texto en la pgina Principal.Html,
Fuente: Times New Roman 7,

Diseo de aplicaciones Web

centrado, negrita y subrayado

Los sitios Web dinmicos son aquellos que permiten crear aplicaciones dentro de la propia Web, otorgando una mayor interactividad con el navegante. Aplicaciones dinmicas como encuestas y votaciones, foros de soporte, libros de visita, envo de emails inteligentes, reserva de productos, pedidos on-line, atencin al cliente personalizada.

Fuente: Arial, Times New Roman ,

Verdana 5, cursiva y justificado

d) Agregar una imagen representativa al texto, como as tambin color de fondo. e) Incorporar los siguientes hipervnculos, vinculado cada uno de ellos a sus respectivas pginas: Principal.Html, Formulario.Html, y Acercade.Html (La pgina Formulario.Html, debe abrir en otra ventana del navegador).

Expto. Pedro L. Alfonzo - Lic. Yanina Medina - Osvaldo P. Quintana - Lic. Luca Salazar [2012]

TALLER DE PROGRAMACION I Ao 2012

Ejercicio 2: HTML Y FORMULARIO Trabajo con formularios: 1) Aadir en la pgina dos (Formulario.Html), creada en el practico anterior el siguiente formulario:

2) El elemento de entrada llamado N de cuenta deber ser un campo de contrasea, que permita escribir 20 caracteres. 3) Guardar los cambios y comprobar el funcionamiento en un navegador. 4) El botn Restablecer deber limpiar los campos del formulario.

Ejercicio N 3: HTML 1) Validar el documento HTML a travs de Servicio de Validacin de Marcas de la W3C (W3C Markup Validation Service) http://validator.w3.org/ 2) Incluir el icono proporcionados por el servicio de validacin de la W3C en el pe de pgina de los documentos HTML.

Expto. Pedro L. Alfonzo - Lic. Yanina Medina - Osvaldo P. Quintana - Lic. Luca Salazar [2012]

TALLER DE PROGRAMACION I Ao 2012

Ejercicio N 4: HTML y CSS 1) Crear una pgina 3, Acerca de... como se muestra en la siguiente imagen. 2) Dividir lgicamente el documento HTML en cuatro secciones: emplear el elemento de bloque div. encabezado navegacin contenido pie

3) Aplicar Hojas de estilo CSS en un archivo externo para dar formato al contenido de las pginas y enlazarlo con los documentos HTML empleando la etiqueta link. 4) Aplicar la misma hoja de estilos a las dems pginas del sitio. Verificar el funcionamiento de las mismas. 5) Validar los documentos HTML a travs de Servicio de Validacin de Marcas de la W3C (W3C Markup Validation Service) http://validator.w3.org/ 6) Validar el archivo CSS a travs del Servicio de Validacin de CSS de la W3C (CSS Validation Service) http://jigsaw.w3.org/css-validator/ 7) Incluir los conos proporcionados por el servicio de validacin de la W3C en el pie de pgina de los documentos HTML.

Expto. Pedro L. Alfonzo - Lic. Yanina Medina - Osvaldo P. Quintana - Lic. Luca Salazar [2012]