martes, 19 de octubre de 2010

HTML [Ejercicio Frames y Formularios]

Este ejercicio es el mas completo que hemos realizado hasta la fecha. Esta compuesto por Frames que contienen formularios y uno de los formularios esta recogido en una tabla muy completa a su vez. Esta es una imagen del ejercicio:

Este es el código de la parte de Frames:

<HTML>
<HEAD>
<TITLE>
n1
</TITLE>
</HEAD>
<BODY>
<div valign="middle">
<a href="ej form1.html" target="principal">Ejercicio simple</a>
<br>
<a href="ej form2.html" target="secundario">Ejercicio completo</a>
</div>
</BODY>
</HTML>

Este es el código del formulario superior:


<HTML>
<HEAD>
<TITLE>
Primer ejercicio formulario
</TITLE>
</HEAD>
<BODY>
<form action="mailto:2sm2.castilla.ramon@gmail.com" method="post">
Nombre<input type="text" name="nombre"><br>
Email<input type="text" name="mail" value="@"><br>
Poblacion<input type="text" name="poblacion"><br>
Sexo<br>
<input type="radio" name="Mujer" value="hombre">Hombre<br>
<input type="radio" name="Hombre" value="mujer">Mujer<br>
Frecuencia de los viajes:<br>
<select name="frecuencia"><br>
<option>Varias veces al dia</option>
<option>Pocas veces al dia</option>
</select><br>
Comentarios dobre su satisfaccion personal<br>
<textarea name="personal"></textarea><br>
<input type="checkbox" value="1" checked>Deseo recibir notificacion de las novedades en las lineas de autobus<br>
<input type="submit" value="Enviar formulario"><br>
<input type="reset" value="Borrar todo">
</form>
</BODY>
</HTML>


Y este por último es el código del formulario en tabla de abajo:
<HTML>
<HEAD>
<TITLE>
Segundo ejercicio formulario
</TITLE>
</HEAD>
<BODY bgcolor="orange">
<font><h1 align="center">FORMULARIO COMPLETO</h1></font>
<form action="procesa.php" method="post">
<table align="center" bordercolor="#FFCC00" border="1" cellspacing="10">
<tr>
<td>
Texto:
</td>
<td>
<input type="text" name="texto1">
</td>
<td>
Password:
</td>
<td>
<input type="password" name="pass">
</td>
</tr>
<tr>
<td>
Textarea:
</td>
<td colspan="3">
<textarea rows="7" cols="55"></textarea>
</td>
</tr>
<tr>
<td>
Campo check 1:<input type="checkbox" value="1"><br>
Campo check 2:<input type="checkbox" value="2"><br>
Campo check 3:<input type="checkbox" value="3">
</td>
<td align="middle">
Radio 1:<input type="radio" value="1"><br>
Radio 2:<input type="radio" value="2">
</td>
<td valign="top">
selección:<select name="seleccion">
<option>primera</option>
<option>segunda</option>
</select>
</td>
<td align="center">
selección multiple:<br><select name="seleccion" multiple>
<option>primera</option>
<option>segunda</option>
<option>tercera</option>
</select>
</td>
</tr>
</table>
<br>
<div align="center">
<input type="button" value="Boton">
<input type="reset" value="Iniciar">
<input type="submit" value="Enviar">
</div>
</form>
</BODY>
</HTML>
Publicado por en No hay comentarios:

HTML [Ejercicio Casa Manolo]

Este es el primer ejercicio valorado que hacemos. El ejercicio se basa en tablas anidadas con el uso del colspan y el rowspan. También incluye enlaces a imágenes las cuales no están aquí. Esta es una imagen del ejercicio.

Y este es el codigo html (y algo de css por mi parte) que utilize para el resultado de la imagen:

<HTML>
<HEAD>
<TITLE>Carta del Restaurante Casa Manolo</TITLE>
</HEAD>
<BODY style="font-family:arial;" background="imgs\fondo_carta.gif">
<table align="center" border="1" width="65%">
<tr>
<td><i><h2 style="vertical-align:middle;" align="center"><font face="arial">CASA MANOLO</font></h2><i></td>
</tr>
<tr>
<td>
<table align="center" width="90%" bgcolor="#FFFFFF" border="6" bordercolordark="#FF0000" bordercolorlight="#FFCC00">
<tr>
<td colspan="3" align="center"><font color="red"><b>Primeros</b></font></td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="red">Sopa Castellana</font></td>
<td align="right" width="25%">3,00€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="red">Cocido Madrileño</font></td>
<td align="right">3,50€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="red">Ensalada Mixta</font></td>
<td align="right">3,00€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="red">Revuelto de Ajetes</font></td>
<td align="right">4,20€</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table align="center" width="90%" bgcolor="#FFFFFF" border="6" bordercolordark="#0000FF" bordercolorlight="#FFCC00">
<tr>
<td colspan="3" align="center"><font color="blue"><b>Segundos</b></font></td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="blue">Entrecot de Ternera</font></td>
<td align="right" width="25%">5,00€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="blue">Pollo con Champiñones</font></td>
<td align="right">4,75€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="blue">Merluza en Salsa Verde</font></td>
<td align="right">5,30€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="blue">Salmon al roquefor</font></td>
<td align="right">5,10€</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table align="center" width="90%" bgcolor="#FFFFFF" border="6" bordercolordark="olive" bordercolorlight="#FFCC00">
<tr>
<td colspan="3" align="center"><font color="olive"><b>Postres</b></font></td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="olive">Fruta del dia</font></td>
<td align="right" width="25%">1,50€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="olive">Cuajada casera</font></td>
<td align="right">2,30€</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table align="center" width="90%" bgcolor="#FFFFFF" border="6" bordercolordark="black" bordercolorlight="#FFCC00">
<tr>
<td colspan="3" align="center"><font color="black"><b>Vinos Y Bebidas</b></font></td>
</tr>
<tr>
<td width="25px"><img src="imgs\copa.gif" title="copa" alt="copa"></img></td>
<td><font color="black">Tinto de la casa</font></td>
<td align="right" width="25%">4,50€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\copa.gif" title="copa" alt="copa"></img></td>
<td><font color="black">Rioja denominación</font></td>
<td align="right">6,20€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\copa.gif" title="copa" alt="copa"></img></td>
<td><font color="black">Blanco denominación</font></td>
<td align="right">5,80€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\copa.gif" title="copa" alt="copa"></img></td>
<td><font color="black">Agua mineral</font></td>
<td align="right">1,80€</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center"><font size="1"><i>IVA 7% no incluido.</i></font></td>
</tr>
</table>
</BODY>
</HTML>
Publicado por en No hay comentarios:
Suscribirse a: Entradas (Atom)