Informática Nicolás Toledo.: Agosto 30 del 2016

Acumulativo.

El dia de hoy se presentó la evaluación acumulativa del tercer periodo.

En la evaluación acumulativa se trabajó con temas relacionados en simular una página web, la página web a simular fue la siguiente:

http://www.comex.com.mx/CATALOGUE/Catalogue/Texturizados/Kontextura.aspx

Una de las soluciones fue con el siguiente código:

<!DOCTYPE html>
<html>
<head>
<style>
body{font-family:verdana;}
pre{font-family:verdana;}
</style>
<meta charset="UTF-8">
<title>Kontextura</title>
</head>
<body>
<header>
<pre> <img src="imagenes/logo.jpg"></pre>
</header>
<pre> <img src="imagenes/header.jpg"></pre>
<br><br>

<table align="center" width="75%">
<tr>
<td valign="top" width="35%"><img src="imagenes/pintura1.jpg"><font color="purple"><br><h3><pre> Kontextura M</pre></h3></font><font size="2" color="grey">
Ideal para crear acabados texturizados<br> con grano medio, dejando la superficie <br> rallada.
<a href="https://www.google.com" target="_blank"><br>Ver detalle</a></td></font>

<td valign="top"><img src="imagenes/pintura2.jpg"><font color="purple"><br><h3><pre> Kontextura R</pre></h3></font><font size="2" color="grey">
Ideal para crear acabados texturizados<br> con grano grueso, obteniendo texturas<br> profundas y pronunciadas.
<a href="https://www.google.com" target="_blank"><br>Ver detalle</a></td></font>


<td valign="top"><img src="imagenes/pintura3.jpg"><font color="purple"><br><h3><pre> Kontextura SG</pre></h3> </font><font size="2" color="grey">
Ideal para eliminar texturas antiguas,<br> obteniendo acabados sin grano.<br> Versatilidad para crear texturas<br> discretas.
<a href="https://www.google.com" target="_blank"><br>Ver detalle</a></td></font>
</tr>

</table>
<br>
<footer>

<table width="100%">
<tr>
<td align="center" valign="bottom"><a href="http://aprendedeinforamtica.blogspot.com.co/" target="_blank" title="Blog Elkin"><font size="2" color="sky blue">Elkin Stewar Morales Prieto</a></font</td>
<td rowspan="2" align="right"><img src="imagenes/logo.jpg"></td>
</tr>

<tr>
<td align="center" valign="top"><a href="http://informaticanicot.blogspot.com.co/" target="_blank" title="Blog Nicolas"><font size="2" color="sky blue">Nicolas Hernando Toledo Parra</a></font></td>
</tr>

</table>

</footer>
</body>
</html>

A continuación, otra simulación pero esta vez es de esta página web:

http://www.clinicaveterinariapequenosanimales.com/

<!DOCTYPE html>
<html>
<head>
<style>
a:link{color:white; text-decoration:none;}
a:hover{color:white; text-decoration:none;}
a:visited{color:white; text-decoration:none;}
a:active{color:red; text-decoration:none;}
</style>
<meta charset="UTF-8">
<title>Simulación pagina web</title>
</head>
<body> <font face="verdana" size="2px" color="white">
</head>
<table width="100%" >
<tr>
<td colspan="7" bgcolor="#5CB647" align="right">Contáctenos: (57) (7) 6422431 - 630-2776 Bucaramanga, Colombia</td>
</tr>
<tr>
<td align="right" rowspan="2"><img src="imagenes/logo.png"></td>
<td colspan="6"><img src="imagenes/vet.jpg"></td>
</tr>

<tr>
<td bgcolor="#5CB647" height="40px" align="center"><a href="https://www.google.com" target="_blank">Inicio</a></td>
<td bgcolor="#3C924D" height="40px" align="center"><a href="https://www.google.com" target="_blank">Medicos veterinarios</a></td>
<td bgcolor="#5CB647" height="40px" align="center"><a href="https://www.google.com" target="_blank">Nuestros servicios</a></td>
<td bgcolor="#3C924D" height="40px" align="center"><a href="https://www.google.com" target="_blank">Ubicación</a></td>
<td bgcolor="#5CB647" height="40px" align="center"><a href="https://www.google.com" target="_blank">Contáctenos</a></td>
<td width="180px"> </td>
</tr>
</table>
<img src="imagenes/gato.jpg" width="100%" height="510px">
<br><br>
<table width="100%" >
<tr>
<td width="45%" height="30%" align="left" valign="top"><font face="verdana" color="green"><h2 align="middle">Quiénes somos</h2></font><font face="Verdana" color="black">
<pre> Somos una clínica veterinaria que contamos con una experiencia de 55 años que se
preocupa por la salud y el bienestar de su mascota ofreciéndole una gran atención
y un buen trato, con los más altos rendimientos en tecnología para la atención médica
de su mascota contamos con los mejores médicos veterinarios que les ofrecerá la
mejor atención.</font></pre></td>

<td width="55%" rowspan="3"><img src="imagenes/clinicaveterinaria.png" width="500px" height="400px"></td>
</tr>
<tr>
<td height="1px" bgcolor="green" align="center" valign="top"><font color="white" face="impact" size="4px"><a href="https://www.google.com" target="_blank">Conozca nuestro portafolio de servicios</a></font></td>
</tr>
<tr>
<td height="170px"> </td>
</tr>
</table>
<br>
<table width="100%" >
<tr bgcolor="#5CB647">
<td width="40%" align="center" valign="middle"><font color="white" face="Verdana" size="4px"><h2>Información de contacto</h2><pre> Calle 20 # 19 - 40 Bucaramanga, Colombia.
(57) (7) 6422431 - 630-2776
clinicaveterinariareyes@gmail.com</pre></font></td>
<td width="60%"><img src="imagenes/clickaqui.png" width="600px"></td>
</tr>
</table>
<footer>
<pre><font color="black">El diseño predeterminado con el que fue elaborado esta página es propiedad exclusiva de Publicar Publicidad Multimedia S.A.S. propietarios de www.paginasamarillas.com.co y www.ciudadguru.com.co.
Su copia sin autorización constituye una infracción a las normas legales vigentes. Copyright 2016 - AVISO LEGAL</font> </pre>
</footer>

</header>
</font>

</body>

</html>