ESCUELA POLITECNICA DE INGENIERIA DE GIJON

INGENIERIA TECNICA EN INFORMATICA DE SISTEMAS

PROGRAMACION INTERNET-INTRANET

BOLETIN DE SEGUIMIENTO DE LA ASIGNATURA
---------------------------------------
BLOQUE    : TECNOLOGIAS DE LA PARTE DEL CLIENTE
APARTADO  : HTML y CSS
DURACION  : 4 horas

TAREAS    :

   Prerrequisitos    : El alumno debera haber asistido al menos
                       a la primera clase de teoria del tema de HTML y CSS:
                       tecnologias de la parte del cliente.
   Actividades       : Programacion de paginas HTML estaticas. 
   Descripcion       : Se realizaran una serie de ejercicios
                       sencillos para familiarizar al alumno
                       con la programacion de paginas HTML estaticas.
                       Se emplearan los siguientes elementos de HTML:
		       * Formatos basicos.
                       * Cabecera.
                       * Frames.
                       * Tablas.
                       * Formularios.
 Formatos basicos
 
 * Ej1 : Hacer una pagina HTML, con el siguiente texto:

"La heroica ciudad dormia la siesta. El viento Sur, caliente y perezoso, 
empujaba las nubes blanquecinas que se rasgaban al correr hacia el Norte. En
las calles no habia mas ruido que el rumor estridente de los remolinos de polvo, 
trapos, pajas y papeles que iban de arroyo en arroyo, de acera en acera, de 
esquina en esquina revolando y persiguiendose, como mariposas que se buscan
y huyen y que el aire envuelve en sus pliegues invisibles. 
Cual turbas de pilluelos, aquellas migajas de la basura, aquellas sobras de
todo se juntaban en un monton, parabanse como dormidas un momento y brincaban de
nuevo sobresaltadas, dispersandose, trepando unas por las paredes hasta los
cristales temblorosos de los faroles, otras hasta los carteles de papel mal pegado a
las esquinas, y habia pluma que llegaba a un tercer piso, y arenilla que se incrustaba
para dias, o para anyos, en la vidriera de un escaparate, agarrada a un plomo."

 a) Acentua y anyade los caracteres especiales que consideres conveniente
    al texto empleando formatos HTML.
 b) Alinea el primer parrafo a la izquierda y el segundo a la derecha.
 c) Cambia de los parrafos el siguiente formato:
	i. 	Subraya "heroica ciudad".
	ii. 	Negrita "viento Sur".
	iii. 	Cursiva "Norte".
	iv. 	Letra Arial, cursiva, subrayada "Cual turbas de pilluelos".
	v.	Pon la letra en color azul para "arroyo en arroyo".
 d) Pon una cabecera de tipo 2 centrada al comienzo de la pagina con el
texto: "La Regenta".
 e) Haz una lista numerada con letras en minuscula debajo de los 2 parrafos,
con: 
	"Titulos de Leopoldo Alas Clarin:  
		 Adios, Cordera 
		 Aprensiones 
		 Boronya 
		 Un candidato 
		 Cuentos morales 
		 Donya Berta 
		 El Cristo de la Vega ... de Ribadeo 
		 En el tren 
		 El entierro de la sardina 
		 El libro y la viuda 
		 El pecado original 
		 El sombrero del cura 
		 Tirso de Molina" 
 f) Convierte la anterior lista numerada en una lista no numerada con el
simbolo "square".
 g) Pon de color de fondo de la pagina el rojo.
 h) Al pulsar sobre "Leopoldo Alas Clarin", que vaya a la pagina:
   "http://aaswebsv.aas.duke.edu/celestina/CLARIN-LA/REGENTA/"

         
 Tablas Y Formularios
 *Ej2 : Desarrollar una pagina Web que contenga dos frames horizontales:
barratop (arriba) y cuerpo (el resto).

        - En el frame barratop definir una tabla con 2 filas y 4 columnas. 
          + La primera fila debera contener:
              * el anagrama de informatica justificado a la derecha y 
              * una cabecera H2 centrada con el texto "Ejemplo tablas" (las 4 columnas unidas). 
          + Y en las cuatro columnas de la segunda fila deberan
            aparecer 4 enlaces a cuatro asignaturas de la carrera en 4 colores
            diferentes.
        - En el frame cuerpo definir un formulario de inscripcion en el
          colegio de Ingenieros Informaticos con los siguientes elementos:

          + Dos campos de texto para nombre y apellidos.
          + Dos radio buttons para indicar el sexo.
          + Tres check-box indicando se desea incluir en la cuota
          seguro profesional, suscripcion a revista del colegio y aviso de
          cursos.
          + Una lista desplegable con el anyo en que se finalizo la carrera:
          2000-2005.
          + Una campo TEXTAREA con observaciones.
          + Un boton reset llamado BORRAR.
          + Un boton submit llamado ENVIAR.
          + La accion asociada al formulario sera /cgi-bin/test-cgi
            (ACTION=/cgi-bin/test-cgi) utilizando el metodo GET (METHOD=GET)
          
        
CSS
---
 *Ej3 : Reimplementa el ejercicio Ej1 empleando hojas de estilo en aquellos
elementos que consideres oportuno.
 *Ej4 : Reimplementa el ejercicio Ej2 empleando hojas de estilo en aquellos
elementos que consideres oportuno.