<!DOCTYPE html>
<html>
<head>
     <meta name= "author" content="Sophia">
    <meta charset="UTF-8">
    <title>Description</title>

    <link rel="stylesheet" href="style.css">

</head>

<!--Barre d'outils-->


<body>
    <header>
    <div class="Accueil">
        <div>
<div class="flex-container">
<div class="flex-item"><li><a href="index.html"> <font size=5> <FONT color="white">{ Accueil }</FONT></FONT></a></li></div>
<div class="flex-item"><li><a href="desc.html"><font size=5><FONT color="white">{ Description }</FONT></FONT></a></li></div>
<div class="flex-item"><li><a href="piano.html"><font size=5><FONT color="white">{ Jeu } </FONT></FONT></a></li></div>
<div class="flex-item"><li><a href="detail.html"><font size=5><FONT color="white">{ Details } </FONT></FONT></a></li></div>
<div class="flex-item"><li><a href="plus.html"><font size=5><FONT color="white">{ Plus } </FONT></FONT></a></li></div>

    </div>
</header>

<section>

   <center><i><font size=9> Description </span></font></i></center>

</section>


<p><center> musique de fond : Gymnopédie n°1 par Erik Satie</center><p>

      <!--Tableau pour le cahier des charges-->

  <h2><center><b> cahier des charges </b></center></h2>
<table cellpadding="8" border='2' bordercolor="grey" align="center"> <!--style du tableau-->

                <tr><th>Piano</th>  <th>Site</th></tr>
<tr><td>doté d'un interface graphique</td>  <td>Création de page du site </td></tr>
<tr><td>faire un son différent selon la touche appuié</td>  <td>Inclure une décoration, musique</td></tr>
<tr><td>indiqué la note jouée lorsqu'elle est appuyée</td>  <td></td></tr>
<tr><td>avoir un effet (changement de couleur) quand une touche est appuyée</td>  <td>-</td></tr>
</table>



<!--Tableau pour la répartition des tâches-->

<h2><center><b> Répartition des tâches </b></center></h2>
<table cellpadding="8" border='2' bordercolor="grey" align="center">

              <tr><th>Sophia</th>  <th>Assia</th></tr>

<tr><td>Mis en place d'une musique de fond , Ajout des gifs en décoration</td> <td>La partie Javascript</td></tr>

    <tr><td>Crée le piano graphiquement</td>              <td>CSS </td></tr>

    <tr><td>Faire disparaitre et afficher les audios</td> <td>La page detail,plus et piano </td></tr>

    <tr><td>Inclure un fichier pour télécharger les éléments nécessaires</td>  <td>Création de fonctions </td></tr>

    <tr><td>La page accueil ,description et piano </td>  <td>Lié les sons audio aux touches</td></tr>

    <tr><td>CSS</td> <td></td></tr>


</table>

<p><center>Notre projet est de crée un piano dans lequel l'utilisateur va pouvoir jouer au piano. Lorsqu'il clique sur une touche du piano avec le clavier ou la souris un son se lancera. Le but est de relaxer l'utilisateur ou bien le divertir lorsqu'il aura envie.</p></center>
    



<!--L'audio en fond-->
<iframe height="0" width="0" src="fond.mp3"frameborder="0"allowfullscreen</iframe>


</body>

</html>