Tuesday, 25 April 2017

Parts of a website

Today in class we talked about the parts of a website.

Header: It's in the top of the website, it already has the logo of the page:

Footer: It's where the contacts and mails of the person who created the web page.

Sidebar: It's a bar where usually has links related to the content of the page.

Content area: It's the central part of the web page and that have the information or the content of the web.

Widget: It's usually a little box that help you to find something, mentions to Facebook, Twitter..

Image: It's an image, a video that makes attractive the page



That's all!!
Byee

Tuesday, 18 April 2017

Web page

<!DOCTYPE html>
<html>

<head>
<style>
 table, th, td{
 border: 2px solid black;
 }
 <title>Peter Sagan</title>
 <meta charset="UTF-8">
</style>
</head>
<body style="background-color:orange;">
<h1 style="font-size:70;font-family:comic sans;text-align:center;"><ins><em>Peter Sagan</ins></em></h1>
<h2 style="font-size:30">Biography</h2>
<p>He is a cyclist. He was born in Zilina(Slovakia) in 1990. He is also known by "Hulk".<br>
He became professional in 2009 and he has 95 victories and 208 podiums in 8 years.<br>
Sagan stands out as a classicist, sprinter and roller; In addition, has a great skill on the pavement and in the descents of the ports.<br>
He has a brother that is already pro-cyclist, in the same team, BORA-HANSGROHE  
</p>

<table style="width:150">
<tr>
<th>Year</th>
<th>Team</th>
<th>Tour of France</th>
<th>Giro de Italia</th>
<th>Vuelta a España</th>
<th>World Championship</th>
<th>Europe Championship</th>
<th>Monuments</th>
<th>Classics</th>
</tr>
<tr>
<td>2009</td>
<td>Dukla Trencin-Merida</td>
<td>He didn't go</td>
<td>He didn't go</td>
<td>He didn't go</td>
<td>He didn't go</td>
<td>He didn't go</td>
<td>0</td>
<td>Grand Prix Kooperativa/Mazovia Tour</td>
</tr>
<tr>
<td>2010/11/12/13/14</td>
<td>Liquigas/Cannondale</td>
<td>Green Jerseys in 2012,2013,2014</td>
<td>He didn't go</td>
<td>He didn't go</td>
<td>He didn't go</td>
<td>He didn't go</td>
<td>0</td>
<td>Two stages in Paris-Niza, Tour of Polonia<br>
Gante-Wevelgem,Grand Pirx Montreal, E3 Harelbeke, Slovakia Championship 2011,2012,2013,2014</td>
</tr>
<tr>
<td>2015/16</td>
<td>Tinkoff</td>
<td>Green Jeresey both years</td>
<td>He didn't go</td>
<td>He had an incident with a motorbike and he left the race</td>
<td>World Champion both years</td>
<td>Europe Champion in 2015</td>
<td>Tour of Flandes</td>
<td> He did lots of second places</td>
</tr>

<img src="peter-sagan-richmond-2015.jpg" style="width:250px;height:200px;">
<img src="peter-sagan-2016.jpg" style="width:250px;height:200px;">
<img src="peter-sagan-mtb.jpg" style="width:250px;height:200px;" alt="He also do mountain bike">
<br>
<a href="https://www.youtube.com/watch?v=Td9kXwI9_fc">Click here to see a video of his first world championship</a> <br>
<a href="https://www.youtube.com/watch?v=hObZSWU9xx4">Click here to see his secon world championship</a>


</body>
</html>


Thursday, 6 April 2017

<!DOCTYPE html>
<html>
 <head>
<title>The Jargon File</title>
 <meta charset="UTF-8">
 </head>
  <body style="background-color:pink;">
<h1 style="text-align:center;"><ins>The Jargon File</ins></h1>
<h2 style="background-color:Deeppink;">AFAIK</h2>
Abreviatura de As Far As I Know ["por lo que yo sé"]. AFAIK sugiere que el autor sabe que su conocimiento es limitado. Existe la variante AFAICT [As Far As I Can Tell, "Por lo <br>
que yo puedo decir"] que sugiere que el autor cree tener conocimientos suficientes sobre el tema, pero que no se pueden emitir opiniones concluyentes.
<br>
<h2 style="background-color:Deeppink;">BSOD</h2>
<p>
Abreviatura de Blue Screen of Death ["pantalla azul de la muerte"]. Proviene de una expresión anterior ["pantalla negra de la muerte"], pero mucho más popular. Se refiere a la <br>
pantalla azul que muestra Windows cuando deja de funcionar, por culpa de una aplicación o del propio sistema operativo. En esa pantalla suelen aparecer códigos <br>
hexadecimales, con fines seguramente decorativos. Como prueba de la popularidad del término, sirva el siguiente poema del concurso de Haikus Salon:
<br>
Windows NT se ha colgado
<br>
Soy la pantalla azul de la muerte
<br>
Nadie oirá tus gritos
</p>

<h2 style="background-color:Deeppink;">FAQ</h2>
<p>
Abreviatura de Frequently Asked Question ["pregunta planteada a menudo"]. Se refiere a las preguntas que se plantean una y otra vez en listas de correo, foros, etc, pero <br>
también se refiere a los documentos que recopilan ese tipo de preguntas. Hace años, este tipo de documentos se enviaban periódicamente en los grupos de noticias <br>
(newsgroups) para evitar la repetición innecesaria de las mismas preguntas. Posteriormente, este tipo de documentos (organizados mediante preguntas y respuestas) se <br>
incorporaron también a los sitios web para ofrecer información a los visitantes.
</p>
</body>

</html>