-
Notifications
You must be signed in to change notification settings - Fork 0
/
Saturne.html
153 lines (148 loc) · 9.2 KB
/
Saturne.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Saturne</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<script src="https://kit.fontawesome.com/da94580331.js" crossorigin="anonymous" defer></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"
defer></script>
<script src="js/menu.js" defer></script>
</head>
<body class="container">
<header>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
<div class="container-fluid">
<a class="navbar-brand d-flex" style="width:120px" href="Terre.html"><img src="images-planetarium/logo.webp"
alt="Terre" class="d-block" style="width: 70%"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav d-flex justify-content-between px-3" style="width:100%">
<li class="nav-item">
<a class="nav-link" href="index.html">Accueil</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Planètes</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="Mercure.html">Mercure</a></li>
<li><a class="dropdown-item" href="Venus.html">Vénus</a></li>
<li><a class="dropdown-item" href="Terre.html">La Terre</a></li>
<li><a class="dropdown-item" href="Mars.html">Mars</a></li>
<li><a class="dropdown-item" href="Jupiter.html">Jupiter</a></li>
<li><a class="dropdown-item" href="Saturne.html">Saturne</a></li>
<li><a class="dropdown-item" href="Uranus.html">Uranus</a></li>
<li><a class="dropdown-item" href="Neptune.html">Neptune</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="infos.html">Infos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="galerie.html">Galerie</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="separateur-header"></div>
<h1 class="text-center text-white p-4">Saturne</h1>
</header>
<main class="rows">
<!-- <div class="separateur"></div> -->
<div class="d-flex justify-content-evenly my-3 flex-wrap">
<img class="col-12 -col-sm-12 col-md-7 col-lg-7 my-3" src="images-planetarium/saturne2.webp"
style="max-width: 90%; object-fit: contain;" alt="Saturne">
<aside class="saturne text-white col-12 -col-sm-12 col-md-4 col-lg-3 p-3">
<h4>Type :</h4>
<p>Planète gazeuse</p>
<h4>Composition de l'atmosphère:</h4>
<ul>
<li>Hydrogène (96.3%)</li>
<li>Hélium (3.25%)</li>
<li>Divers gaz : Methane, Ammoniac... (0.45%)</li>
</ul>
<h4>Température de surface :</h4>
<p>84°K (-189°C)</p>
<h4>Rayon :</h4>
<p>60 268 km</p>
<h4>Révolution:</h4>
<p>10 754 jours (29.5 ans)</p>
<h4>Jour sidéral:</h4>
<p>≈10h30 (0.45 jour terrestre) </p>
<h4>Masse :</h4>
<p>≈5,684 x 10^26 kg (95,152 Terres)</p>
</aside>
</div>
<div class="d-flex justify-content-between">
<article class="saturne text-white m-auto p-4">
<h2>Informations générales</h2>
<p>Saturne est la sixième planète du Système solaire par ordre d'éloignement au Soleil, et la deuxième plus
grande par la taille et la masse après Jupiter, qui est comme elle une planète géante gazeuse. Son rayon moyen
de 58 232 km est environ neuf fois et demi celui de la Terre et sa masse de 568,46 x 1024 kg est 95 fois plus
grande. Orbitant en moyenne à environ 1,4 milliard de kilomètres du Soleil (9,5 unités astronomiques), sa
période de révolution vaut un peu moins de 30 années tandis que sa période de rotation est estimée à
10 h 33 min.</p>
<p>La caractéristique la plus célèbre de la planète est son système d'anneaux proéminent. Composés
principalement de particules de glace et de poussières, ils sont observés pour la première fois en 1610 par
Galilée et se seraient formés il y a moins de 100 millions d'années. Saturne est la planète possédant le plus
grand nombre de satellites naturels avec 82 confirmés et des centaines de satellites mineurs dans son cortège.
Sa plus grande lune, Titan, est la deuxième plus grande du Système solaire (derrière Ganymède, lune de
Jupiter, toutes deux avec un diamètre plus grand que celui de Mercure) et c'est la seule lune connue à
posséder une atmosphère substantielle. Une autre lune remarquable, Encelade, émet de puissants geysers de
glace et serait un habitat potentiel pour la vie microbienne.</p>
<p>L'intérieur de Saturne est très probablement composé d'un noyau rocheux de silicates et de fer entouré de
couches constituées en volume à 96 % d'hydrogène qui est successivement métallique puis liquide puis gazeux,
mêlé à de l'hélium. Ainsi, elle ne possède pas de surface solide et est la planète ayant la densité moyenne la
plus faible avec 0,69 g/cm3 — soit 70 % de celle de l'eau. Un courant électrique dans la couche d'hydrogène
métallique donne naissance à sa magnétosphère, la deuxième plus grande du Système solaire mais beaucoup plus
petite que celle de Jupiter. L'atmosphère de Saturne est généralement terne et manque de contraste, bien que
des caractéristiques de longue durée puissent apparaître comme un hexagone à son pôle nord. Les vents sur
Saturne peuvent atteindre une vitesse de 1 800 km/h, soit les deuxièmes plus rapides du Système solaire après
ceux de Neptune. Elle a été explorée par quatre sondes spatiales : Pioneer 11, Voyager 1 et 2 puis
Cassini-Huygens (du nom de deux astronomes ayant grandement fait avancer les connaissances sur le système
saturnien au XVIIe siècle).
<p>
<p>Observable à l'œil nu dans le ciel nocturne grâce à sa magnitude apparente moyenne de 0,46 — bien qu'ayant un
éclat plus faible que celui des autres planètes —, elle est connue depuis la Préhistoire et a ainsi longtemps
été la planète la plus éloignée du Soleil connue. Aussi, son observation a inspiré des mythes et elle porte le
nom du dieu romain de l'agriculture Saturne (Cronos dans la mythologie grecque), son symbole astronomique ♄
représentant la faucille du dieu.</p>
<p>Informations tirées du site wikipedia : <a class="wikiLink"
href="https://fr.wikipedia.org/wiki/Saturne_(plan%C3%A8te)">-ici-</a></p>
<p>Système Solaire modélisé en 3D par la NASA (! consommation importante de données !)<a class="wikiLink"
href="https://solarsystem.nasa.gov/planets/saturn/overview/">-ici-</a></p>
</article>
</div>
</main>
<div class="menuJs d-flex justify-content-evenly text-center my-3 py-2 col-12 flex-wrap">
<a id="item1" class="target col-4 col-sm-3 col-md-1 col-lg-1"></a>
<a id="item2" class="target col-4 col-sm-3 col-md-1 col-lg-1"></a>
<a id="item3" class="target col-4 col-sm-3 col-md-1 col-lg-1"></a>
<a id="item4" class="target col-4 col-sm-3 col-md-1 col-lg-1"></a>
<a id="item5" class="target col-4 col-sm-3 col-md-1 col-lg-1"></a>
<a id="item6" class="target col-4 col-sm-3 col-md-1 col-lg-1"></a>
<a id="item7" class="target col-4 col-sm-3 col-md-1 col-lg-1"></a>
</div>
<footer class="rows my-2">
<div class="d-flex justify-content-end align-items-center" style="min-height: 100%">
<a href="https://dho-jb-webdeveloppeur.fr/"><img src="images-planetarium/logo-2-full.webp"
alt="logo-site-portfolio" style="width: 48px; margin: 16px;"></i></a>
<a href="https://github.com/jean-baptiste-dho"><i class="fa-brands fa-github h2 m-3"></i></a>
<a href="https://www.linkedin.com/in/jean-baptiste-dho-d%C3%A9veloppeur-web-0314a5262"><i
class="fa-brands fa-linkedin h2 m-3"></i></a>
</div>
</footer>
</body>
</html>