ajout fichier perso raf

This commit is contained in:
Rafael GHOUAR-TOUSSAINT 2024-06-02 23:31:38 +02:00
commit ccb6b7a3ec
19 changed files with 557 additions and 0 deletions

BIN
.DS_Store vendored Normal file

Binary file not shown.

40
contact.html Executable file
View File

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>contact</title>
</head>
<body>
<div id="content_cours">
<header>
<nav>
<a href="index.html">Page d'accueil</a>
<!--<a href="contact.html">Contact</a>-->
</nav>
</header>
<h1 class="contact" style="margin-top:50px;"> contact</h1>
<p>
<fieldset>
<form>
<label> un client de messagerie est obligatoire<br> preciser votre message à l'intension de M. GHOUAR-TOUSSAINT</label>
<br><textarea id='texte'></textarea>
<br><button><strong><a href="mailto:gt.rafael6@icloud.com?subject=Hello&body=Message">envoyer</a></strong></button>
</form>
</fieldset>
</p>
<footer>
<p><strong>Auteur : </strong><a href="mailto:gt.rafael6@icloud.com">Rafaël GHOUAR-TOUSSAINT</a></p>
<p> <time> modifié le 28/03/2023</p>
</footer>
</div>
</body>
</html>

137
cours.html Executable file
View File

@ -0,0 +1,137 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Cours Terminale</title>
</head>
<body>
<div id="content_cours">
<header>
<nav>
<a href="index.html">Page d'accueil</a>
<!--<a href="contact.html">Contact</a>-->
</nav>
</header>
<h1 class="cours" style="margin-top:50px;"> NSI Terminale</br>Cours</h1>
<div class="presentation" style="margin-top:100px;">
<p class="html">Ci-dessous, vous retrouverez les différents cours de la spécialité NSI en classe de terminale pour un Bac Général.</p>
<style>
table, th, td {border: 1px solid black;}
</style>
<table width="100%" class="nom">
<tr>
<td>
<h3><i><u>La Pogrammation Orientée Objet (POO)</u></i></h3>
</td>
<td>
<img src="img/poo.jpg" alt="programmation Orientée Objet" width="400" height="170" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_poo.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_poo.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
<tr>
<td>
<h3><i><u>Récursivité</u></i></h3>
</td>
<td>
<img src="img/recursivite.PNG" alt="Récursivité" width="400" height="300" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_recursivite.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_recursivite.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
<tr>
<td>
<h3><i><u>Liste, Pile / File</u></i></h3>
</td>
<td>
<img src="img/lpf.png" alt="liste pile / file" width="420" height="200" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_listepilefile.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_listepilefile.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
<tr>
<td>
<h3><i><u>Les Bases de Données (BDD)</u></i></h3>
</td>
<td>
<img src="img/bdd.PNG" alt="bases de données" width="430" height="200" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_bdd.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_bdd.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
<tr>
<td>
<h3><i><u>Les Arbres binaires</u></i></h3>
</td>
<td>
<img src="img/arbres.PNG" alt="les arbres binaire" width="430" height="200" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_arbre.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_arbre.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
<tr>
<td>
<h3><i><u>Le Protocole de Routage</u></i></h3>
</td>
<td>
<img src="img/routage.png" alt="protocole de routage" width="420" height="320" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_routage.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_routage.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
<tr>
<td>
<h3><i><u>System on a Chip (SoC)</u></i></h3>
</td>
<td>
<img src="img/soc.png" alt="System on a Chip" width="420" height="260" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_soc.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_soc.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
<tr>
<td>
<h3><i><u>Chiffrement et Sécurisation des communications</u></i></h3>
</td>
<td>
<img src="img/secu.jpg" alt="Chiffrement et sécurisation" width="430" height="240" /></a>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="coursword/cours_secu.docx">WORD</a></strong></button><br><button><strong><a class="btn" href="courspdf/cours_secu.pdf"target="_blank">PDF</a></strong></button>
</td>
</tr>
</table>
<br>
<center><a class="hdp" href="cours.html#content_cours"> Haut de page</a></center>
</div>
<footer>
<p><strong>Auteur : </strong><a href="mailto:gt.rafael6@icloud.com">Rafaël GHOUAR-TOUSSAINT</a><br>modifié le 16/04/2023</p>
</footer>
</div>
</body>
</html>

80
css/style.css Executable file
View File

@ -0,0 +1,80 @@
/*Pour toutes les pages : */
body{background-color: #dadbdd}
header {font-size: 23px;
background-color: #303232;
width: auto;
height: 70px;
display: flex;}
header nav {margin-left: auto;
margin-right: auto;
width: 90%;
display: flex;
align-items: center;
justify-content: space-between;}
header nav a {color : white;
text-decoration: none;}
footer{font-size: 23px;
text-align: right;}
p.html{font-size: 30px;
margin-left: 2%;}
/*Pour la page index*/
h1{text-align: center;
font-size: 100px;
font-family:monospace; }
h2.nsi{text-align: center;
font-family: cursive;
font-size: 170%;
margin-top: -1%}
/*h3.nsi{font-size: 150%;
font-family: fantasy;
color: #9A5315;}*/
p.presentation{font-size: 165%;
margin-top: 85px;
margin-left: 11%;
margin-right: 11%;
text-align: justify;}
div.licence{text-align: center;
font-size: 26px;}
/*Pour la page cours :*/
h1.cours{font-size: 60px;}
div.presentation{font-size: 20px;}
div.presentation a {color : #50468C;
text-decoration: none;
font-size: 17px}
div.presentation a.hdp {color : blue;
text-decoration: none;
font-size: 25px}
div.presentation td{text-align:center;}
div.presentation a.btn:hover{color: white;
background-color: #50468C;
transition: 0.3s all;}
/*Pour les pages projets et Cours :*/
table.nom{font-size: 25px}
p.presentation1{margin-left: 5%;
margin-right: 5%;
text-align: justify;}

BIN
img/1.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

BIN
img/arbres.PNG Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

BIN
img/bdd.PNG Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
img/cc.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
img/image de départ.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

BIN
img/lpf.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
img/poo.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

BIN
img/recursivite.PNG Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

BIN
img/routage.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

BIN
img/secu.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
img/soc.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 252 KiB

48
index.html Executable file
View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>NSI - Rafaël G.T</title>
</head>
<body>
<div id="content index">
<header>
<nav>
<a href="cours.html">Cours Terminale</a>
<a href="projets_html.html">Projets réalisés en HTML</a>
<a href="projets_python.html">Projets réalisés en Python</a>
<a href="projets_filius.html">Projets réalisés sur filius</a>
</nav>
</header>
<!-- <h3 class="nsi">La NSI c'est d'la turie ! </h3>-->
<p style="margin-top:145px;">
<h1>NSI <br> GHOUAR-TOUSSAINT Rafaël</h1>
<h2 class="nsi">Numérique et Sciences de l'Informatique <br> Première et Terminale</h2>
</p>
<br><p class="presentation"> Ce site vous montre tous les contenus de ma spécialité Numérique et Sciences de l'Informatique. Vous avez accès aux différents cours que j'ai mis en page. Vous avez également accès aux différents projets que j'ai réalisés en groupe ou individuellement sous plusieurs langages tels que Python et HTML. J'ai aussi intégré les projets réseaux faits sur filius.</p>
<div class="licence">
<p style="margin-top:130px;"> Ces ressources sont publiées sous licence Creative Commons Attribution </p>
<a href="http://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank"><img alt="Licence CC Attribution" src="img/cc.png" /></a>
<p><strong>Auteur : </strong><a href="mailto:gt.rafael6@icloud.com">Rafaël GHOUAR-TOUSSAINT</a></p>
</div>
</div>
<footer>
<p style="margin-top:50px;">modifié le 07/04/2023</p>
</footer>
</body>
</html>

53
projets_filius.html Executable file
View File

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Projets Filius</title>
</head>
<body>
<div id="content_projets_filius">
<header>
<nav>
<a href="index.html">Page d'accueil</a>
</nav>
</header>
<h1 class="cours" style="margin-top:50px;"> NSI Terminale</br>Projets réalisés sur Filius</h1>
<div class="presentation" style="margin-top:120px;">
<p class="html">Durant l'année de terminale, j'ai pu réaliser des simulations en utilisant le logiciel <strong>Filius</strong>. </br>Elles sont disponibles ci-dessous.</p> </br>
<style>
table, th, td {border: 1px solid black;}
</style>
<table width="100%" class="nom">
<tr>
<td>
<h3><i><u>Routage complet</u></i></h3>
</td>
<td>
<p class="presentation1">Pour cette simulation, il fallait réaliser la conception d'un réseau en observation d'un routage. Le routage final est "divisé" en plusieurs parties pour différencier les différents réseaux.
</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="filius/reseau_routage.fls">.fls</a></strong></button><br><br>
</td>
</tr>
</table>
<br>
<center><a class="hdp" style="margin-top:0px;" href="projets_python.html#content_projets_python"> Haut de page</a></center>
</div>
<footer>
<p><strong>Auteur : </strong><a href="mailto:gt.rafael6@icloud.com">Rafaël GHOUAR-TOUSSAINT</a><br>modifié le 07/04/2023</p>
</footer>
</div>
</body>
</html>

65
projets_html.html Executable file
View File

@ -0,0 +1,65 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Projets HTML</title>
</head>
<body>
<div id="content_projets_html">
<header>
<nav>
<a href="index.html">Page d'accueil</a>
</nav>
</header>
<h1 class="cours" style="margin-top:50px;"> NSI Première</br>Projets réalisés en HTML</h1>
<div class="presentation" style="margin-top:120px;">
<p class="html">Durant l'année de première, j'ai pu réaliser deux projets en utilisant le langage de programmation <strong>HTML</strong>. Ils sont disponibles ci-dessous.<br>En terminale, l'HTML n'est pas au programme.</p> </br>
<style>
table, th, td {border: 1px solid black;}
</style>
<table width="100%" class="nom">
<tr>
<td>
<h3><i><u>Réalisation d'un C.V.</u></i></h3>
</td>
<td>
<p class="presentation1">Le but de ce projet était de réaliser son propre C.V en HTML avec les balises qu'on avait commencé à apprendre en cours. Sur le C.V, il devait y apparaitre du texte en gras, en italique, souligné, surligné. Ainsi que des titres, une image et un lien a href. </p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="zip/cv.zip">Z.I.P.</a></strong></button><br><br>
</td>
</tr>
<tr>
<td>
<h3><i><u>Réalisation d'un petit site internet.</u></i></h3>
</td>
<td>
<p class="presentation1">Lors de ce projet en binôme, il fallait réaliser un petit site internet en HTML, CSS et un peu de J.V avec différentes contraintes. Le site devait obligatoirement avoir un formulaire pour pouvoir se rendre sur la page principale du site. Cependant, il fallait avoir un certain âge sinon l'entrée sur le site était interdite.</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="zip/site_internet.zip">Z.I.P.</a></strong></button><br><br>
</td>
</tr>
</table>
</br>
<center><a class="hdp" href="projets_html.html#content_projets_html"> Haut de page</a></center>
</div>
<footer>
<p><strong>Auteur : </strong><a href="mailto:gt.rafael6@icloud.com">Rafaël GHOUAR-TOUSSAINT</a><br>modifié le 07/04/2023</p>
</footer>
</div>
</body>
</html>

134
projets_python.html Executable file
View File

@ -0,0 +1,134 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Projets Python</title>
</head>
<body>
<div id="content_projets_python">
<header>
<nav>
<a href="index.html">Page d'accueil</a>
</nav>
</header>
<h1 class="cours" style="margin-top:50px;"> NSI Première/Terminale</br>Projets réalisés en Pyhton</h1>
<div class="presentation" style="margin-top:120px;">
<p class="html">Durant l'année de première et de terminale, j'ai pu réaliser des projets en utilisant le langage de programmation <strong>Python</strong>, certains plus faciles que d'autres. </br>Ils sont disponibles ci-dessous.</p> </br>
<h3>En classe de Première : </h3>
<style>
table, th, td {border: 1px solid black;}
</style>
<table width="100%" class="nom">
<tr>
<td>
<h3><i><u>Création d'un R.P.G.</u></i></h3>
</td>
<td>
<p class="presentation1">Pour ce projet en trinôme de début d'année, il fallait créer un RPG. Le but était de faire un mini-jeu avec un personnage qui pouvait aller dans certains endroits comme par exemple pour se reposer ou acheter des potions magiques et après qu'il se soit reposé, il pouvait aller au combat.<strong><center>Ce projet est toujours en développement.</center></strong></p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="py/RPG.py">.py</a></strong></button><br><br>
</td>
</tr>
<tr>
<td>
<h3><i><u>Reproduction de la bataille navale</u></i></h3>
</td>
<td>
<p class="presentation1">Pour ce projet en binôme, il fallait essayer de reproduire le jeu de la bataille navale en python. On devait donc créer son propre personnage ainsi qu'un ennemi. Ensuite, comme dans le vrai jeu, on lance des missiles sur l'adversaire jusqu'à gagner, mais attention, lui aussi nous attaque !</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="py/bataille_navale.py">.py</a></strong></button><br><br>
</td>
</tr>
<tr>
<td>
<h3><i><u>Nombre décimal en un nombre binaire</u></i></h3>
</td>
<td>
<p class="presentation1">Pour ce projet individuel, il fallait créer une fonction qui pouvait nous permettre à partir d'un nombre décimal, le convertir en un nombre binaire.</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="py/decimal_vers_binaire.py">.py</a></strong></button><br><br>
</td>
</tr>
</table>
</br>
</br>
<h3>En classe de Terminale : </h3>
<style>
table, th, td {border: 1px solid black;}
</style>
<table width="100%" class="nom">
<tr>
<td>
<h3><i><u>Tours de hanoï en mode itératif </u></i></h3>
</td>
<td>
<p class="presentation1">Ce projet consistait à reproduire le jeu de réflexion " les Tours de Hanoï " en utilisant un programme itératif, c'est-à-dire un programme avec une boucle.</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="py/tour_hanoi_iteratif.py">.py</a></strong></button><br><br>
</td>
</tr>
<tr>
<td>
<h3><i><u>Tours de hanoï en mode récursif</u></i></h3>
</td>
<td>
<p class="presentation1">À l'inverse, ce projet consistait également à reproduire le jeu de réflexion " les Tours de Hanoï " mais en utilisant un programme récursif, c'est-à-dire un programme avec une fonction qui s'appelle elle-même et donc qui possède également un cas d'arrêt.</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="py/tour_hanoi_recursif.py">.py</a></strong></button><br><br>
</td>
</tr>
<tr>
<td>
<h3><i><u>Pile ou File</u></i></h3>
</td>
<td>
<p class="presentation1">Ce projet individuel consistait à créer deux fonctions, l'une concernant les <strong>piles</strong> et l'autre concernant les <strong>files</strong>. Dans chacune des fonctions, il fallait avoir le choix entre <u>ajouter</u> ou au contraire <u>retirer</u> un élément de la file ou de la pile.</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="py/piler_filer.py">.py</a></strong></button><br><br>
</td>
</tr>
<tr>
<td>
<h3><i><u>Chiffrement César et Vigenère</u></i></h3>
</td>
<td>
<p class="presentation1">Le but ici était de reproduire les chiffrements de Cesar et de Vigenère pour faire passer des informations discrètement. Il fallait donc faire apparaître un mot avec 3 lettres de décalage.</p>
</td>
<td>
</br><p><em>Téléchargement du document :</em></p><button><strong><a class="btn" href="py/cesar.py">.py</a></strong></button><br><br>
</td>
</tr>
</table>
</br>
<center><a class="hdp" style="margin-top:0px;" href="projets_python.html#content_projets_python"> Haut de page</a></center>
</div>
<footer>
<p><strong>Auteur : </strong><a href="mailto:gt.rafael6@icloud.com">Rafaël GHOUAR-TOUSSAINT</a><br>modifié le 07/04/2023</p>
</footer>
</div>
</body>
</html>