Thursday, 27 April 2017

WEB SITE

Hi everyone!!

Today we are going to talk about the parts of a web site. Aida and I are going to make a web site, so...visit it please.

1. Header:


2. Footer:





3. Sidebar:


4. Content(Area):


5.Widget:


6.Images/videos:





That's allll!!!!

Saturday, 15 April 2017

Another web with HTML

Hi everybody!

I have made a WEBPAGE about my favourite books, in HTML.

The link:

                      file:///C:/Users/Elsa/Desktop/WEbPage.html

An screenshot:



And the HTML code:

<!DOCTYPE html>
<html>
<head>
<title>Elsa's WEB</title>
<style>
a:link {
    color: white;
    background-color: transparent;
    text-decoration: none;
}
a:visited {
    color: #B2FFFF ;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: #B2FFB2;
    background-color: transparent;
    text-decoration: underline;
}
a:active {
    color: #FFE0EB;
    background-color: transparent;
    text-decoration: underline;
}
p {
    margin: 100px;
}
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
 background-color:#FFC7E3
}
th, td {
    padding: 20px;
}
</style>


</head>
<body style="background-color:#A640F2;font-family:Harrington;color:White">
<h1 style="text-align:center;font-size:300%"><ins>My favourite books<ins></h1>
<p style="font-size:160%">Hello everybody!!!! I'm Elsa and in this webpage I have created I'm going to put my favourite books, because I love reading. <br>If you want to follow <b>my blog</b>, you only have to click <a href="http://ictelsafreire.blogspot.com.es/">HERE.</a></br>
<br>So... now, here I let you my favourite authors and their book (my favourite ones).</br>
</p>
<table style="width:70%;font-size:160%;color:black">
  <tr>
    <th style="background-color:#CCFFFF"><ins>AUTHOR</ins></th>
    <th style="background-color:#CCFFFF"><ins>BOOKs</ins></th>
  </tr>
  <tr>
    <td>Cassandra Clare</td>
    <td><strong>The Shadowhunter Chronicles</strong>: The Mortal Instruments and The Infernal Devices</td>
  </tr>
  <tr>
    <td style="background-color:#A6C9FF">Rick Riordan</td>
    <td style="background-color:#A6C9FF">The Percy Jackson series</td>
  </tr>
  <tr>
    <td>Stephen Chbosky</td>
    <td>The Perks of Being a Wallflower</td>
  </tr>
  <tr>
    <td style="background-color:#A6C9FF">Jandy Nelson</td>
    <td style="background-color:#A6C9FF">I'll Give You the Sun</td>
  </tr>
</table>
<p style="font-size:160%">And now I'm going to put here the cover page of this books.</p>
<p style="font-size:300%"> 1.Shadowhunters <pre>                                                                                                     <img src="https://bibliomantics.files.wordpress.com/2015/09/the-mortal-instrument-redesign.png" alt="Books Covers 1" style="width:500px;height:998'5px;"></pre></p>
<p style="font-size:300%">2.Percy Jackson <pre>                                                               <img src="https://negaublog.files.wordpress.com/2013/08/percy-jackson.jpg" alt="Percy Jackson Book Cover" style="width:930px;height:365px;"></pre></p>
<p style="font-size:300%">3.The Perks of Being a Wallflower <pre>                                                                                                         <img src="C:\Users\Elsa\Pictures\Fotos Elsa\Libros\the perks of being a wallflower.jpg" alt="Another one" style="width:350px;height:558px;"></pre></p>
<p style="font-size:300%">4.I'll Give You The Sun <pre>                                                                                                         <img src="http://theolemissyearbook.com/wp-content/uploads/2016/11/tumblr_nkrq4wVfUF1tv8vcro1_1280.jpg" alt="And the last one" style="width:400px;height:605px;"></pre></p>
<p style="font-size:160%"> I hope you liked it, and see you in my next post!!!
<h1 style="font-size:300%;text-align:center">BYEEEEEEE!!!!!</h1>
</body>
</html>


And that's all!!!!

Thursday, 6 April 2017

HTML 2

Hi everybody!

Aida and I have created a webpage about The Jargon File, and it's like the model of our teacher.WE have created it with HTML.

This is the link:  file:///C:/Users/alumnobach/Desktop/HTML%20Aisa.html


That's all