7 files changed, 139 insertions, 0 deletions
diff --git a/sem_3/SiteWeb/tp1/Thumbs.db b/sem_3/SiteWeb/tp1/Thumbs.db
new file mode 100644
index 0000000..8442228
--- /dev/null
+++ b/sem_3/SiteWeb/tp1/Thumbs.db
diff --git a/sem_3/SiteWeb/tp1/index.html b/sem_3/SiteWeb/tp1/index.html
new file mode 100644
index 0000000..12209d4
--- /dev/null
+++ b/sem_3/SiteWeb/tp1/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <meta charset="utf-8">
+  <title>Gaspard Coulet</title>
+  <link rel="stylesheet" href="../style.css">
+</head>
+<body>
+  <h1 id="titre"> TP1</h1>
+  <div class="Cadre">
+    <a class="lientp1" href="../index.html"><img class="image" alt="Image de l'acceuil" src="../photo.png">Acceuil</a>
+    <a class="lientp1" href="./pp.html" target = "_blank"><img class="image" alt="Image du premer site web realisé en TP1" src="../photo1.png">Site 1</a>
+    <a class="lientp1" href="./table.html" target = "_blank"><img class="image" src="./phototable.png" alt="Image du second site web realisé en TP1">Site tableau</a>
+  </div>
+  <div class="Cadre">
+    <h2> Notes et réponses aux questions :</h2><p>La commande tree affiche l'arborescence des fichiers du repertoire courant ( récursif ), avec le parametre
+      a, affiche aussi les fichiers cachés, avec le parametre d, affiche seulement les dossiers.</p>
+      <p>
+        La commande cd permet de se deplacer dans le systeme de fichier.
+        ".." est un raccourci pour acceder au repertoire parent dans l'arborescence.
+        Le parametre a de la commande ls permet d'afficher les fichiers cachés.
+      </p><p>
+        "for lettre in {a..e}; do for annee in {2010..2015}; do mkdir "archive-$lettre-$annee" ; done; done"
+        créée 25 dossiers nommés selon le type "archive-a-2010" jusqu'à "archive-e-2015".
+      </p><p>
+        Afin de trouver un fichier commencant par la lettre a et ne comprenant pas la lettre e, on utilisera la
+        commande : " ls | grep ^a | grep -v e"
+      </p><p>
+        Dans la commande "ls -a | more " affiche le contenu du repertoire courant ( fichier cachés compris )
+        de maniere a le lire ligne par ligne, c'est a ce derniers effet qu'est utile la seconde partie de la commande.
+      </p><p>
+        Dans un fichier html, la casse n'a aucune importance, le contenu de la balise title est en fait le titre de
+        l'onglet, les balises br sont des retours à la ligne, !... sont des commentaires, le &copy; est le symbole
+        copyright, la suppression des balises fermantes html, body et head n'a aucune influence sur l'affichage de la page.</p><p>
+          La suppression des balises ouvrantes n'a pas plus d'effet.
+          En retirant la balise fermante h2, tout le texte suivant dans la page s'affiche comme le texte originellement
+          present entre les deux balises. Par ailleurs, en modifiant les dimensions de la fenetre, on remarque que
+          la page se reorganise dynamiquement.</p>
+
+        </p></div>
+        <footer> <p> Par : Gaspard Coulet</p><p> Contact : <a href="mailto:gaspard.coulet@etu.umontpellier.fr"> gaspard.coulet@etu.umontpellier.fr</p></footer>
+        </body>
+        </html>
diff --git a/sem_3/SiteWeb/tp1/photo1.jpg b/sem_3/SiteWeb/tp1/photo1.jpg
new file mode 100644
index 0000000..fde363f
--- /dev/null
+++ b/sem_3/SiteWeb/tp1/photo1.jpg
diff --git a/sem_3/SiteWeb/tp1/photo2.jpg b/sem_3/SiteWeb/tp1/photo2.jpg
new file mode 100644
index 0000000..4bc54ba
--- /dev/null
+++ b/sem_3/SiteWeb/tp1/photo2.jpg
diff --git a/sem_3/SiteWeb/tp1/phototable.png b/sem_3/SiteWeb/tp1/phototable.png
new file mode 100644
index 0000000..4d84ed9
--- /dev/null
+++ b/sem_3/SiteWeb/tp1/phototable.png
diff --git a/sem_3/SiteWeb/tp1/pp.html b/sem_3/SiteWeb/tp1/pp.html
new file mode 100644
index 0000000..0320eae
--- /dev/null
+++ b/sem_3/SiteWeb/tp1/pp.html
@@ -0,0 +1,47 @@
+<html>
+ <head>
+<title>Ceci est un test d'HLSE305 </title>
+</head>
+
+<body bgcolor="000000" text="FFFFFF">
+<h2>Page Personnelle</h2>
+<ul>
+<li><a href="#p1"> Partie 1 </a></li>
+<li><a href="#p2"> Partie 2 </a></li>
+<li><a href="#p3"> Partie 3 </a></li>
+<li><a href="#p4"> Partie 4 </a></li>
+<li><a href="#p5"> Partie 5 </a></li>
+</ul>
+
+<p> Pour le site de la fac, <a href="http://www.umontpellier.fr/"> Cliquez ici</a></p>
+<p> Pour m'envoyer un mail, <a href="mailto:gaspard.coulet@etu.umontpellier.fr"> Cliquez ici</a></p>
+<p> <a name="p1">
+Titre Principal  
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus accumsan ultrices scelerisque. Integer laoreet aliquam nulla, ut lacinia enim tincidunt eu. Vestibulum egestas ligula turpis, et feugiat mi finibus id. Nunc ipsum lacus, finibus varius interdum consequat, vulputate sit amet nulla. Aliquam quis gravida sem. Sed elementum, nunc sed dictum consequat, dui nunc tempor velit, vel accumsan <a href="https://www.flickr.com/"><img src='./photo1.jpg' align="right" width="236" height="156" border="2"> </a>ex felis sed ipsum. Integer semper orci erat, vel pharetra ante sagittis nec. Proin volutpat interdum mi, sit amet suscipit ex mattis vitae. Nullam suscipit eget velit in ultrices. In pellentesque at lorem eu finibus. In vulputate egestas lorem, quis commodo nisl iaculis at. Aenean at velit mattis, volutpat tellus et, luctus lectus. Cras bibendum et nunc rutrum tincidunt.
+</p>
+
+<p> <a name="p2">
+Titre secondaire  
+In quis egestas metus, nec malesuada orci. Quisque ac tempor odio. Pellentesque convallis malesuada bibendum. Aenean imperdiet rutrum ultricies. In leo urna, auctor vel elit quis, accumsan convallis augue. Maecenas non turpis lacinia, <em>malesuada dolor a</em>, imperdiet purus. Suspendisse condimentum tortor at consequat malesuada.
+</p>
+<p> <a name="p3">
+Titre secondaire 
+Quisque gravida dictum sagittis. Phasellus laoreet tellus ligula, fermentum porta dolor lobortis ac. Vestibulum eget porttitor magna. Duis lobortis mauris et justo pretium, laoreet viverra lorem pulvinar. Aenean sagittis ultrices fermentum. In hac habitasse platea dictumst. <strong>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sit amet nisi non lorem hendrerit dictum. Aenean tincidunt erat ac lacus commodo interdum sit amet et magna</strong>. Aenean eu nulla accumsan, vestibulum neque id, tincidunt velit. Aenean vel mi ipsum. Integer in augue justo. Aenean bibendum dignissim ligula. Suspendisse diam nisl, tincidunt vel nibh nec, tincidunt venenatis arcu.
+</p>
+
+<p> <a name="p4">
+Titre secondaire 
+Nulla nec lorem vel felis finibus imperdiet. Donec congue eleifend quam, a pretium libero sagittis a. Donec vel libero vel risus dictum rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eros arcu, dignissim quis tellus vitae, cursus viverra metus. Duis efficitur, turpis nec rutrum fringilla, lacus sem viverra massa, a faucibus lectus diam non sapien. Nullam eget neque efficitur est tincidunt mattis eget at lacus. Duis eleifend eros neque, ac feugiat felis sodales nec. Aenean vitae nisi vulputate, malesuada velit eu, sagittis libero. Etiam volutpat vulputate quam ut tempus. Ut nec tempor dui.
+</p>
+
+<p> <a name="p5">
+Titre secondaire 
+Cras vitae neque sapien. Ut lobortis ligula ac aliquam sagittis. Aliquam quis porttitor risus. Duis faucibus varius tellus, in tincidunt ipsum auctor a. Ut condimentum magna at dui faucibus, quis congue ipsum suscipit. Nam vitae suscipit erat, id maximus mauris. Etiam sollicitudin nunc justo, elementum porta elit dapibus id. Nullam nibh elit, fringilla eu nulla vitae, tincidunt posuere ex. Morbi congue elit id ligula accumsan blandit. Integer cursus vitae neque at sodales. Aenean quis ante magna. Mauris accumsan commodo purus, ac bibendum erat tempus quis. Mauris facilisis volutpat tellus, id volutpat lectus feugiat nec. <a href="https://www.flickr.com/"><img src="./photo2.jpg" align="bottom" width="400" height="265" border="2"></a>
+</p>
+
+ <p>[<stong>NH</strong><sub>4</sub>]<sup>+</sup></p>
+<p> Page Compos�e par <cite>moi-m�me</cite>.<br/>
+<p>
+Vous pouvez m'�crire � cette adresse.</p> 
+<h6>&copy;2015</h6>
+</body></html>
diff --git a/sem_3/SiteWeb/tp1/table.html b/sem_3/SiteWeb/tp1/table.html
new file mode 100644
index 0000000..da726d2
--- /dev/null
+++ b/sem_3/SiteWeb/tp1/table.html
@@ -0,0 +1,49 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+</head>
+<body>
+
+ 
+<table bgcolor="wheat" bordercolor="#494949" border="3" align="center">
+<tr>
+<th colspan="2" rowspan="3">&nbsp</th>
+</tr>
+
+<tr>
+<th colspan="2">Preferences</th>
+</tr>
+<tr>
+<th> Kumquats frais </th>
+<th> Kumquats au sirop </th>
+</tr>
+<tr>
+<th rowspan="5" > Sexe </th> </tr>
+<tr>
+<td> Hommes de moins de 18 ans</td>
+<td>45% </td>
+<td> 55%</td>
+</tr>
+
+<tr>
+<td> Hommes de plus de 18 ans</td>
+<td>51% </td>
+<td>49% </td>
+</tr>
+
+<tr>
+<td>Femmes de moins de 18 ans </td>
+<td>56% </td>
+<td>44% </td>
+</tr>
+
+<tr>
+<td> Femmes de plus de 18 ans</td>
+<td>63% </td>
+<td> 37%</td>
+</tr>
+
+
+</table>
+
+</body>