dumontet.l
/
site_avec_java_script
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

envoie du site initial

master
laura.dumontet 6 months ago
commit
70470657b9
3 changed files with 244 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. 67
      deuxieme_page.html
  2. 125
      monsite.css
  3. 52
      monsite.html

67
deuxieme_page.html
View File

@ -0,0 +1,67 @@
<head>
<title>Découverterte musée du Louvre</title>
<meta charset="utf-8">
<link href="monsite.css" rel="stylesheet">
</head>
<body>
<div id="div1">
<header>
<h1>Le musée du Louvre</h1>
<nav>
<ul>
<li> <a href="monsite.html">Accueil</a> </li>
<li> <a href="deuxième page.html"> Découverte de l'architecture </a> </li>
<li> <a href= "https://fr.wikipedia.org/wiki/La_Joconde"> La Joconde</a> </li>
<li class="deroulant"> <a href = "#">Oeuvres célèbres </a>
<ul class="sous">
<li><a href="https://collections.louvre.fr/ark:/53355/cl010065872">La liberté guidant le peuple</a></li>
<li><a href="https://collections.louvre.fr/ark:/53355/cl010059199">Le radeau de la Méduse</a></li>
<li><a href="https://collections.louvre.fr/ark:/53355/cl010064382">Les Noces de Cana</a></li>
</ul>
</li>
</ul>
</nav>
</header>
</div>
<div id="div2">
<table>
<tr>
<td>
<p>Le style d'architecture présent au Louvre est le style de la Renaissance, le classique, et le néo-classique.
<br>Les architectes qui ont construit le louvre sont pour les plus connues Raymond du Temple; Drouet de Dammartin ; Pierre Lescot; et Philibert Delorme.
<br>Les avantages architecturaux de la pyramide du Louvre:
<br> - Un verre d'une transparence absolue.
<br>Ieoh Ming Pei voulait un vitrage d'une transparence absolue : les façades historiques du palais du Louvre peuvent ainsi être admirées, de l'intérieur de la Pyramide comme de l'extérieur, dans la cour Napoléon.
<br> - La pyramide empêche de voir le bâtiment d'origine dans sa totalité à partir de la Cour Napoléon ou de l'Arc de triomphe du Carrousel.
<br>Tout aussi nombreux sont ceux qui apprécient la juxtaposition contrastée des styles architecturaux, la fusion du classique avec le contemporain.</p>
</td>
<td>
<img src="louvre2.jpg" width= 325 height= 175>
</td>
</tr>
</table>
<img src="architecture.2.jpg" width=250 height= 200><img src="image architecture.png" width=250 height= 200><img src="architecture.avif" width=250 height= 200>
<table>
<tr>
<td>
<p> - Comment est construite la pyramide du Louvre ?
<br>
<br>Commandée par François Mitterrand en 1983, la pyramide a été conçue par l'architecte sino-américain Ieoh Ming Pei.
<br>La structure métallique qui supporte le parement en verre est faite d'acier et d'aluminium et pèse 200 tonnes ; elle s'élève à 21,64 mètres sur une base carrée de 35,42 mètres de côté.</p>
</td>
<td>
<img src="pyramide.jpg" width= 325 height= 175>
</td>
</tr>
</table>
<li> Détail sur la visite du Louvre </li>
<iframe width="600" height="350" src="https://youtu.be/wwYExM0NvO0?si=IUQ_iDXUF48Zqyyi" title="Youtube" frameborder="0" allow ="acceleromoter; autoplay; clipboard-write; encypted-media; gyroscope; picture-in -picture" allowfullscreen></iframe>
</div>
</body>
</html>

125
monsite.css
View File

@ -0,0 +1,125 @@
body
{
margin: 0;
font-size: 1.1em;
}
#bloc_page
{
width: 70%;
margin: 0 auto auto auto;
}
#div1, #div2{
margin: 0px;
padding: 0px;
}
figure
{
text-align: center;
}
header h1
{
font-family: arial;
text-align: center;
color: white;
font-size: 6em;
text-shadow: 2pt 2pt 4pt black;
background-color: rgba(255,255,255,0.5);
background-image: url(louvre1.jpg);
}
/* création du menu nav */
nav{
width: 80%;
margin: 0 auto;
margin-top:-50px;
background-color: white;
position: sticky;
top: 0px;
background-color: rgba(184, 151, 124, 0.8);
}
nav ul{
list-style-type: none;
}
nav ul li{
float: left;
width: 25%;
text-align: center;
}
nav ul::after{
content: "";
display: table;
clear: both;
}
nav a{
display: block;
text-decoration: none;
color: black;
border-bottom: 2px solid transparent;
padding: 10px 0px;
}
nav a:hover{
color: red;
border-bottom: 2px solid gold;
}
.sous{
display: none;
box-shadow: 0px 1px 2px #CCC;
background-color: white;
position: absolute;
width: 100%;
z-index: 1000;
}
nav > ul li:hover .sous{
display: block;
}
.sous li{
float: none;
width: 100%;
text-align: left;
background-color: rgba(184, 151, 124, 0.8);
}
.sous a{
padding: 10px;
border-bottom: none;
background-color: rgba(184, 151, 124, 0.8));
}
.sous a:hover{
border-bottom: none;
}
.deroulant > a::after{
content:" ▼";
font-size: 12px;
}
p {
margin: 20px
}
img{
width:300;
height: 250;
margin: 20px;
}

52
monsite.html
View File

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Découverterte musée du Louvre</title>
<meta charset="utf-8">
<link href="monsite.css" rel="stylesheet">
</head>
<body>
<div id="div1">
<header>
<h1>Le musée du Louvre</h1>
<nav>
<ul>
<li> <a href="monsite.html">Accueil</a> </li>
<li> <a href="deuxieme page.html"> Découverte de l'architecture </a> </li>
<li> <a href= "https://fr.wikipedia.org/wiki/La_Joconde"> La Joconde</a> </li>
<li class="deroulant"> <a href = "#">Oeuvres célèbres </a>
<ul class="sous">
<li><a href="https://collections.louvre.fr/ark:/53355/cl010065872">La liberté guidant le peuple</a></li>
<li><a href="https://collections.louvre.fr/ark:/53355/cl010059199">Le radeau de la Méduse</a></li>
<li><a href="https://collections.louvre.fr/ark:/53355/cl010064382">Les Noces de Cana</a></li>
</ul>
</li>
</ul>
</nav>
</header>
</div>
<div id="div2">
<table>
<tr>
<td>
<p> Bienvenue,<br>Le musée sur Louvre est un monument célèbre se trouvant a Paris et a était créé le 10 aout 1793.
<p>Initialement construit à l'extérieur des murs d'enceinte de la ville de Paris, le château du Louvre remonte au règne de Philippe Auguste (1180-1223).
<br> Le puissant souverain entendait en effet renforcer le système défensif de la capitale capétienne, exposée au danger des invasions venues par la Seine.
<br>Arsenal entouré d’épaisses fortifications, c’est en 1364 que le palais devient une résidence royale.
<br>Au gré des siècles et des styles, des rois et de leurs goûts, les murs du palais s’étendent, se construisent, se détruisent. </p>
<p>C’est entre 1595 et 1610 que la Grande Galerie est élevée, sous Henri IV.
<br>En 1791, un décret de l’Assemblée dédie le Louvre aux Arts.
<br>Le plus grand musée d'art du monde a été inauguré en 1793. Il propose à ses visiteurs une collection de près de 460000 toiles et sculptures sur une surface de plus de 7000 m2. Situé au plus cœur de la capitale, il est fréquenté chaque année par plus de 7 000 000 de touristes.
<br>
<br>La construction de la pyramide faisait partie du projet "Grand Louvre" lancé en 1981 par le président François Mitterrand.
<br>L'objectif était de donner une nouvelle vie au Louvre en modernisant le palais et en agrandissant le musée en y incluant l'aile Richelieu qui abritait à l'époque le ministère des Finances.</p>
</td>
<td>
<img src="musee-louvre.jpg" width= 400 height= 250>
</td>
</tr>
</table>
</div>
</body>
</html>
Write Preview
Loading…
Cancel
Save