reyt--duglery.a
/
siteWeb
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Transférer les fichiers vers ''

master
REYT--DUGLERY Amaury-Charles 3 years ago
parent
ecba323bbd
commit
c6a1e3b5ad
3 changed files with 247 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 51
      accueil.html
  2. 40
      cecinestpasunsiteinternet.html
  3. 156
      stylepage.css

51
accueil.html
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Ouroborus cataphractus</title>
<meta charset="utf-8">
<link href="stylepage.css" rel="stylesheet">
</head>
<body>
<div id="bloc_page">
<div class="backgroundd">
<header>
<h1>L'Ouroborus cataphractus:</h1>
<nav>
<ul>
<li> <a href="accueil.html">Recharger la page:</a> </li>
<li> <a href="#p2">Fin du Texte :</a> </li>
<li> <a href="cecinestpasunsiteinternet.html"> Page secondaire :</a></li>
</ul>
</nav>
</header>
<article>
<h2>Un lézard sud africain:</h2>
<div class="textG">
<ul>
<li> L'ouroborus cataphractus, nommé <strong>Zonure</strong> en France, est le seul représentant des <strong>Ouroborus</strong>. Son nom signifie "Qui se mord la queue"
</ul>
</div>
<h2>Son habitat :</h2>
<p>Il vit en Afrique du Sud, dans ce qu'on appelle des <strong> regs </strong> : de grands déserts de pierres, secs, chauds, et contenant très peu de végétation. Les regs se transforment petit à petit en désert de sable, à cause de l'érosion causée par le vent sur les roches</p>
<div class="imageD">
<img src="reg.PNG" width="600" height="322">
</div>
<div id="texte2">
<h2>Ses particularités :</h2>
<p>Le <strong>zonure</strong> a un système de défense particulier, en effet, ce dernier mord sa queue, ce qui lui permet de se rouler en boule à la vue de possibles prédateurs ou menaces, ce faisant, il s'entoure de son "armure" de pics, ses écailles se dressent en pointes, très solides, ce qui dissuade tous les prédateurs environnants de l'attaquer. Son ventre étant très mou, se rouler en sphère lui permet de protéger ce point faible.
Malgré cela, il peut aussi se défendre à l'aide de sa queue épineuse ou grâce à sa très puissante machoire.</p>
<h2 id="p2">L'Ouroborus en lui même :</h2>
<p>En lui même, l'ouroborus ressemble beaucoup aux autres lézards : insectivore et ne mesurant pas plus de 45 centimètres, il est chassé par les oiseaux... Mais sa seconde plus grande particularité est le fait qu'il vit en groupe, ce qui ne se fait que très peu chez les lézards. Par ailleurs, il peut vivre jusqu'à<strong> 20 ans. </strong> </p>
</div>
<li> <a href="cecinestpasunsiteinternet.html">Détails sur l'ouroborus :</a>(La suite)<li/>
</article>
</div>
</div>
</body>
</html>

40
cecinestpasunsiteinternet.html
View File

@ -0,0 +1,40 @@
<html lang="fr">
<head>
<title>Les origines de l'ouroborus :</title>
<meta charset="utf-2">
<link href="stylepage.css" rel="stylesheet">
</head>
<body>
<div id="bloc_page">
<div class="backgroundd">
<header>
<h1>Ouroborus Cataphractus ? Quésaco </h1>
<nav>
<ul>
<li> <a href="accueil.html">Accueil</a> </li>
<li> <a href="#p4"> Fin du Texte :</a></li>
<li> <a href="cecinestpasunsiteinternet.html"> Recharger la page: </a></li>
</ul>
</nav>
</header>
<article>
<h1>Un nom du grec ancien ? </h1>
<p>L' ouroboros représente un dragon mordant sa propre queue, c'est un symbole représentant le renouvellement de la vie, et l'infinité. Il vient du grec ancien <strong>Ouro, signifiant "manger", et boros, signifiant "queue"</strong>("Celui qui se mange la queue).</p>
<div class="imageD">
<img src="Ouroboros.png" width="150" height="150">
</div>
<p id="p4">La découverte de l'ouroborus cataphractus a ramené en mémoire ce symbole, on a donc décidé d'adopter son nom pour classifier le zonure, <strong>on a juste latinisé son nom en changeant "l'ouroboros" en "ouroborus"</strong>. Le nom <strong>"cataphractus" vient de cataphracte</strong>, qui est l'armure des cavaliers faite de toile ou de peau recouverte de lames de métal disposées en écailles.(Les scientifiques aiment beaucoup latiniser les noms, même si grammaticalement parlant, c'est faux)</p>
<div class="imageE">
<img src="cataphracte.jpg" width="150" height="322">
</div>
<p> Par ailleurs, l'ouroborus cataphractus appartient à l'ordre des squamates, ordre qui est grossièrement l'ordre de tous les reptiles en général.
</div>
</div>
</body>
</html>

156
stylepage.css
View File

@ -0,0 +1,156 @@
#container
{ margin-left: 18%; margin-right: 18%;
}
body
{
font-size: 1.1em;
background-image: url(index.jpg);
text-align: center;
width: 80%;
margin-left: 5%;
background-color: darkblue
}
li
{
font-size: 2em;
}
#bloc_page
{
width: 90%;
margin: 10%;
height: 120%;
border-color: black;
}
.backgroundd
{
margin-left: 64px;
background-color: Cornsilk;
border: 20px solid black;
}
nav a { text-decoration: none; opacity: 1; }
nav a:link { color: cyan; }
nav a:visited { color: aquamarine; }
nav a:hover { color: red; }
header
{
background-image: url(fondtitre.jpg);
background-repeat: no-repeat;
border: 20px solid black;
background-size: 80% 120%;
width: 70%;
height: 50%;
background-color: #111626
}
header h1
{
font-family: arial;
text-align: center;
color: floralwhite;
font-size: 3em;
text-shadow: 5pt 20pt 6pt black;
}
header h1 {
animation-duration: 3s;
animation-name: slidein;
}
@keyframes slidein {
from {
margin-left: 500%;
width: 300%;
75% {
font-size: 300%;
margin-left: 25%;
width: 150%;
}
to {
margin-left: 80%;
width: 40%;
}
}
header nav
{
font-size : 2em;
background-color: rgba(15,1,24,0.4);
}
header nav ul
{
list-style-type: none;
margin: 0px;
}
article
{
padding: 100px 20px 20px 10px;
background-color: rgba(176,20,4,0.4);
text-align: justify;
}
article h2
{
text-align: center;
}
.imageD
{
display:inline-block;
margin:0px;
width:55%;
padding-left:10px;
}
to {
margin-left: 80%;
width: 40%;
}
}
.textG
{
padding-right:5px;
display:inline-block;
float:left;
width:50%;
font-size : 1.2em
}
#contact
{
text-align: center;
font-size:1.5em;
margin-top : 20pt;
}
footer
{
clear:both;
text-align: center;
font-size: 70%;
font-style: italic;
margin-top: 105pt;
}
Write Preview
Loading…
Cancel
Save