Diseño página web

6 de octubre 2021 (duración 3 horas)

 En esta parte se añade un menú para la cunsulta de cuentas y una página donde la información de las mismas se ve reflejado con una tabla de información, la case del códigol de las páginas web usadas sería el siguiente donde se puede observar el titulo y el linker hacia el CSS encargado de la est65etica de la página  acompañado el los elementos personalizados utilizados dentro del cuerpo de la página así como lo es el "styled-table" entre otros.

  1. <html>
  2.     <head>
  3.         <title>Inicio</title>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.         <link rel="stylesheet" href="style.css">
  6.     </head>
  7.     <body>
  8.  
  9.  
  10.         <table class="styled-table">
  11.             <thead>
  12.                 <tr>
  13.                     <th>Fecha</th>
  14.                     <th>Tipo de cambio Aplicado</th>
  15.                     <th>Monto en moneda de Movimiento</th>
  16.                     <th>Monto en moneda de la cuanta</th>
  17.                     <th>Descripción</th>
  18.                     <th>Nuevo Saldo</th>
  19.                 </tr>
  20.             </thead>
  21.             <tbody>
  22.                 <tr>
  23.                     <td>Hoy</td>
  24.                     <td>Prueba</td>
  25.                     <td>$15</td>
  26.                     <td>CRC 6000</td>
  27.                     <td>Paga Cena</td>
  28.                     <td>CRC 634000</td>
  29.                 </tr>
  30.                 <tr>
  31.                     <td>Ayer</td>
  32.                     <td>Prueba</td>
  33.                     <td>$1600</td>
  34.                     <td>CRC 746000</td>
  35.                     <td>Paga Fin de mes</td>
  36.                     <td>CRC 1534000</td>
  37.                 </tr>
  38.             </tbody>
  39.         </table>
  40.  
  41.     </body>
  42. </html>

Para la tabla de datos se uso como base el que se observa aquí, de esta forma usando CSS la informacion se puede ver de una foma ordenada y estilizada.

 

Se hicieron los respectivos commit a el repositrio en git con los datos de la actualización.

Comentarios

Publicar un comentario

Entradas más populares de este blog

Actualización de páginas web

Imagen
 Octubre 20 Investigación(1 hora)  Para el acomodo de  los datos en pantalla se uso como base este video, entre otras páginas relacionadas se revisaron  videos y  páginas web con respecto a este tema. Programando página web (8 horas)  Se añaden los comboBox al menu y se colocan los menus correspondientes a la consulta de los datos en las cuentas basandose en los siguientes bocetos.   El menu de inicio de sesión no sufre cambios en la apariencia pero en el manejo de datos si, se utiliza de la misma forma que se uso en la anterior tarea por lo que el concepto central no cambia.   El menu de inicio de sesión cambia, mostrando una lista de las cuentas asociadas al usuario que ingreso y al inspeccionar se puede ver el historial y movimientos dentro de la cuenta en distintos periodos. Conesta tabla se mostraran los datos relacionados a las cuentas tales como fecha, tipo de cambio, moneda de movimiento, monto movimiento, monto cuenta descripción, nuev...
Leer más

Modelo Fisico Segunda Version

Imagen
 16 de octubre (Duracion 1 hora y media) El dia de hoy se trabajo en los cambio importantes sobre el modelo fisico de la base de datos. Se comenzo con la agregacion de la tabla de Tipo de Cambio y con la FK correspondientes a la tabla de Tipo Moneda que se necesitaba. Luego se realizaron cambio en las tablas de Cuentas y Movimientos para que pudiesen almacenar todos los valores que se necesitaban de cada tabla que se necesitaban Por ultimo se añadio la tabla de Estados de cuenta con las conexiones que corresponden La razon por la cual se tomo tanto tiempo es porque resultaron unos errores con el software los que no permitieron cambiar las tablas de una manera mas rapida. El modelo tomaria esta forma y fue aprobado por el profesor
Leer más