Esta página presentará un título (Demandas Inmobiliarias), un párrafo informativo con el número de teléfono de la agencia y su dirección de e-mail, y finalizará con una tabla que muestre todas las demandas que posea la agencia.
La tabla incluirá los siguientes campos:
Opcionalmente puede utilizar la siguiente imagen como título de la página.
Aquí puede ver la solución de este ejercicio.
Para ello, dividiremos la página principal de la agencia en varios frames. Uno horizontal en la parte inferior de la pantalla donde se insertará publicidad. Un frame a la izquierda con un menú que permitirá seleccionar entre las diferentes secciones, y un frame a la derecha donde aparecerá la información seleccionada en el menú.
Realice el fichero HTML donde se define el FRAMESET descrito.
De momento, utilice cualquier URL como contenido para los frames de la izquierda e inferior, y diseñe una página principal para inicializar el frame de la derecha.
Aquí puede ver la solución de este ejercicio:
Esta sección recogerá necesidades de compra de pisos de la agencia. | |
Esta sección recogerá los pisos que la agencia tiene en venta. | |
Se presentará un formulario donde se pedirán datos al usuario sobre el piso en el que este interesado. Tras rellenar este formulario se buscará un piso que se ajuste a su petición. |
Realice un fichero HTML con el menú descrito. Cada vez que seleccione una opción debe actualizarse el frame donde se muestra la información. Modifique también el ejercicio del paso anterior para que muestre el menú en el frame adecuado.
Aquí puede ver la solución de este ejercicio.
Para cada piso se mostrará una información similar a los de la sección de demanda, pero agrupando los pisos según al barrio al que pertenezcan. De esta forma, se mostrará una tabla de pisos diferente para cada barrio de Madrid.
Además, se desea que inicialmente se seleccione el barrio a consultar mediante la utilización de un mapa imagen. Para realizar el mapa puede utilizar la siguiente imagen de 482x361 pixels:
Es decir, el usuario deberá seleccionar en el menú la sección de ofertas, con lo que se mostrará en el frame de la derecha el mapa imagen. Entonces, el usuario dererá seleccionar sobre el plano de Madrid la zona en la que busca piso, tras lo cual, se mostrará una tabla con los pisos ofertados en la zona elegida.
Realice los ficheros HTML que necesite para implementar el mapa y las páginas con los pisos según la zona elegida (Es suficiente con dividir el mapa en dos zonas).
Recuerde enlazar esta nueva seccion en el menú.
Aquí puede ver la solución de este ejercicio:
Realice la página que implementa el formulario que se le presentará al usuario. Para probar este formulario utilice el siguiente CGI:
<FORM ACTION="http://www.dit.upm.es/~santiago/docencia/master/web/trabajos/inmobiliaria/cgi.php3" METHOD=post> </FORM>
Aquí puede ver la solución de este ejercicio:
BODY { background-image: URL(Fondo1.jpg) } H1.titulo { text-align: center ; font-size: 250% ; font-weight: 900 ; color: #006600 } TABLE.bonita { background: #aaaa66 } A:link { color: #0000ff ; text-decoration: none } A:visited { color: #0000ff ; text-decoration: none }La imagen de fondo referenciada arriba es la siguiente:
Aquí puede ver la solución de este ejercicio:
Modifique este fichero de estilo y compruebe como cambia la apariencia en todos los sitios simultaneamente.
Aquí puede ver la solución de este ejercicio:
Aquí puede ver la solución de este ejercicio:
Por ejemplo, debe comprobarse que ciertos campos no esten vacios.
Aquí puede ver la solución de este ejercicio: