From 890576928da51630f9fcd58c2a046b211c6ef98c Mon Sep 17 00:00:00 2001 From: Denis Monnerat Date: Tue, 3 Dec 2024 09:45:10 +0100 Subject: [PATCH] tp3 --- R1.02/tp/tp2/correction/exercice1.html | 26 +++++ R1.02/tp/tp2/correction/exercice2.html | 83 ++++++++++++++++ R1.02/tp/tp2/correction/exercice3.html | 85 ++++++++++++++++ R1.02/tp/tp2/correction/exercice4.html | 53 ++++++++++ R1.02/tp/tp2/correction/exercice5.html | 85 ++++++++++++++++ R1.02/tp/tp2/correction/exercice6.html | 20 ++++ R1.02/tp/tp2/correction/style4.css | 21 ++++ R1.02/tp/tp2/correction/style5.css | 26 +++++ R1.02/tp/tp2/correction/style6.css | 9 ++ R1.02/tp/tp3/README.md | 129 +++++++++++++++++++++++++ R1.02/tp/tp3/img/eastwood.png | Bin 0 -> 21374 bytes R1.02/tp/tp3/img/smiley.png | Bin 0 -> 2210 bytes R1.02/tp/tp3/img/web_stack.png | Bin 0 -> 3474 bytes R1.02/tp/tp3/src/exercice1.html | 23 +++++ R1.02/tp/tp3/src/exercice2.html | 15 +++ R1.02/tp/tp3/src/exercice3.html | 14 +++ R1.02/tp/tp3/src/exercice4.html | 60 ++++++++++++ R1.02/tp/tp3/src/style4.css | 21 ++++ 18 files changed, 670 insertions(+) create mode 100644 R1.02/tp/tp2/correction/exercice1.html create mode 100644 R1.02/tp/tp2/correction/exercice2.html create mode 100644 R1.02/tp/tp2/correction/exercice3.html create mode 100644 R1.02/tp/tp2/correction/exercice4.html create mode 100644 R1.02/tp/tp2/correction/exercice5.html create mode 100644 R1.02/tp/tp2/correction/exercice6.html create mode 100644 R1.02/tp/tp2/correction/style4.css create mode 100644 R1.02/tp/tp2/correction/style5.css create mode 100644 R1.02/tp/tp2/correction/style6.css create mode 100644 R1.02/tp/tp3/README.md create mode 100644 R1.02/tp/tp3/img/eastwood.png create mode 100644 R1.02/tp/tp3/img/smiley.png create mode 100644 R1.02/tp/tp3/img/web_stack.png create mode 100644 R1.02/tp/tp3/src/exercice1.html create mode 100644 R1.02/tp/tp3/src/exercice2.html create mode 100644 R1.02/tp/tp3/src/exercice3.html create mode 100644 R1.02/tp/tp3/src/exercice4.html create mode 100644 R1.02/tp/tp3/src/style4.css diff --git a/R1.02/tp/tp2/correction/exercice1.html b/R1.02/tp/tp2/correction/exercice1.html new file mode 100644 index 0000000..b0af8a1 --- /dev/null +++ b/R1.02/tp/tp2/correction/exercice1.html @@ -0,0 +1,26 @@ + + + + + + + Exercice 1 + + + +

Première partie

+

Lorem ipsum dolor sit amet. Fugiat beatae aut fugiat dolores qui consequuntur perferendis et dolores repudiandae. Et ullam maxime sapiente veritatis quo consequatur ducimus. Cum dolor blanditiis Ut ullam ut voluptas neque ea fugiat amet! Et asperiores quam Qui dolor id illum ullam. Qui dolorem autem et soluta nostrum 33 galisum nostrum est exercitationem enim! Et harum animi non obcaecati fuga ut repellendus quas ea perspiciatis ducimus. Aut doloremque animi Et quia et saepe quaerat aut velit incidunt et perferendis voluptatem ex quia voluptas ea accusamus nostrum. Qui commodi laboriosam ad dicta galisum ut tempora unde et dolorem suscipit. Ut illum illum id dolor tempore ut quos voluptatem aut internos molestias quo adipisci ipsum. 33 expedita molestias aut iusto nihil aut nemo optio et cupiditate velit. Et cupiditate omnis ex explicabo fugit in voluptas ducimus et eaque quae et dolor odio aut consectetur rerum nam consequuntur quisquam.

Sed eaque quas sed vitae quae et dolor ratione sed rerum saepe rem sunt rerum.

Rem alias blanditiis Aut delectus quo modi velit a similique assumenda. At nobis natus et natus tenetur est quaerat dolor aut sequi harum sed dignissimos nihil. Ut iure unde et voluptatem enim cum consequatur totam rem veniam maxime ab exercitationem modi ut cumque magni! Eum illo aliquam et vitae earum eos sint mollitia. Non dolor natus est aperiam laudantium aut reiciendis incidunt quia fugit ad earum vero aut quasi rerum et corrupti quibusdam? Et molestiae itaque id voluptatem maxime qui velit fuga eum eius dolorum sit saepe iste id similique consectetur. Et consequatur autem et doloribus nemo quo minima consequatur qui repellendus voluptatum? Aut facilis quaerat ut omnis aperiam Ut eveniet sed neque maxime At voluptas molestiae a sapiente voluptas ex nulla amet. Eos sint ducimus est odit rerum vel dolorem itaque est suscipit architecto non veritatis sequi et voluptatum exercitationem. Vel esse nulla et exercitationem laudantium non assumenda nesciunt? Qui dicta quia vel magni pariatur sit ratione atque qui quia fugiat est eligendi quidem.

Quo repudiandae rerum ea doloribus nihil eos temporibus beatae ab libero nobis aut ullam voluptatem eos totam fuga sit velit sequi. Id consequatur nobis a quae possimus aut nesciunt temporibus! Et iure quod Qui eius sed quas molestias vel quod voluptas! Sit molestiae ipsam In expedita et voluptas sequi! Eos ducimus laudantium et quia reiciendis aut numquam quos sed necessitatibus omnis et exercitationem repudiandae? Ab totam odit aut expedita omnis sit praesentium aliquam est accusantium fugiat qui omnis qui illo dolorem. Sed expedita galisum ut officia reprehenderitet accusamus ad nemo placeat. Ut fugiat totam a facere quaerat et esse corrupti sed dolor pariatur in mollitia necessitatibus.

+

Lorem ipsum dolor sit amet. Fugiat beatae aut fugiat dolores qui consequuntur perferendis et dolores repudiandae. Et ullam maxime sapiente veritatis quo consequatur ducimus. Cum dolor blanditiis Ut ullam ut voluptas neque ea fugiat amet! Et asperiores quam Qui dolor id illum ullam. Qui dolorem autem et soluta nostrum 33 galisum nostrum est exercitationem enim! Et harum animi non obcaecati fuga ut repellendus quas ea perspiciatis ducimus. Aut doloremque animi Et quia et saepe quaerat aut velit incidunt et perferendis voluptatem ex quia voluptas ea accusamus nostrum. Qui commodi laboriosam ad dicta galisum ut tempora unde et dolorem suscipit. Ut illum illum id dolor tempore ut quos voluptatem aut internos molestias quo adipisci ipsum. 33 expedita molestias aut iusto nihil aut nemo optio et cupiditate velit. Et cupiditate omnis ex explicabo fugit in voluptas ducimus et eaque quae et dolor odio aut consectetur rerum nam consequuntur quisquam.

Sed eaque quas sed vitae quae et dolor ratione sed rerum saepe rem sunt rerum.

Rem alias blanditiis Aut delectus quo modi velit a similique assumenda. At nobis natus et natus tenetur est quaerat dolor aut sequi harum sed dignissimos nihil. Ut iure unde et voluptatem enim cum consequatur totam rem veniam maxime ab exercitationem modi ut cumque magni! Eum illo aliquam et vitae earum eos sint mollitia. Non dolor natus est aperiam laudantium aut reiciendis incidunt quia fugit ad earum vero aut quasi rerum et corrupti quibusdam? Et molestiae itaque id voluptatem maxime qui velit fuga eum eius dolorum sit saepe iste id similique consectetur. Et consequatur autem et doloribus nemo quo minima consequatur qui repellendus voluptatum? Aut facilis quaerat ut omnis aperiam Ut eveniet sed neque maxime At voluptas molestiae a sapiente voluptas ex nulla amet. Eos sint ducimus est odit rerum vel dolorem itaque est suscipit architecto non veritatis sequi et voluptatum exercitationem. Vel esse nulla et exercitationem laudantium non assumenda nesciunt? Qui dicta quia vel magni pariatur sit ratione atque qui quia fugiat est eligendi quidem.

Quo repudiandae rerum ea doloribus nihil eos temporibus beatae ab libero nobis aut ullam voluptatem eos totam fuga sit velit sequi. Id consequatur nobis a quae possimus aut nesciunt temporibus! Et iure quod Qui eius sed quas molestias vel quod voluptas! Sit molestiae ipsam In expedita et voluptas sequi! Eos ducimus laudantium et quia reiciendis aut numquam quos sed necessitatibus omnis et exercitationem repudiandae? Ab totam odit aut expedita omnis sit praesentium aliquam est accusantium fugiat qui omnis qui illo dolorem. Sed expedita galisum ut officia reprehenderitet accusamus ad nemo placeat. Ut fugiat totam a facere quaerat et esse corrupti sed dolor pariatur in mollitia necessitatibus.

+

Lorem ipsum dolor sit amet. Fugiat beatae aut fugiat dolores qui consequuntur perferendis et dolores repudiandae. Et ullam maxime sapiente veritatis quo consequatur ducimus. Cum dolor blanditiis Ut ullam ut voluptas neque ea fugiat amet! Et asperiores quam Qui dolor id illum ullam. Qui dolorem autem et soluta nostrum 33 galisum nostrum est exercitationem enim! Et harum animi non obcaecati fuga ut repellendus quas ea perspiciatis ducimus. Aut doloremque animi Et quia et saepe quaerat aut velit incidunt et perferendis voluptatem ex quia voluptas ea accusamus nostrum. Qui commodi laboriosam ad dicta galisum ut tempora unde et dolorem suscipit. Ut illum illum id dolor tempore ut quos voluptatem aut internos molestias quo adipisci ipsum. 33 expedita molestias aut iusto nihil aut nemo optio et cupiditate velit. Et cupiditate omnis ex explicabo fugit in voluptas ducimus et eaque quae et dolor odio aut consectetur rerum nam consequuntur quisquam.

Sed eaque quas sed vitae quae et dolor ratione sed rerum saepe rem sunt rerum.

Rem alias blanditiis Aut delectus quo modi velit a similique assumenda. At nobis natus et natus tenetur est quaerat dolor aut sequi harum sed dignissimos nihil. Ut iure unde et voluptatem enim cum consequatur totam rem veniam maxime ab exercitationem modi ut cumque magni! Eum illo aliquam et vitae earum eos sint mollitia. Non dolor natus est aperiam laudantium aut reiciendis incidunt quia fugit ad earum vero aut quasi rerum et corrupti quibusdam? Et molestiae itaque id voluptatem maxime qui velit fuga eum eius dolorum sit saepe iste id similique consectetur. Et consequatur autem et doloribus nemo quo minima consequatur qui repellendus voluptatum? Aut facilis quaerat ut omnis aperiam Ut eveniet sed neque maxime At voluptas molestiae a sapiente voluptas ex nulla amet. Eos sint ducimus est odit rerum vel dolorem itaque est suscipit architecto non veritatis sequi et voluptatum exercitationem. Vel esse nulla et exercitationem laudantium non assumenda nesciunt? Qui dicta quia vel magni pariatur sit ratione atque qui quia fugiat est eligendi quidem.

Quo repudiandae rerum ea doloribus nihil eos temporibus beatae ab libero nobis aut ullam voluptatem eos totam fuga sit velit sequi. Id consequatur nobis a quae possimus aut nesciunt temporibus! Et iure quod Qui eius sed quas molestias vel quod voluptas! Sit molestiae ipsam In expedita et voluptas sequi! Eos ducimus laudantium et quia reiciendis aut numquam quos sed necessitatibus omnis et exercitationem repudiandae? Ab totam odit aut expedita omnis sit praesentium aliquam est accusantium fugiat qui omnis qui illo dolorem. Sed expedita galisum ut officia reprehenderitet accusamus ad nemo placeat. Ut fugiat totam a facere quaerat et esse corrupti sed dolor pariatur in mollitia necessitatibus.

+ +

Deuxième partie

+ +

Lorem ipsum dolor sit amet. Fugiat beatae aut fugiat dolores qui consequuntur perferendis et dolores repudiandae. Et ullam maxime sapiente veritatis quo consequatur ducimus. Cum dolor blanditiis Ut ullam ut voluptas neque ea fugiat amet! Et asperiores quam Qui dolor id illum ullam. Qui dolorem autem et soluta nostrum 33 galisum nostrum est exercitationem enim! Et harum animi non obcaecati fuga ut repellendus quas ea perspiciatis ducimus. Aut doloremque animi Et quia et saepe quaerat aut velit incidunt et perferendis voluptatem ex quia voluptas ea accusamus nostrum. Qui commodi laboriosam ad dicta galisum ut tempora unde et dolorem suscipit. Ut illum illum id dolor tempore ut quos voluptatem aut internos molestias quo adipisci ipsum. 33 expedita molestias aut iusto nihil aut nemo optio et cupiditate velit. Et cupiditate omnis ex explicabo fugit in voluptas ducimus et eaque quae et dolor odio aut consectetur rerum nam consequuntur quisquam.

Sed eaque quas sed vitae quae et dolor ratione sed rerum saepe rem sunt rerum.

Rem alias blanditiis Aut delectus quo modi velit a similique assumenda. At nobis natus et natus tenetur est quaerat dolor aut sequi harum sed dignissimos nihil. Ut iure unde et voluptatem enim cum consequatur totam rem veniam maxime ab exercitationem modi ut cumque magni! Eum illo aliquam et vitae earum eos sint mollitia. Non dolor natus est aperiam laudantium aut reiciendis incidunt quia fugit ad earum vero aut quasi rerum et corrupti quibusdam? Et molestiae itaque id voluptatem maxime qui velit fuga eum eius dolorum sit saepe iste id similique consectetur. Et consequatur autem et doloribus nemo quo minima consequatur qui repellendus voluptatum? Aut facilis quaerat ut omnis aperiam Ut eveniet sed neque maxime At voluptas molestiae a sapiente voluptas ex nulla amet. Eos sint ducimus est odit rerum vel dolorem itaque est suscipit architecto non veritatis sequi et voluptatum exercitationem. Vel esse nulla et exercitationem laudantium non assumenda nesciunt? Qui dicta quia vel magni pariatur sit ratione atque qui quia fugiat est eligendi quidem.

Quo repudiandae rerum ea doloribus nihil eos temporibus beatae ab libero nobis aut ullam voluptatem eos totam fuga sit velit sequi. Id consequatur nobis a quae possimus aut nesciunt temporibus! Et iure quod Qui eius sed quas molestias vel quod voluptas! Sit molestiae ipsam In expedita et voluptas sequi! Eos ducimus laudantium et quia reiciendis aut numquam quos sed necessitatibus omnis et exercitationem repudiandae? Ab totam odit aut expedita omnis sit praesentium aliquam est accusantium fugiat qui omnis qui illo dolorem. Sed expedita galisum ut officia reprehenderitet accusamus ad nemo placeat. Ut fugiat totam a facere quaerat et esse corrupti sed dolor pariatur in mollitia necessitatibus.

+

Lorem ipsum dolor sit amet. Fugiat beatae aut fugiat dolores qui consequuntur perferendis et dolores repudiandae. Et ullam maxime sapiente veritatis quo consequatur ducimus. Cum dolor blanditiis Ut ullam ut voluptas neque ea fugiat amet! Et asperiores quam Qui dolor id illum ullam. Qui dolorem autem et soluta nostrum 33 galisum nostrum est exercitationem enim! Et harum animi non obcaecati fuga ut repellendus quas ea perspiciatis ducimus. Aut doloremque animi Et quia et saepe quaerat aut velit incidunt et perferendis voluptatem ex quia voluptas ea accusamus nostrum. Qui commodi laboriosam ad dicta galisum ut tempora unde et dolorem suscipit. Ut illum illum id dolor tempore ut quos voluptatem aut internos molestias quo adipisci ipsum. 33 expedita molestias aut iusto nihil aut nemo optio et cupiditate velit. Et cupiditate omnis ex explicabo fugit in voluptas ducimus et eaque quae et dolor odio aut consectetur rerum nam consequuntur quisquam.

Sed eaque quas sed vitae quae et dolor ratione sed rerum saepe rem sunt rerum.

Rem alias blanditiis Aut delectus quo modi velit a similique assumenda. At nobis natus et natus tenetur est quaerat dolor aut sequi harum sed dignissimos nihil. Ut iure unde et voluptatem enim cum consequatur totam rem veniam maxime ab exercitationem modi ut cumque magni! Eum illo aliquam et vitae earum eos sint mollitia. Non dolor natus est aperiam laudantium aut reiciendis incidunt quia fugit ad earum vero aut quasi rerum et corrupti quibusdam? Et molestiae itaque id voluptatem maxime qui velit fuga eum eius dolorum sit saepe iste id similique consectetur. Et consequatur autem et doloribus nemo quo minima consequatur qui repellendus voluptatum? Aut facilis quaerat ut omnis aperiam Ut eveniet sed neque maxime At voluptas molestiae a sapiente voluptas ex nulla amet. Eos sint ducimus est odit rerum vel dolorem itaque est suscipit architecto non veritatis sequi et voluptatum exercitationem. Vel esse nulla et exercitationem laudantium non assumenda nesciunt? Qui dicta quia vel magni pariatur sit ratione atque qui quia fugiat est eligendi quidem.

Quo repudiandae rerum ea doloribus nihil eos temporibus beatae ab libero nobis aut ullam voluptatem eos totam fuga sit velit sequi. Id consequatur nobis a quae possimus aut nesciunt temporibus! Et iure quod Qui eius sed quas molestias vel quod voluptas! Sit molestiae ipsam In expedita et voluptas sequi! Eos ducimus laudantium et quia reiciendis aut numquam quos sed necessitatibus omnis et exercitationem repudiandae? Ab totam odit aut expedita omnis sit praesentium aliquam est accusantium fugiat qui omnis qui illo dolorem. Sed expedita galisum ut officia reprehenderitet accusamus ad nemo placeat. Ut fugiat totam a facere quaerat et esse corrupti sed dolor pariatur in mollitia necessitatibus.

+

Lorem ipsum dolor sit amet. Fugiat beatae aut fugiat dolores qui consequuntur perferendis et dolores repudiandae. Et ullam maxime sapiente veritatis quo consequatur ducimus. Cum dolor blanditiis Ut ullam ut voluptas neque ea fugiat amet! Et asperiores quam Qui dolor id illum ullam. Qui dolorem autem et soluta nostrum 33 galisum nostrum est exercitationem enim! Et harum animi non obcaecati fuga ut repellendus quas ea perspiciatis ducimus. Aut doloremque animi Et quia et saepe quaerat aut velit incidunt et perferendis voluptatem ex quia voluptas ea accusamus nostrum. Qui commodi laboriosam ad dicta galisum ut tempora unde et dolorem suscipit. Ut illum illum id dolor tempore ut quos voluptatem aut internos molestias quo adipisci ipsum. 33 expedita molestias aut iusto nihil aut nemo optio et cupiditate velit. Et cupiditate omnis ex explicabo fugit in voluptas ducimus et eaque quae et dolor odio aut consectetur rerum nam consequuntur quisquam.

Sed eaque quas sed vitae quae et dolor ratione sed rerum saepe rem sunt rerum.

Rem alias blanditiis Aut delectus quo modi velit a similique assumenda. At nobis natus et natus tenetur est quaerat dolor aut sequi harum sed dignissimos nihil. Ut iure unde et voluptatem enim cum consequatur totam rem veniam maxime ab exercitationem modi ut cumque magni! Eum illo aliquam et vitae earum eos sint mollitia. Non dolor natus est aperiam laudantium aut reiciendis incidunt quia fugit ad earum vero aut quasi rerum et corrupti quibusdam? Et molestiae itaque id voluptatem maxime qui velit fuga eum eius dolorum sit saepe iste id similique consectetur. Et consequatur autem et doloribus nemo quo minima consequatur qui repellendus voluptatum? Aut facilis quaerat ut omnis aperiam Ut eveniet sed neque maxime At voluptas molestiae a sapiente voluptas ex nulla amet. Eos sint ducimus est odit rerum vel dolorem itaque est suscipit architecto non veritatis sequi et voluptatum exercitationem. Vel esse nulla et exercitationem laudantium non assumenda nesciunt? Qui dicta quia vel magni pariatur sit ratione atque qui quia fugiat est eligendi quidem.

Quo repudiandae rerum ea doloribus nihil eos temporibus beatae ab libero nobis aut ullam voluptatem eos totam fuga sit velit sequi. Id consequatur nobis a quae possimus aut nesciunt temporibus! Et iure quod Qui eius sed quas molestias vel quod voluptas! Sit molestiae ipsam In expedita et voluptas sequi! Eos ducimus laudantium et quia reiciendis aut numquam quos sed necessitatibus omnis et exercitationem repudiandae? Ab totam odit aut expedita omnis sit praesentium aliquam est accusantium fugiat qui omnis qui illo dolorem. Sed expedita galisum ut officia reprehenderitet accusamus ad nemo placeat. Ut fugiat totam a facere quaerat et esse corrupti sed dolor pariatur in mollitia necessitatibus.

+ + diff --git a/R1.02/tp/tp2/correction/exercice2.html b/R1.02/tp/tp2/correction/exercice2.html new file mode 100644 index 0000000..8d775ce --- /dev/null +++ b/R1.02/tp/tp2/correction/exercice2.html @@ -0,0 +1,83 @@ + + + + + Exercice 2 + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ + diff --git a/R1.02/tp/tp2/correction/exercice3.html b/R1.02/tp/tp2/correction/exercice3.html new file mode 100644 index 0000000..e20fbf4 --- /dev/null +++ b/R1.02/tp/tp2/correction/exercice3.html @@ -0,0 +1,85 @@ + + + + + Exercice 3 + + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ + + diff --git a/R1.02/tp/tp2/correction/exercice4.html b/R1.02/tp/tp2/correction/exercice4.html new file mode 100644 index 0000000..7a6851d --- /dev/null +++ b/R1.02/tp/tp2/correction/exercice4.html @@ -0,0 +1,53 @@ + + + + + + Exercice 4 + + + +

Emoticons

+ +

+ Emoticons are textual portrayals of a writer's moods or facial + expressions in the form of icons. Originally, these icons + consisted of ASCII art. +

+ +

+ Emoticons can generally be divided into two groups: Western (mainly + from America and Europe) or horizontal; Eastern or vertical (mainly + from east Asia). +

+ +

Western

+ +

+ Western style emoticons are mostly written from left to right as + though the head is rotated counter-clockwise 90 degrees. +

+ + + +

Eastern

+ +

+ Eastern emoticons generally are not rotated sideways. They first + arose in Japan, where they are referred to as kaomoji. +

+ + + + diff --git a/R1.02/tp/tp2/correction/exercice5.html b/R1.02/tp/tp2/correction/exercice5.html new file mode 100644 index 0000000..4b7e8a2 --- /dev/null +++ b/R1.02/tp/tp2/correction/exercice5.html @@ -0,0 +1,85 @@ + + + + + Exercice 5 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Orbites des planètes du Système solaire
PlanèteDistance moyenne (UA)Exentricité Inclinaison  (°)Période de révolution (an)
Mercure0,387098930,20570,241
Venus0,723331990,0073,40,615
Terre10,01701
Mars1,523662310,0941,91,881
Jupiter5,203363010,0491,311,862
Saturne9,60,0572,529,452
Uranus2872,50,897,830,589
Neptune4495,11,828,359,8
+ + diff --git a/R1.02/tp/tp2/correction/exercice6.html b/R1.02/tp/tp2/correction/exercice6.html new file mode 100644 index 0000000..4ac5224 --- /dev/null +++ b/R1.02/tp/tp2/correction/exercice6.html @@ -0,0 +1,20 @@ + + + + + + Exercice 6 + + + + + + + + + + + +
+ + diff --git a/R1.02/tp/tp2/correction/style4.css b/R1.02/tp/tp2/correction/style4.css new file mode 100644 index 0000000..ae629ba --- /dev/null +++ b/R1.02/tp/tp2/correction/style4.css @@ -0,0 +1,21 @@ +body { + font-family:sans-serif; +} + +h1 { + font-variant:small-caps; + text-decoration : underline; +} + +h2 { + background-color:#aaaaaa; + padding : 10px; + font-style:italic; +} + +span { + font-family: monospace; + font-weight:bold; + color : #aa4512; +} + diff --git a/R1.02/tp/tp2/correction/style5.css b/R1.02/tp/tp2/correction/style5.css new file mode 100644 index 0000000..34c07f5 --- /dev/null +++ b/R1.02/tp/tp2/correction/style5.css @@ -0,0 +1,26 @@ +table { + font-family: sans-serif; + border-collapse: collapse; + margin : auto; + width:700px; +} +table caption { + + font-weight: bold; + font-variant: small-caps; + +} + +th { + border-bottom: 3px solid black; + border-top: 3px solid black; + text-align: left; + font-weight: bold; + font-variant: small-caps; +} + +td { + border-bottom: 1px solid lightgray; + text-align: left; +} + diff --git a/R1.02/tp/tp2/correction/style6.css b/R1.02/tp/tp2/correction/style6.css new file mode 100644 index 0000000..a54f611 --- /dev/null +++ b/R1.02/tp/tp2/correction/style6.css @@ -0,0 +1,9 @@ +table { + border-collapse: collapse; +} +td { + border:1px solid black; + width:50px; + height:50px; +} + diff --git a/R1.02/tp/tp3/README.md b/R1.02/tp/tp3/README.md new file mode 100644 index 0000000..96debd8 --- /dev/null +++ b/R1.02/tp/tp3/README.md @@ -0,0 +1,129 @@ +# TP CSS +> Vous trouverez une correction du tp1 [ici](../tp1/correction). +> Vous trouverez une correction du tp2 [ici](../tp2/correction). +> Vous trouverez une correction du tp3 [ici](../tp3/correction). + + + +## Exercice 1 : stylisation d'une liste + +Soit le code [html](src/exercice1.html) suivant + +```html +

Mes films préférés de Clint Eastwood

+ +``` + +Donnez une feuille de style pour obtenir la mise en page suivante ; + +![eastwood](./img/eastwood.png) + +> Propriétés css utiles : +> - `list-style-type` : contrôle l'apparence de la puce d'un élément de liste. +> - `padding`, `margin` : espace intérieur et extérieur +> - `background-color` : couleur de fond +> - `font-style` : italique, oblique ou normal +> +> Pseudo-classes utiles : +> - `nth-child` : nth-child(an+b) permet de selctionner les éléments en fonction de leur position. + +## Exercice 2 : positionnement des boîtes avec la propriété `position`. + +Soit le code [html](./src/exercice2.html) suivant : + +```html + + + + + Exercice 2 + + +
+
+
+ +
+
+ + +``` +Donnez une feuille de style pour obtenir la mise en page suivante : +![eastwood](./img/smiley.png) + +> Propriétés utiles +> - `position` : static, relative, absolute, fixed, sticky +> - `top`, `bottom`, `right`, `left` : coordonnées de l'élément. Attention, pour le +> positionnement absolu, les **coordonnées s'entendent par rapport au premier ascendant en position relative, +> le body s'il n'y en a pas**. +> - `ẁidth` et `height` : largeur et hauteur. +> - `border-radius` et `border` : arrondi des coins, et bordure. + +## Exercice 3 : selection à l'aide d'attributs. +Soit le code [html](src/exercice3.html) suivant +```html + + + + + Exercice 3 + + + + + +``` +Donnez une feuille de style pour obtenir la mise en page suivante : +![stack](./img/web_stack.png) + +Vous pouvez utiliser les images suivantes : +- [html](https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-plain.svg) +- [css](https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-plain.svg) +- [javascript](https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-plain.svg) + +> On peut selectionner un élément en utilisant la valeur d'un attribut. Par exemple : +> ```css +> a[href*="toto"] +> ``` +> selectionne les liens dont l'url cible contient "toto". +> Propriétés utiles : +> - `background-image` : permet de définir une image comme arrière plan. +> - `display` : permet de définir le rendu d'un élément (bloc ou en ligne) +> - `font-size` : contrôle la taille de la fonte. +> - `text-align`, `vertical-align` : contrôle l'alignement horizontal et vertical des éléments inline. + +## Exercice 4 : media queries +Soit le code [html](src/exercice4.html) et sa feuille de [style](src/style4.css). + +Lorsque la largeur de l'écran est inférieur à `640px`, le menu n'est plus affiché. + +> Utilisez une requête media `@media`. + +## Exercice 5 : mise en page avec la propriété `float` +On reprend le source précédent. + +À l'aide de la propriété `float`, affichez les articles sur 2 colonnes avec une bordure de 1px grise et +une marge entre les articles de 40px. + +> Vous aurez besoin d'utiliser la propriété `width` que vous pouvez utiliser avec la fonction CSS `calc()` pour le calcul, +> exemple: +> ```css +> width: calc(100px + 2*20px) +> ``` +> Penser quand vous cherchez la bonne largeur (+/- 50%), qu'il faut prendre en compte la taille de marge et des bordures. Vous pouvez utiliser +> la propriété `box-sizing`. + +Ajoutez une requête media pour que les articles s'affichent à nouveau verticalement lorsque la taille de l'écran est en dessous de 720px. diff --git a/R1.02/tp/tp3/img/eastwood.png b/R1.02/tp/tp3/img/eastwood.png new file mode 100644 index 0000000000000000000000000000000000000000..3a1ff45ea6dadbcf6a2ae467253b51d15dad92f0 GIT binary patch literal 21374 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 SUZ#N=0gd~*s^y4BFaHluGmQfP literal 0 HcmV?d00001 diff --git a/R1.02/tp/tp3/img/smiley.png b/R1.02/tp/tp3/img/smiley.png new file mode 100644 index 0000000000000000000000000000000000000000..8e561846721aace7d5f7721ecbacd99f541201e9 GIT binary patch literal 2210 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 A6951J literal 0 HcmV?d00001 diff --git a/R1.02/tp/tp3/src/exercice1.html b/R1.02/tp/tp3/src/exercice1.html new file mode 100644 index 0000000..5be8589 --- /dev/null +++ b/R1.02/tp/tp3/src/exercice1.html @@ -0,0 +1,23 @@ + + + + + + CEastwood + + + +

Mes films préférés de Clint Eastwood

+
    +
  • Gran Torino (2008)
    • +
  • Impitoyable (1992)
    • +
  • Mystic River (2003)
    • +
  • Sur la route de Madison (1995)
    • +
  • Lettres d'Iwo Jima (2006)
    • +
  • L'Échange (2008)
    • +
  • Josey Wales hors-la-loi (1976)
    • +
  • Breezy (1973)
    • +
+ + + diff --git a/R1.02/tp/tp3/src/exercice2.html b/R1.02/tp/tp3/src/exercice2.html new file mode 100644 index 0000000..dc7e3af --- /dev/null +++ b/R1.02/tp/tp3/src/exercice2.html @@ -0,0 +1,15 @@ + + + + + Exercice 2 + + +
+
+
+ +
+
+ + diff --git a/R1.02/tp/tp3/src/exercice3.html b/R1.02/tp/tp3/src/exercice3.html new file mode 100644 index 0000000..15feafa --- /dev/null +++ b/R1.02/tp/tp3/src/exercice3.html @@ -0,0 +1,14 @@ + + + + + Exercice 3 + + + + + diff --git a/R1.02/tp/tp3/src/exercice4.html b/R1.02/tp/tp3/src/exercice4.html new file mode 100644 index 0000000..21a28e6 --- /dev/null +++ b/R1.02/tp/tp3/src/exercice4.html @@ -0,0 +1,60 @@ + + + + + + + + Document + + + +
+ +
+
+
+
+

Article title 1

+
+
+ +

lorem ipsum

+
+
+
+
+

Article title 2

+
+
+ +

lorem ipsum

+
+
+
+
+

Article title 3

+
+
+ +

lorem ipsum

+
+
+
+
+

Article title 3

+
+
+ +

lorem ipsum

+
+
+
+ + diff --git a/R1.02/tp/tp3/src/style4.css b/R1.02/tp/tp3/src/style4.css new file mode 100644 index 0000000..b97f333 --- /dev/null +++ b/R1.02/tp/tp3/src/style4.css @@ -0,0 +1,21 @@ +ul { + + text-align: center; + padding:0; +} +li { + list-style-type: none; + list-style-position: inside; + display: inline-block; + margin-right: 2em; + font-size : 2em; +} +li:last-child{ + margin-right:0; + +} +article { + text-align: justify; + border : 1px solid grey; + padding : 1em; +}