3. Interfaz servicios de citas médicas:
Esta sección contiene dos menús de opciones que permite que el usuario seleccione el municipio y el corregimiento al cual pertenece.
Figura 3
Algoritmo de pagina 3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
background-color: #F4FFE4";
}
-->
</style>
<link href="cafe_townsend.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Estilo1 {
color: #0099FF;
font-size: 36px;
font-weight: bold;
}
.Estilo10 {color: #0099FF; font-size: 24px; font-weight: bold; }
#Layer1 {
position:absolute;
width:167px;
height:198px;
z-index:1;
left: 309px;
top: 433px;
}
#Layer2 {
position:absolute;
width:163px;
height:201px;
z-index:2;
left: 554px;
top: 429px;
}
#Layer3 {
position:absolute;
width:145px;
height:20px;
z-index:3;
left: 321px;
top: 475px;
}
#Layer4 {
position:absolute;
width:184px;
height:27px;
z-index:4;
top: 590px;
left: 544px;
}
.Estilo12 {font-size: 18px; font-style: italic; font-weight: bold; }
-->
</style></head>
<body>
<div align="center">
<table width="730" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="730" height="49" bgcolor="#FFFFFF"><p><img src="F1CAO5BJ2ZCAH4D9DCCAYL5AMHCAWFAR3ZCAH38OZLCA0BVQ7YCAVVJYF1CAB9U2I7CAKPF4R0CAEC8T1FCAB17ED3CA2JYDPRCA7DWG6XCA0DR7R5CAVRNVBDCAM88E0RCACJ3YTX.jpg" alt="r" width="733" height="52" /></p>
<table width="729" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="147" bgcolor="#FFFFFF"><div align="right"><img src="57941330_2[1].jpg" alt="r" width="144" height="109" /></div></td>
<td width="556" height="126" bgcolor="#FFFFFF"><div align="center"><span class="Estilo1">VIVIR IPS </span></div>
<p align="center" class="Estilo12">Sociedad de Medicina Integral </p></td>
</tr>
</table>
<p> </p></td>
</tr>
<tr>
<td height="31" bgcolor="#DDDDDD"><img src="F1CAO5BJ2ZCAH4D9DCCAYL5AMHCAWFAR3ZCAH38OZLCA0BVQ7YCAVVJYF1CAB9U2I7CAKPF4R0CAEC8T1FCAB17ED3CA2JYDPRCA7DWG6XCA0DR7R5CAVRNVBDCAM88E0RCACJ3YTX.jpg" alt="r" width="733" height="36" /></td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFFF"><div align="right"><a href="Pagina 4.html">Siguiente</a></div></td>
</tr>
</table>
<table width="733" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="566" height="600" valign="top" bgcolor="#FFFFFF"><p align="justify"> </p>
<p align="center"><span class="Estilo10"> Servicio de Cita Medica </span></p>
<p align="center"><span class="Estilo12">Haga click sobre el municipio y corregimiento al que pertenece : </span></p>
<table width="729" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="126"> </td>
<td width="209" bordercolor="#0000FF" bgcolor="#0099FF"><div align="center"><strong>Municipio</strong></div></td>
<td width="10"> </td>
<td width="227" bgcolor="#0099FF"><div align="center"><strong>Corregimiento</strong></div></td>
<td width="160"> </td>
</tr>
<tr>
<td> </td>
<td width="209" height="33"><form id="form1" name="form1" method="post" action="">
<label></label>
<label for="select"></label>
<div align="center">
<select name="select">
<option>1 Majagual</option>
<option>2 Mompox</option>
<option>3 Sanjacinto del cauca </option>
<option>4 Magangue </option>
<option>5 Guaranda </option>
<option>6 Montecristo</option>
<option>7 Achi</option>
</select>
</div>
</form> </td>
<td> </td>
<td><div align="center">
<select name="select2">
<option>1 Magangue </option>
<option>2 Tres Cruces </option>
<option>3 Centro Alegre</option>
<option>4 Cascajal</option>
<option>5 Tacaloa </option>
<option>6 Talaigua Nuevo</option>
<option>7 Cicuco</option>
<option>8 Bodega </option>
<option>9 Algarrobo</option>
<option>10Guacamayo</option>
<option>11 Los nisperos</option>
<option>12 Pueblo lindo</option>
<option>13 Puerto rico</option>
<option>14 Santa Rosa </option>
<option>15 Pueblo Nuevo</option>
<option>16 Guayabalito</option>
<option>17 Playa alta </option>
<option>18 Mompox </option>
<option>19 San jacinto del Cauca</option>
<option>20 Achi</option>
<option>21 Guaranda </option>
<option>22 Majagual</option>
<option>23 Montecristo</option>
<option>24 Yati</option>
<option>25 Margarita</option>
<option>26 San fernando</option>
</select>
</div></td>
<td> </td>
</tr>
</table>
<p align="center"> </p>
<table width="727" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="68"><form id="form3" name="form3" method="post" action="">
<label for="Submit"></label>
<div align="center">
<input name="Submit" type="submit" class="Estilo12" id="Submit" value="Solicitar Cita Medica " />
</div>
</form>
</td>
</tr>
</table>
<table width="730" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="726"> </td>
</tr>
</table>
<p align="center"> </p>
<p align="center"> </p>
<p align="justify">
<label for="imageField"></label>
</p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="justify"> </p>
<p align="justify"> </p>
<p align="justify"> </p>
<p align="center"> </p>
<p align="justify"> </p></td>
<a href="Nuevo Documento de Microsoft Office Word.docx"></a> </tr>
</table>
<table width="734" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="715" height="24"> </td>
</tr>
</table>
</div>
<p align="center"> </p>
<p align="center"> </p>
</body>
</html>
No hay comentarios:
Publicar un comentario