diff --git a/sequences/web/decodage.pdf b/sequences/web/decodage.pdf
new file mode 100644
index 0000000..bb8bcf2
Binary files /dev/null and b/sequences/web/decodage.pdf differ
diff --git a/sequences/web/extrait_1.mp3 b/sequences/web/extrait_1.mp3
new file mode 100644
index 0000000..b4adaed
Binary files /dev/null and b/sequences/web/extrait_1.mp3 differ
diff --git a/sequences/web/extrait_2.mp3 b/sequences/web/extrait_2.mp3
new file mode 100644
index 0000000..ff72727
Binary files /dev/null and b/sequences/web/extrait_2.mp3 differ
diff --git a/sequences/web/tp/1/images/background-h1-wide.jpg b/sequences/web/tp/1/images/background-h1-wide.jpg
new file mode 100644
index 0000000..6c9ce19
Binary files /dev/null and b/sequences/web/tp/1/images/background-h1-wide.jpg differ
diff --git a/sequences/web/tp/1/images/background-h1-wood.jpg b/sequences/web/tp/1/images/background-h1-wood.jpg
new file mode 100644
index 0000000..a77b45a
Binary files /dev/null and b/sequences/web/tp/1/images/background-h1-wood.jpg differ
diff --git a/sequences/web/tp/1/images/grandsNoms/Alan_Turing.jpg b/sequences/web/tp/1/images/grandsNoms/Alan_Turing.jpg
new file mode 100644
index 0000000..9113dfe
Binary files /dev/null and b/sequences/web/tp/1/images/grandsNoms/Alan_Turing.jpg differ
diff --git a/sequences/web/tp/1/images/grandsNoms/JohnvonNeumann.jpg b/sequences/web/tp/1/images/grandsNoms/JohnvonNeumann.jpg
new file mode 100644
index 0000000..f3ff8f5
Binary files /dev/null and b/sequences/web/tp/1/images/grandsNoms/JohnvonNeumann.jpg differ
diff --git a/sequences/web/tp/1/images/grandsNoms/dennis_ritchie.jpg b/sequences/web/tp/1/images/grandsNoms/dennis_ritchie.jpg
new file mode 100644
index 0000000..9878d7b
Binary files /dev/null and b/sequences/web/tp/1/images/grandsNoms/dennis_ritchie.jpg differ
diff --git a/sequences/web/tp/1/images/grandsNoms/graceHopper.jpg b/sequences/web/tp/1/images/grandsNoms/graceHopper.jpg
new file mode 100644
index 0000000..99f0870
Binary files /dev/null and b/sequences/web/tp/1/images/grandsNoms/graceHopper.jpg differ
diff --git a/sequences/web/tp/1/images/grandsNoms/linus-torvalds-osdl.jpg b/sequences/web/tp/1/images/grandsNoms/linus-torvalds-osdl.jpg
new file mode 100644
index 0000000..32fb636
Binary files /dev/null and b/sequences/web/tp/1/images/grandsNoms/linus-torvalds-osdl.jpg differ
diff --git a/sequences/web/tp/1/images/grandsNoms/stallman.jpg b/sequences/web/tp/1/images/grandsNoms/stallman.jpg
new file mode 100644
index 0000000..90c2018
Binary files /dev/null and b/sequences/web/tp/1/images/grandsNoms/stallman.jpg differ
diff --git a/sequences/web/tp/1/images/grandsNoms/tim-berners-lee.jpg b/sequences/web/tp/1/images/grandsNoms/tim-berners-lee.jpg
new file mode 100644
index 0000000..9128d44
Binary files /dev/null and b/sequences/web/tp/1/images/grandsNoms/tim-berners-lee.jpg differ
diff --git a/sequences/web/index.html b/sequences/web/tp/1/index.html
similarity index 100%
rename from sequences/web/index.html
rename to sequences/web/tp/1/index.html
diff --git a/sequences/web/tp/1/style.css b/sequences/web/tp/1/style.css
new file mode 100644
index 0000000..6f5cd45
--- /dev/null
+++ b/sequences/web/tp/1/style.css
@@ -0,0 +1,55 @@
+h1
+{
+  font-size: 32px;
+  text-shadow: -1px -1px #0c0, 1px 1px #060, -3px 0 4px #000;
+  font-family:Arial, Helvetica, sans-serif;
+  color: #090;
+  padding:16px;
+  font-weight:lighter;
+  -moz-box-shadow: 2px 2px 6px #888;  
+  -webkit-box-shadow: 2px 2px 6px #888;  
+  box-shadow:2px 2px 6px #888;  
+  text-align:center;
+  display:block;
+  margin:16px;
+  background-color: #76d7c4;  
+}
+
+#banniere
+{
+  font-size: 48px;
+  text-shadow: -1px -1px #9df, 1px 1px #49d, -3px 0 4px #000;
+  font-family:"Segoe print", Arial, Helvetica, sans-serif;
+  color:#6bf;
+  padding:24px 32px 32px 32px;
+  font-weight:lighter;
+  -moz-box-shadow: 2px 2px 6px #888;  
+  -webkit-box-shadow: 2px 2px 6px #888;  
+  box-shadow:2px 2px 6px #888;  
+  text-align:center;
+  display:block;
+  line-height:150px;
+  background-image:url(images/background-h1-wide.jpg);
+}
+
+/* faire le choix de la couleur en HTML : http://htmlcolorcodes.com/fr/*/
+body{
+   background-color: #f7f9f9;
+}
+
+
+table tr:nth-child(odd) td
+{
+  background-color: #E8E8FF;
+}
+
+h2, h3 {
+  background-color: gray;
+  color: navy;
+  radius-border : 5px;
+}
+
+ul,ol{
+    background-color:  #1abc9c;
+	display : table;
+}
\ No newline at end of file
diff --git a/sequences/web/tp/1_Introduction.pdf b/sequences/web/tp/1_Introduction.pdf
new file mode 100644
index 0000000..bd24e3c
Binary files /dev/null and b/sequences/web/tp/1_Introduction.pdf differ