Vous êtes sur la page 1sur 5

Accueil.

html
<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>sans titre 1</title>
<link href="style11.css" rel="stylesheet" type="text/css">
</head>

<body id="bd">
<header><h1>les systèmes d'exploitation</h1></header>
<section>
<nav><p><a href="historique.html">Historique</a></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p><a href="fonctionnalités1.html">Fonctionnalités</a></p></nav>
<article><h3>Définition:</h3>
<p>un système d'exploitation est un logiciel de base nécessaire pour le démarrage
et l'exploitation de la machine.Au démarrage de l'ordinateur une partie du système
d'exploitation appelée Noyau se chargeautomatiquementdans la RAM,L'autre partie
utilitaire se charge dans la mémoire en cas de besoin. </p>
</article>
<aside>
<img alt="" height="200" longdesc="file:///C:/Users/DELL/Desktop/cours 2023-
2024/3STI/séance 2/tp2/ordi.jpg" src="ordi.jpg" width="200"></aside>
</section>
<footer ><p align="right">Réalisée par GHorbel Manel</p></footer>

</body >

</html>
Fonctionnalité.html
<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>sans titre 1</title>

<link href="style11.css" rel="stylesheet" type="text/css">

</head>

<body>
<header><h1>les systèmes d'exploitation</h1>
<p>&nbsp;</p></header>
<aside class="asd1">
<img class="img1"alt="" height="88" longdesc="file:///E:/cours 2023-
2024/3STI/séance 2/tp2/AG00154_.GIF" src="AG00154_.GIF" width="100"></aside>
<article class="article1">
<table width="57%" border="3">
<caption>les fonctions d'un système d'exploitation</caption>

<tr>
<th width="50%" scope="col">Fonction</th>
<th width="50%"scope="col">Description</th>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</article>

<footer><h2><a href="accueil1.html">Retour</h2></a></footer>
</body>
</html>
Style11.css
h1 {
color: #9E4B64;
text-align: center;
}
#bd {
background-color: #1CEDC3;
}
header {
border: 2px solid #0C0005;
width: 990px;
height: 60px;
position: static;
}
nav {
border-color: #0C005;
width: 200px;
height: 400px;
border-style: solid;
border-width: 2px;
position: fixed;
}
article {
width: 550px;
height: 400px;
border: 2px solid #0C0005;
position: absolute;
left: 210px;
}
aside {
width: 235px;
height: 400px;
position: absolute;
border: 2px solid #140101;
left: 760px;
}
footer {
border: 2px groove #140101;
height: 50px;
width: 990px;
top: 475px;
padding-top: 0px;
position: absolute;
}
a {
font-weight: bold;
font-size: x-large;
text-align: right;
}
img {
padding: 10px;
}
.p1 {
font-style: italic;
font-weight: bold;
color: #000099;
}
caption {
width: 310px;
background-color: #0CF543;
text-align: center;
border-radius: 10px;
margin-left: 150px;
margin-top: 20px;
margin-bottom: 20px;
border: 3px solid #184BEC;
}
table {
background-color: #F5B234;
position: fixed;
width: 50%;
margin: 40px;
}
th {
text-decoration: underline;
text-align: center;
font-size: large;
}
footer {
border: 2px solid #0B0B0B;
position: absolute;
width: 990px;
height: 50px;
padding: 0px;
top: 475px;
}
a:hover {
color: #FF9900;
}
.article1 {
position: absolute;
width: 750px;
left: 246px;
}
.asd1 {
position: absolute;
left: 8px;
}
.img1 {
height: 190px;
margin-top: 40px;
margin-left: 20px;
}
body {
background-color: #1cedc3;
}
h4 {
text-align: right;
}
h3 {
text-decoration: underline;
}
Historique.html
<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>sans titre 1</title>

<link href="style11.css" rel="stylesheet" type="text/css">

</head>

<body>
<header><h1>les systèmes d'exploitation</h1></header>

<nav><p><a href="#">historique</a></p>
<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br
>&nbsp;
<p><a href="fonctionnalités1.html">fonctionnalités</a></p></nav>
<article><h3>historique</h3>
<p>les premières machines étaient dépourvues de systèmes d'exploitation à cette
époque toute programmation était l'affairede l'utilisateur.Avecles machines de
seconde générationon a commencer à automatiser les opérations manuelles, ce qui a
amélioré l'exploitationdes différentes unités pour cela, des programmes spécifiques
appelés moniteurs ou exécutifs sont apparus, leur role étant d'assurer la bonne
marche des opérations <b>le système d'exploitation a été né</b> </p>
<ol>
<li><mark>les composants d'un systèmes d'exploitation</mark></li>
<ul type="square">
<li>le noyau</li>
<li>l'interpreteur de commande</li>
<li>les utilitaires</li>
<li>le système de fichiers</li>
</ul>
<li><mark>les caractéristiques fondamentales d'un système d'exploitation<mark></li>
<ul type="circle">
<li>mono-tache</li>
<li>multi-tache</li>
<li>mono-session</li>
<li>multi-sessions</li>
</ul>
</ol></article>
<aside>
<img alt="" height="88" longdesc="AG00154_.GIF" src="AG00154_.GIF"
width="100"></aside>
<footer><h4><a href="accueil1.html">Retour</a></h4></footer>

</body>

</html>

Vous aimerez peut-être aussi