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/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 9 files changed, 289 insertions(+) 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 (limited to 'sem_3/SiteWeb/tp2') 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 -- cgit v1.2.3