2. Interfaz de acceso al servicio de citas médicas
En esta página, el usuario encontrara dos opciones para solicitar su cita de dos formas ya sea por vía telefónica o por internet, como la segunda opción es el objetivo de este proyecto se explicara los procesos que deben realizar los pacientes para agendar una cita médica a través de este medio.
Esta opción posee un enlace e iconos que permite tener acceso a la siguiente interfaz.
Figura2
Algoritmo de la pagina 2
<!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;
}
.Estilo11 {font-weight: bold}
.Estilo13 {font-size: 18px; font-style: italic; font-weight: bold; }
.Estilo14 {
font-size: 18px;
font-weight: bold;
}
-->
</style></head>
<body>
<div align="center">
<table width="746" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="740" height="49" bgcolor="#FFFFFF"><p><img src="F1CAO5BJ2ZCAH4D9DCCAYL5AMHCAWFAR3ZCAH38OZLCA0BVQ7YCAVVJYF1CAB9U2I7CAKPF4R0CAEC8T1FCAB17ED3CA2JYDPRCA7DWG6XCA0DR7R5CAVRNVBDCAM88E0RCACJ3YTX.jpg" alt="r" width="745" height="52" longdesc="F1CAO5BJ2ZCAH4D9DCCAYL5AMHCAWFAR3ZCAH38OZLCA0BVQ7YCAVVJYF1CAB9U2I7CAKPF4R0CAEC8T1FCAB17ED3CA2JYDPRCA7DWG6XCA0DR7R5CAVRNVBDCAM88E0RCACJ3YTX.jpg" /></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="Estilo13">Sociedad de Medicina Integral </p></td>
</tr>
</table>
<p> </p></td>
</tr>
<tr>
<td height="31" bgcolor="#FFFFFF"><img src="F1CAO5BJ2ZCAH4D9DCCAYL5AMHCAWFAR3ZCAH38OZLCA0BVQ7YCAVVJYF1CAB9U2I7CAKPF4R0CAEC8T1FCAB17ED3CA2JYDPRCA7DWG6XCA0DR7R5CAVRNVBDCAM88E0RCACJ3YTX.jpg" alt="r" width="746" height="36" /></td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFFF"><div align="right"></div></td>
</tr>
</table>
<table width="743" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="743" height="600" valign="top" bgcolor="#FFFFFF"><p align="justify"> </p>
<p align="center"><span class="Estilo10"> Bienvenido</span></p>
<p align="center"><span class="Estilo13">Usted puede solicitar su cita medica de dos formas: </span></p>
<table width="729" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="159"> </td>
<td width="181" bgcolor="#0099FF"><div align="center" class="Estilo14">Via Telefonica </div></td>
<td width="12"><div align="center"></div></td>
<td width="194" bgcolor="#0099FF"><div align="center" class="Estilo14">Via Internet </div></td>
<td width="183"> </td>
</tr>
<tr>
<td> </td>
<td bgcolor="#EEEEEE"><p align="center" class="Estilo11"><img src="Telefonos-Moviles-01[1].gif" alt="r" width="63" height="61" /></p>
<p align="center" class="Estilo11">6884262 </p>
<p align="center"><strong>Donde tendremos el gusto en atenderlo </strong></p></td>
<td bgcolor="#FFFFFF"><div align="center">
<p> </p>
<p class="Estilo11"> </p>
</div></td>
<td bgcolor="#EEEEEE"><p align="center" class="Estilo11"><img src="email[1].gif" alt="r" width="80" height="41" /></p>
<p align="center" class="Estilo11"><a href="pagina 3.html">Entrar</a></p>
<p align="center"><strong>Para solicitar su cita medica </strong></p></td>
<td> </td>
</tr>
</table>
<p align="center">
<label for="imageField"></label>
</p>
<p align="center"> </p>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table> <p align="center"> </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