From 9fe033ea88c2f705ec18c232873d056e0c229d72 Mon Sep 17 00:00:00 2001 From: Gaspard Coulet Date: Wed, 28 Apr 2021 23:05:53 +0200 Subject: Initial commit --- sem_3/SiteWeb/index.html | 21 +++++++ sem_3/SiteWeb/photo.png | Bin 0 -> 223287 bytes sem_3/SiteWeb/photo1.png | Bin 0 -> 603401 bytes sem_3/SiteWeb/photo2.png | Bin 0 -> 350476 bytes sem_3/SiteWeb/photo3.png | Bin 0 -> 1404244 bytes sem_3/SiteWeb/photo4.png | Bin 0 -> 16744 bytes sem_3/SiteWeb/photo5.jpg | Bin 0 -> 345689 bytes sem_3/SiteWeb/photo5.png | Bin 0 -> 1972709 bytes sem_3/SiteWeb/style.css | 103 +++++++++++++++++++++++++++++++++++ sem_3/SiteWeb/tp1/Thumbs.db | Bin 0 -> 15872 bytes sem_3/SiteWeb/tp1/index.html | 43 +++++++++++++++ sem_3/SiteWeb/tp1/photo1.jpg | Bin 0 -> 85333 bytes sem_3/SiteWeb/tp1/photo2.jpg | Bin 0 -> 480093 bytes sem_3/SiteWeb/tp1/phototable.png | Bin 0 -> 19646 bytes sem_3/SiteWeb/tp1/pp.html | 47 ++++++++++++++++ sem_3/SiteWeb/tp1/table.html | 49 +++++++++++++++++ sem_3/SiteWeb/tp2/ImageCassoulet.jpg | Bin 0 -> 124856 bytes sem_3/SiteWeb/tp2/Thumbs.db | Bin 0 -> 11264 bytes sem_3/SiteWeb/tp2/base.css | 21 +++++++ sem_3/SiteWeb/tp2/base.html | 84 ++++++++++++++++++++++++++++ sem_3/SiteWeb/tp2/cassoulet.css | 35 ++++++++++++ sem_3/SiteWeb/tp2/cassoulet.html | 84 ++++++++++++++++++++++++++++ sem_3/SiteWeb/tp2/cassoulet.jpg | Bin 0 -> 12685 bytes sem_3/SiteWeb/tp2/index.html | 65 ++++++++++++++++++++++ sem_3/SiteWeb/tp2/photobase.png | Bin 0 -> 172619 bytes sem_3/SiteWeb/tp3/index.html | 25 +++++++++ sem_3/SiteWeb/tp3/texte.tar | Bin 0 -> 61440 bytes sem_3/SiteWeb/tp4/calc.tar | Bin 0 -> 102400 bytes sem_3/SiteWeb/tp4/index.html | 17 ++++++ sem_3/SiteWeb/tp5/exo1.odp | Bin 0 -> 3125950 bytes sem_3/SiteWeb/tp5/index.html | 21 +++++++ 31 files changed, 615 insertions(+) create mode 100644 sem_3/SiteWeb/index.html create mode 100644 sem_3/SiteWeb/photo.png create mode 100644 sem_3/SiteWeb/photo1.png create mode 100644 sem_3/SiteWeb/photo2.png create mode 100644 sem_3/SiteWeb/photo3.png create mode 100644 sem_3/SiteWeb/photo4.png create mode 100644 sem_3/SiteWeb/photo5.jpg create mode 100644 sem_3/SiteWeb/photo5.png create mode 100644 sem_3/SiteWeb/style.css create mode 100644 sem_3/SiteWeb/tp1/Thumbs.db create mode 100644 sem_3/SiteWeb/tp1/index.html create mode 100644 sem_3/SiteWeb/tp1/photo1.jpg create mode 100644 sem_3/SiteWeb/tp1/photo2.jpg create mode 100644 sem_3/SiteWeb/tp1/phototable.png create mode 100644 sem_3/SiteWeb/tp1/pp.html create mode 100644 sem_3/SiteWeb/tp1/table.html create mode 100644 sem_3/SiteWeb/tp2/ImageCassoulet.jpg create mode 100644 sem_3/SiteWeb/tp2/Thumbs.db create mode 100644 sem_3/SiteWeb/tp2/base.css create mode 100644 sem_3/SiteWeb/tp2/base.html create mode 100644 sem_3/SiteWeb/tp2/cassoulet.css create mode 100644 sem_3/SiteWeb/tp2/cassoulet.html create mode 100644 sem_3/SiteWeb/tp2/cassoulet.jpg create mode 100644 sem_3/SiteWeb/tp2/index.html create mode 100644 sem_3/SiteWeb/tp2/photobase.png create mode 100644 sem_3/SiteWeb/tp3/index.html create mode 100644 sem_3/SiteWeb/tp3/texte.tar create mode 100644 sem_3/SiteWeb/tp4/calc.tar create mode 100644 sem_3/SiteWeb/tp4/index.html create mode 100644 sem_3/SiteWeb/tp5/exo1.odp create mode 100644 sem_3/SiteWeb/tp5/index.html (limited to 'sem_3/SiteWeb') diff --git a/sem_3/SiteWeb/index.html b/sem_3/SiteWeb/index.html new file mode 100644 index 0000000..370365f --- /dev/null +++ b/sem_3/SiteWeb/index.html @@ -0,0 +1,21 @@ + + + + + + Gaspard Coulet + + + +

Site Web réalisé dans le cadre de l'enseignement de culture generale
outils de base en informatique

+
+ Image du premer site web realisé en TPTP1 + Image du second site web realisé en TPTP2 + Image d'une des page traitement de texte realisées en TPTP3 + Image des classeurs realisés en TPTP4 + Image du diapo realisée en TPTP5 +
+

+ + + diff --git a/sem_3/SiteWeb/photo.png b/sem_3/SiteWeb/photo.png new file mode 100644 index 0000000..8ed1b43 Binary files /dev/null and b/sem_3/SiteWeb/photo.png differ diff --git a/sem_3/SiteWeb/photo1.png b/sem_3/SiteWeb/photo1.png new file mode 100644 index 0000000..394fd84 Binary files /dev/null and b/sem_3/SiteWeb/photo1.png differ diff --git a/sem_3/SiteWeb/photo2.png b/sem_3/SiteWeb/photo2.png new file mode 100644 index 0000000..87fdde8 Binary files /dev/null and b/sem_3/SiteWeb/photo2.png differ diff --git a/sem_3/SiteWeb/photo3.png b/sem_3/SiteWeb/photo3.png new file mode 100644 index 0000000..ddfefb7 Binary files /dev/null and b/sem_3/SiteWeb/photo3.png differ diff --git a/sem_3/SiteWeb/photo4.png b/sem_3/SiteWeb/photo4.png new file mode 100644 index 0000000..9bdcfa9 Binary files /dev/null and b/sem_3/SiteWeb/photo4.png differ diff --git a/sem_3/SiteWeb/photo5.jpg b/sem_3/SiteWeb/photo5.jpg new file mode 100644 index 0000000..53695c3 Binary files /dev/null and b/sem_3/SiteWeb/photo5.jpg differ diff --git a/sem_3/SiteWeb/photo5.png b/sem_3/SiteWeb/photo5.png new file mode 100644 index 0000000..21c1261 Binary files /dev/null and b/sem_3/SiteWeb/photo5.png differ diff --git a/sem_3/SiteWeb/style.css b/sem_3/SiteWeb/style.css new file mode 100644 index 0000000..afef246 --- /dev/null +++ b/sem_3/SiteWeb/style.css @@ -0,0 +1,103 @@ +html{ + height: 100%; +} +body { + background-color: rgb(100, 100, 100); + position: relative; + height: 100%; +} +.Cadre { + background-color: rgb(50,50,50); + border-radius: 10px; + width:75%; + text-align:left; + margin:auto; + margin-top: 2%; + padding:1% 1% 1% 1%; + color:White; +} +.image { + width: 97%; + margin-top : 2%; +} +footer { + text-align:left; + position: absolute; + color:White; + left:0; + width: 99.5%; + margin-top:2%; + background-color: rgb(30,30,30); + border-radius:10px; + padding-left:1%; +} +.lien { + display: inline-block; + width: 17%; + height: 98%; + text-align: center; + padding: auto; + margin: 1% 1% 1% 1%; + background-color: rgb(30,30,30); + border-radius: 5px; +} +.lientp1 { + display: inline-block; + width: 30%; + height: 98%; + text-align: center; + padding: auto; + margin: 1% 1% 1% 1%; + background-color: rgb(30,30,30); + border-radius: 5px; +} +.lientp2 { + display: inline-block; + width: 30%; + height: 98%; + text-align: center; + padding: auto; + margin: 1% 1% 1% 1%; + background-color: rgb(30,30,30); + border-radius: 5px; +} +.lientp3 { + display: inline-block; + width: 47%; + height: 98%; + text-align: center; + padding: auto; + margin: 1% 1% 1% 1%; + background-color: rgb(30,30,30); + border-radius: 5px; +} +.lientp4 { + display: inline-block; + width: 47%; + height: 98%; + text-align: center; + padding: auto; + margin: 1% 1% 1% 1%; + background-color: rgb(30,30,30); + border-radius: 5px; +} +.lientp5 { + display: inline-block; + width: 30%; + height: 98%; + text-align: center; + padding: auto; + margin: 1% 1% 1% 1%; + background-color: rgb(30,30,30); + border-radius: 5px; +} +#titre { + background-color:rgb(80,80,80); + border-radius: 10px; + margin:auto; + padding:1% 1% 1% 1%; + text-align: center; + width:66%; + color: White; + text-decoration:underline; +} diff --git a/sem_3/SiteWeb/tp1/Thumbs.db b/sem_3/SiteWeb/tp1/Thumbs.db new file mode 100644 index 0000000..8442228 Binary files /dev/null and b/sem_3/SiteWeb/tp1/Thumbs.db differ 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 @@ + + + + + Gaspard Coulet + + + +

TP1

+
+ Image de l'acceuilAcceuil + Image du premer site web realisé en TP1Site 1 + Image du second site web realisé en TP1Site tableau +
+
+

Notes et réponses aux questions :

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.

+

+ 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. +

+ "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". +

+ 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" +

+ 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. +

+ 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 © est le symbole + copyright, la suppression des balises fermantes html, body et head n'a aucune influence sur l'affichage de la page.

+ 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.

+ +

+ + + diff --git a/sem_3/SiteWeb/tp1/photo1.jpg b/sem_3/SiteWeb/tp1/photo1.jpg new file mode 100644 index 0000000..fde363f Binary files /dev/null and b/sem_3/SiteWeb/tp1/photo1.jpg differ diff --git a/sem_3/SiteWeb/tp1/photo2.jpg b/sem_3/SiteWeb/tp1/photo2.jpg new file mode 100644 index 0000000..4bc54ba Binary files /dev/null and b/sem_3/SiteWeb/tp1/photo2.jpg differ diff --git a/sem_3/SiteWeb/tp1/phototable.png b/sem_3/SiteWeb/tp1/phototable.png new file mode 100644 index 0000000..4d84ed9 Binary files /dev/null and b/sem_3/SiteWeb/tp1/phototable.png differ 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 @@ + + +Ceci est un test d'HLSE305 + + + +

Page Personnelle

+ + +

Pour le site de la fac, Cliquez ici

+

Pour m'envoyer un mail, Cliquez ici

+

+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 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. +

+ +

+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, malesuada dolor a, imperdiet purus. Suspendisse condimentum tortor at consequat malesuada. +

+

+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. 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. 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. +

+ +

+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. +

+ +

+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. +

+ +

[NH4]+

+

Page Composée par moi-même.
+

+Vous pouvez m'écrire à cette adresse.

+
©2015
+ 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 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
 
Preferences
Kumquats frais Kumquats au sirop
Sexe
Hommes de moins de 18 ans45% 55%
Hommes de plus de 18 ans51% 49%
Femmes de moins de 18 ans 56% 44%
Femmes de plus de 18 ans63% 37%
+ + diff --git a/sem_3/SiteWeb/tp2/ImageCassoulet.jpg b/sem_3/SiteWeb/tp2/ImageCassoulet.jpg new file mode 100644 index 0000000..5dcc385 Binary files /dev/null and b/sem_3/SiteWeb/tp2/ImageCassoulet.jpg differ diff --git a/sem_3/SiteWeb/tp2/Thumbs.db b/sem_3/SiteWeb/tp2/Thumbs.db new file mode 100644 index 0000000..3088411 Binary files /dev/null and b/sem_3/SiteWeb/tp2/Thumbs.db differ diff --git a/sem_3/SiteWeb/tp2/base.css b/sem_3/SiteWeb/tp2/base.css new file mode 100644 index 0000000..dbfc7f4 --- /dev/null +++ b/sem_3/SiteWeb/tp2/base.css @@ -0,0 +1,21 @@ +body { + background-color:dimgray; +} +div.div1 { + background-color: #FF0000; + padding: 3px 5px 3px 5px; +} +div.div2 { + background-color: #00FF00; + padding: 3px 5px 3px 5px; +} +div.div3 { + background-color: #0000FF; + padding: 3px 5px 3px 5px; + border-style:solid; + border-width:2px; +} +div.div4 { + background-color: #007777; + padding: 3px 5px 3px 5px; +} diff --git a/sem_3/SiteWeb/tp2/base.html b/sem_3/SiteWeb/tp2/base.html new file mode 100644 index 0000000..9c49eff --- /dev/null +++ b/sem_3/SiteWeb/tp2/base.html @@ -0,0 +1,84 @@ + + + + + +

+ I
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem +accusantium doloremque laudantium, +totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et +quasi architecto beatae vitae dicta sunt explicabo. + Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut +fugit, sed quia consequuntur magni dolores +eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, +qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, + sed quia non numquam eius modi tempora incidunt ut labore et dolore +magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, +quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi +ut aliquid ex ea commodi consequatur? Quis autem vel eum iure + reprehenderit qui in ea voluptate velit esse quam nihil molestiae +consequatur, vel illum qui dolorem eum +fugiat quo voluptas nulla pariatur?

+
+ + +

+ II
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem +accusantium doloremque laudantium, +totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et +quasi architecto beatae vitae dicta sunt explicabo. + Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut +fugit, sed quia consequuntur magni dolores +eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, +qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, + sed quia non numquam eius modi tempora incidunt ut labore et dolore +magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, +quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi +ut aliquid ex ea commodi consequatur? Quis autem vel eum iure + reprehenderit qui in ea voluptate velit esse quam nihil molestiae +consequatur, vel illum qui dolorem eum +fugiat quo voluptas nulla pariatur?

+
+ +

+ III
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem +accusantium doloremque laudantium, +totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et +quasi architecto beatae vitae dicta sunt explicabo. + Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut +fugit, sed quia consequuntur magni dolores +eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, +qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, + sed quia non numquam eius modi tempora incidunt ut labore et dolore +magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, +quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi +ut aliquid ex ea commodi consequatur? Quis autem vel eum iure + reprehenderit qui in ea voluptate velit esse quam nihil molestiae +consequatur, vel illum qui dolorem eum +fugiat quo voluptas nulla pariatur?

+
+ +

+ IV
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem +accusantium doloremque laudantium, +totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et +quasi architecto beatae vitae dicta sunt explicabo. + Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut +fugit, sed quia consequuntur magni dolores +eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, +qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, + sed quia non numquam eius modi tempora incidunt ut labore et dolore +magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, +quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi +ut aliquid ex ea commodi consequatur? Quis autem vel eum iure + reprehenderit qui in ea voluptate velit esse quam nihil molestiae +consequatur, vel illum qui dolorem eum +fugiat quo voluptas nulla pariatur?

+
+ + + diff --git a/sem_3/SiteWeb/tp2/cassoulet.css b/sem_3/SiteWeb/tp2/cassoulet.css new file mode 100644 index 0000000..1c9c1a6 --- /dev/null +++ b/sem_3/SiteWeb/tp2/cassoulet.css @@ -0,0 +1,35 @@ +body { + background-color: #d3d3d3; +} + +ul { + background-color: #f5deb4; +} + +img { + float:right; +} + +table { + background-color: #ffa301; + margin-left: 33%; +} + +table tr th { + background-color: #fffe00; +} + +table caption { + background-color: #ffa301; +} + +li a { + color: darkgreen; +} + +p.note { + background-color: yellow; + margin-left:60px; + margin-right:60px; + font-size:x-small; +} diff --git a/sem_3/SiteWeb/tp2/cassoulet.html b/sem_3/SiteWeb/tp2/cassoulet.html new file mode 100644 index 0000000..821b788 --- /dev/null +++ b/sem_3/SiteWeb/tp2/cassoulet.html @@ -0,0 +1,84 @@ + + + + + + + +

+ + + +

Cassoulet de Castelnaudary

+ +Pour 8 personnes - temps de cuisson 4h + + + +

+ +

+ +Dans grand pot faire revenir avec du saindoux les tomates et la +poitrine de porc coupées en dés ainsi que les carottes +émincées. Déposer les haricots sur le roux + (tous les éléments au-dessus) dans le même pot, couvrir avec deux + litres d'eau, ajouter le bouquet garni, + l'ail, les oignons, les couennes, les jarrets dessalés et la + viande. Laisser mijoter deux heures à feu doux. +

+ +

+Verser le tout dans une "cassole*", +ou un plat en terre creux et profond. Repartir la viande et adjoindre +le saucisson à l'ai coupé en tranches épaisses. +

+ +

+Poser le plat dans un four très doux. Quand il est recouverte d'une + croûte dorée, appuyer + avec une spatule pour qu'elle s'enfonce dans les haricots + (recommencer six fois pendant + tout le cuisson). Cuire au four pour au moins deux heures. Cette + longue et minutieuse + préparation est essentielle pour la réussite d'un excellent + cassoulet. +

+ +

+ *Une "cassole" est un pot en terre d' Issel dans laquelle on peut + mijoter et dorer. C'est l'origine du terme cassoulet. + +

+ +

+ + + + + + + + + + + + + +
+L'apport nutritionnel du cassoulet pour 100g
GlucidesLipidesProtides
45g30g25g
+ + diff --git a/sem_3/SiteWeb/tp2/cassoulet.jpg b/sem_3/SiteWeb/tp2/cassoulet.jpg new file mode 100644 index 0000000..f8a312d Binary files /dev/null and b/sem_3/SiteWeb/tp2/cassoulet.jpg differ diff --git a/sem_3/SiteWeb/tp2/index.html b/sem_3/SiteWeb/tp2/index.html new file mode 100644 index 0000000..3f1c656 --- /dev/null +++ b/sem_3/SiteWeb/tp2/index.html @@ -0,0 +1,65 @@ + + + + + Gaspard Coulet + + + +

TP2

+
+ Image de l'acceuilAcceuil + Image du premer site web realisé en TP2Site Base + Image du second site web realisé en TP2Site Cassoulet +
+
+

Notes et réponses aux questions :

+ Par défaut, une div html occupe de l'espace en fonction de son contenu, en l'occurence, la largeur est de + 100% de la page, et la hauteur est relative au nombre de ligne.

+ + Par défaut il n'y a pas de marge! Le décallage visible est du au padding du conteneur parent : ici body + qui lui a un padding par defaut de 8px, d'ailleurs, la notion de "par défaut" est absurde car elle dépend + du navigateur utilisé.

+ + On remarque que la largeur d'une bordure s'additionne avec le padding de la division. +

+ En placant le texte contenu dans les div dans des balises p, on remarque qu'une marge se créée au dessus + et en dessous du texte, on peut même préciser que cette derniére fait 16 px. +

+ Concernant la durée de vie des support de stockage, il apparait que le support le plus fiable est + le stockage flash.

+ + Parmis la liste de format fourni, seul le .jpg est un format compressé. + + Parmis les formats d'archivage par defaut sur les sessions de la fac, les suivants permettent le verouillage : + .cbz; .ear; .war; .zip; + Ces 4 formats semblent permettre de protéger aussi la liste des fichiers. + + La division en multiples petits fichiers peut permettre une plus grande sécurité lors des transfert par le reseau + ( une instabilitée du reseau risquant de couper le transfert, il est preferable de le faire morceau par + morceau, pour ne pas avoir à tout recommencer. +

+ SAUVEGARDE + Sauvergarde incrementale : + "Méthode de backup se basant sur une sauvegarde complète, elle ne sert à sauvegarder que les fichiers modifiés depuis la dernière sauvegarde. Une sauvegarde incrémentielle copie donc uniquement les fichiers modifiés depuis la dernière sauvegarde complète ou incrémentielle et conserve les différentes versions d'un fichier. + Dès modification du ou des fichiers, l'attribut "archive" est positionné, devient "actif". C'est de cette façon que la sauvegarde incrémentale reconnait les fichiers modifiés pour les sauvegarder en réinitialisant du même coup cet attribut. + . Avantage : Comme une sauvegarde incrémentielle ne sauvegarde que les fichiers modifiés, elle constitue une protection rapide contre la perte de données. Elle nécessite également moins de ressources de stockage. + .Inconvénient : Chaque sauvegarde incrémentielle (entre deux sauvegardes complètes) doit être conservée car chacune d'elles se « construit » à partir de la précédente." + ( reference ) +

+ Synchronisation de supports : visiblement inexistant de google. +

+ Gestion de version ( on est en france, s'il vous plait) : + "Lorsque vous travaillez sur un projet de code, vous allez régulièrement y apporter des modifications, et par moments ces modifications vont provoquer des bugs. Lorsque vous revenez sur votre projet après quelques jours ou même quelques heures, il peut être difficile de vous souvenir des dernières modifications que vous avez effectuées et de retrouver vos repères dans votre code. + Avec un logiciel de versioning comme Git, vous pouvez garder la trace de toutes les modifications faites sur votre code pour pouvoir vous y retrouver à tout moment. À chaque fois que vous faites une série de modifications (créer un fichier, supprimer un fichier, modifier un texte dans un fichier, etc.), vous allez pouvoir enregistrer ces modifs dans un commit." + ( reference ) +

+ Logiciel de sauvegarde incrémentielle : ex : Bacula. + Logiciel de gestion de version : Git. +

+ Exemple de piratage d'information récent : ici +

+
+ + + diff --git a/sem_3/SiteWeb/tp2/photobase.png b/sem_3/SiteWeb/tp2/photobase.png new file mode 100644 index 0000000..6ff1cfa Binary files /dev/null and b/sem_3/SiteWeb/tp2/photobase.png differ diff --git a/sem_3/SiteWeb/tp3/index.html b/sem_3/SiteWeb/tp3/index.html new file mode 100644 index 0000000..219adb4 --- /dev/null +++ b/sem_3/SiteWeb/tp3/index.html @@ -0,0 +1,25 @@ + + + + + Gaspard Coulet + + + +

TP3

+
+ Image de l'acceuilAcceuil + Images d'un fichier traitement de texteTélécharger les odt +
+
+

Notes et réponses aux questions :

+

La touche Inser permet de basculer entre les modes "Insert" et "Overwrite", en Insert, on intercalle un caractere entre deux autres, là ou le mode Overwrite réécrit par dessus un caractère existant.

+

Le retour à la ligne via la touche "enter" simple créée un nouveau paragraphe, tandis que la combinaison "shift+enter" se contente de revenir a la ligne.

+

Un espace insécable entre 2 mots s'assure que le logiciel considère ces deux mots comme un seul, qui ne peut être separé par un retour a la ligne, par exemple.

+

Pour ne pas avoir un "canichene", il faut cocher l'option "mots entiers uniquement"

+

"respecter la casse" signifie respecter le 'taille' ( majuscule, minuscule) des lettres

+

Ancrer une image comme caractère sert à l'intégrer dans le texte comme un caractère

+
+ + + diff --git a/sem_3/SiteWeb/tp3/texte.tar b/sem_3/SiteWeb/tp3/texte.tar new file mode 100644 index 0000000..93630e3 Binary files /dev/null and b/sem_3/SiteWeb/tp3/texte.tar differ diff --git a/sem_3/SiteWeb/tp4/calc.tar b/sem_3/SiteWeb/tp4/calc.tar new file mode 100644 index 0000000..82117dd Binary files /dev/null and b/sem_3/SiteWeb/tp4/calc.tar differ diff --git a/sem_3/SiteWeb/tp4/index.html b/sem_3/SiteWeb/tp4/index.html new file mode 100644 index 0000000..c5f1b8d --- /dev/null +++ b/sem_3/SiteWeb/tp4/index.html @@ -0,0 +1,17 @@ + + + + + Gaspard Coulet + + + +

TP4

+
+ Image de l'acceuilAcceuil + Images d'un des classeurs réaliséTélécharger les ods +
+
+ + + diff --git a/sem_3/SiteWeb/tp5/exo1.odp b/sem_3/SiteWeb/tp5/exo1.odp new file mode 100644 index 0000000..daa852a Binary files /dev/null and b/sem_3/SiteWeb/tp5/exo1.odp differ diff --git a/sem_3/SiteWeb/tp5/index.html b/sem_3/SiteWeb/tp5/index.html new file mode 100644 index 0000000..6f22266 --- /dev/null +++ b/sem_3/SiteWeb/tp5/index.html @@ -0,0 +1,21 @@ + + + + + Gaspard Coulet + + + +

TP5

+
+ Image de l'acceuilAcceuil + Image du diapo canardTélécharger l'odp + Image du diapo perso à realiserTélécharger l'odp +
+

Lorsque l'image est inserée en tant que lien, elle n'est pas copiée, on accede directement a + l'image sur le disque, dans ces conditions si l'image vient a changer de nom, + ou qu'un des dossiers parents de l'image change de nom, le lien est rompu. +

+ + + -- cgit v1.2.3