diff --git a/.gitignore b/.gitignore index 3417814..26ccfe4 100644 --- a/.gitignore +++ b/.gitignore @@ -73,3 +73,5 @@ tags # Persistent undo [._]*.un~ +#Visual Studio COde +*.vscode diff --git a/APL1.1/SAE11_2021/.vscode/tasks.json b/APL1.1/SAE11_2021/.vscode/tasks.json deleted file mode 100644 index 56e78ea..0000000 --- a/APL1.1/SAE11_2021/.vscode/tasks.json +++ /dev/null @@ -1,29 +0,0 @@ -{ - "version": "2.0.0", - "tasks": [ - { - "type": "cppbuild", - "label": "C/C++: gcc générer le fichier actif", - "command": "/usr/bin/gcc", - "args": [ - "-fdiagnostics-color=always", - "-lm", - "-lgraph", - "-g", - "${file}", - "-o taquin.out main.o taquin.o utils.o graph_sup.o" - ], - "options": { - "cwd": "${fileDirname}" - }, - "problemMatcher": [ - "$gcc" - ], - "group": { - "kind": "build", - "isDefault": true - }, - "detail": "compilateur : /usr/bin/gcc" - } - ] -} \ No newline at end of file diff --git a/APL1.1/SAE11_2021/main.c b/APL1.1/SAE11_2021/main.c index fc851c8..7e93ed8 100644 --- a/APL1.1/SAE11_2021/main.c +++ b/APL1.1/SAE11_2021/main.c @@ -10,7 +10,7 @@ #include "taquin.h" #include "lib_menu/menu.h" -int main(void) { +int main(int argc, char* argv[]) { InitialiserGraphique(); CreerFenetre((Maxx() - WIDTH) / 2, (Maxy() - HEIGHT) / 2, 1200, 700); ChoisirTitreFenetre("Taquin"); /* Ben alors Denis, on nous cache des fonctions ? */ diff --git a/APL1.2/TP02/alterations.c b/APL1.2/TP02/alterations.c new file mode 100644 index 0000000..d4ae09e --- /dev/null +++ b/APL1.2/TP02/alterations.c @@ -0,0 +1,73 @@ +#include +#include +#include + +struct rectangle { + int x; + int y; + int xx; + int yy; +}; + +typedef struct rectangle rect; + +void drawRect(rect Rekt) { + DessinerRectangle(Rekt.x, Rekt.y, Rekt.xx-Rekt.x, Rekt.yy-Rekt.y); +} + +rect moveRect(rect Rekt, int x, int y) { + Rekt.x += x; + Rekt.y += y + Rekt.xx += x; + Rekt.yy += y; + return Rekt; +} + +rect rotRectLeft(rect Rekt) { + +} + +rect rotRectRight(rect Rekt) { + +} + +int main(int argc, char * argv[]) { + InitialiserGraphique(); + CreerFenetre(100,100,1200,700); + + rect Rekt = {100,100,200,200}; + int state = 0; + + couleur white = CouleurParNom("white"); + + drawRect(Rekt); + + while (1) { + if (ToucheEnAttente()) { + int key = Touche(); + if (key == XK_Escape) return EXIT_SUCCESS; + } + + if (SourisCliquee()) { + if (state == 0) { + Rekt.x = _X; + Rekt.y = _Y; + state = 1; + } else { + if (_X < Rekt.x ) { + Rekt.xx = Rekt.x; + Rekt.x = _X; + } else Rekt.xx = _X; + if (_Y < Rekt.y ) { + Rekt.yy = Rekt.y; + Rekt.y = _Y; + } else Rekt.yy = _Y; + state = 0; + drawRect(Rekt); + } + } + } + FermerGraphique(); + return EXIT_SUCCESS; +} + diff --git a/APL1.2/TP02/complexes.c b/APL1.2/TP02/complexes.c new file mode 100644 index 0000000..09b2531 --- /dev/null +++ b/APL1.2/TP02/complexes.c @@ -0,0 +1,35 @@ +#include +#include +#include + +struct nb_complex { + float real; + float imaginary; +}; + +typedef struct nb_complex complex; + +float module(complex z) { + return sqrt(pow(z.real, 2) + pow(z.imaginary, 2)); +} + +complex conjugate(complex z) { + z.imaginary = -z.imaginary; + return z; +} + +complex inverse(complex z) { + float a = z.real; + float b = z.imaginary; + z.real = a/(pow(a, 2) + pow(b, 2)); + z.imaginary = -b/(pow(a, 2) + pow(b, 2)); + + return z; +} + +int main(int argc, char * argv[]) { + complex a = {1.0f, 1.0f}; + printf("%f\n", module(inverse(a))); + return EXIT_SUCCESS; +} + diff --git a/APL1.2/TP02/date.c b/APL1.2/TP02/date.c new file mode 100644 index 0000000..ac2064f --- /dev/null +++ b/APL1.2/TP02/date.c @@ -0,0 +1,12 @@ +#include +#include +#include + +int main(int argc, char * argv[]) { + time_t temps = time(NULL); + struct tm * timeInfos = localtime(&temps); + + printf("Nous sommes le %4d-%2d-%2d\n", timeInfos->tm_year+1900, timeInfos->tm_mon, timeInfos->tm_mday); + return EXIT_SUCCESS; +} + diff --git a/APL1.2/TP02/groupe.c b/APL1.2/TP02/groupe.c new file mode 100644 index 0000000..8f94085 --- /dev/null +++ b/APL1.2/TP02/groupe.c @@ -0,0 +1,14 @@ +#include +#include +#include +#include +#include + +int main(int argc, char * argv[]) { + struct group * students21 = getgrnam("students21"); + char ** names = students21->gr_mem; + + printf("%c", names[1]); + return EXIT_SUCCESS; +} + diff --git a/APL1.2/TP02/rectangles.c b/APL1.2/TP02/rectangles.c new file mode 100644 index 0000000..a7158a4 --- /dev/null +++ b/APL1.2/TP02/rectangles.c @@ -0,0 +1,57 @@ +#include +#include +#include + +struct rectangle { + int x; + int y; + int xx; + int yy; +}; + +typedef struct rectangle rect; + +void drawRect(rect Rekt) { + DessinerRectangle(Rekt.x, Rekt.y, Rekt.xx-Rekt.x, Rekt.yy-Rekt.y); +} + +int main(int argc, char * argv[]) { + InitialiserGraphique(); + CreerFenetre(100,100,1200,700); + + rect Rekt = {100,100,200,200}; + int state = 0; + + couleur white = CouleurParNom("white"); + + drawRect(Rekt); + + while (1) { + if (ToucheEnAttente()) { + int key = Touche(); + if (key == XK_Escape) return EXIT_SUCCESS; + } + + if (SourisCliquee()) { + if (state == 0) { + Rekt.x = _X; + Rekt.y = _Y; + state = 1; + } else { + if (_X < Rekt.x ) { + Rekt.xx = Rekt.x; + Rekt.x = _X; + } else Rekt.xx = _X; + if (_Y < Rekt.y ) { + Rekt.yy = Rekt.y; + Rekt.y = _Y; + } else Rekt.yy = _Y; + state = 0; + drawRect(Rekt); + } + } + } + FermerGraphique(); + return EXIT_SUCCESS; +} + diff --git a/APL1.2/TP02/tailles.c b/APL1.2/TP02/tailles.c new file mode 100644 index 0000000..f205b20 --- /dev/null +++ b/APL1.2/TP02/tailles.c @@ -0,0 +1,15 @@ +#include +#include + +struct enregistrement { + int champ1; + char champ2; + char champ3; +}; + +int main(int argc, char * argv[]) { + struct enregistrement toto = {}; + printf("%d\n", sizeof(toto)); + return EXIT_SUCCESS; +} + diff --git a/APL1.2/TP03/challenger.c b/APL1.2/TP03/challenger.c new file mode 100644 index 0000000..0424478 --- /dev/null +++ b/APL1.2/TP03/challenger.c @@ -0,0 +1,54 @@ +#include +#include +#include + +int main(int argc, char * argv[]) { + FILE* flux; + flux = fopen("top10", "r"); + + int NewRank = atoi(argv[1]); + int added = 0; + + char* ChallengerNames[11] = {}; + int ChallengerRanks[11] = {}; + + int count = 0; + + if (flux) { + do { + int rank; + char * name = calloc(4, sizeof(char)); + + fread(&rank, 4, 1, flux); + fread(name, 1, 3, flux); + + if (rank < NewRank && !added) { + ChallengerNames[count] = calloc(4, sizeof(char)); + strcpy(ChallengerNames[count], argv[2]); + ChallengerRanks[count] = NewRank; + added = 1; + count++; + } + + ChallengerNames[count] = calloc(4, sizeof(char)); + strcpy(ChallengerNames[count], name); + ChallengerRanks[count] = rank; + count++; + + } while (!feof(flux)); + fclose(flux); + + flux = fopen("top10", "w"); + if (flux) { + //printf("%d\n", count); + /*for (int i = 0; i < count-2; i++) { + printf("%s\n", ChallengerNames[i]); + fwrite(&ChallengerRanks[i], 4, 1, flux); + fwrite(&ChallengerNames[i], 1, 3, flux); + }*/ + fclose(flux); + } + } + return EXIT_SUCCESS; +} + diff --git a/APL1.2/TP03/records.c b/APL1.2/TP03/records.c new file mode 100644 index 0000000..ae07159 --- /dev/null +++ b/APL1.2/TP03/records.c @@ -0,0 +1,35 @@ +#include +#include +#include + +int main(int argc, char * argv[]) { + FILE* flux; + flux = fopen("top10", "r"); + + char name1[4] = "aaa"; + char name2[4] = "bbb"; + char name3[4] = "ccc"; + + if (flux) { + do { + int score; + char* name = calloc(3, sizeof(char)); + fread(&score, 4, 1, flux); + fread(name, 1, 3, flux); + + if (feof(flux)) break; + + strcpy(name3, name2); + strcpy(name2, name1); + strcpy(name1, name); + } while (!feof(flux)); + + printf("1ere place : %s\n", name1); + printf("2eme place : %s\n", name2); + printf("3eme place : %s\n", name3); + + fclose(flux); + } + return EXIT_SUCCESS; +} + diff --git a/APL1.2/TP03/top10 b/APL1.2/TP03/top10 new file mode 100644 index 0000000..f6c571a Binary files /dev/null and b/APL1.2/TP03/top10 differ diff --git a/APL1.2/TP04/compte b/APL1.2/TP04/compte new file mode 100644 index 0000000..14aa4c8 Binary files /dev/null and b/APL1.2/TP04/compte differ diff --git a/APL1.2/TP04/compteur.c b/APL1.2/TP04/compteur.c new file mode 100644 index 0000000..f72dfd3 --- /dev/null +++ b/APL1.2/TP04/compteur.c @@ -0,0 +1,24 @@ +#include +#include + +int main(int argc, char * argv[]) { + FILE* flux = fopen("compte", "r"); + int compte = 0; + + if (flux) { + fread(&compte, 4, 1, flux); + } + + compte++; + + printf("%d\n", compte); + + flux = fopen("compte", "w"); + if (flux) { + fwrite(&compte, 4, 1, flux); + fclose(flux); + } + + return EXIT_SUCCESS; +} + diff --git a/APL1.2/TP04/hexadecimal.c b/APL1.2/TP04/hexadecimal.c new file mode 100644 index 0000000..2427efb --- /dev/null +++ b/APL1.2/TP04/hexadecimal.c @@ -0,0 +1,28 @@ +#include +#include + +int main(int argc, char * argv[]) { + FILE* flux = fopen(argv[1], "r"); + + if (flux) { + unsigned char lettre, count = 0; + + while(!feof(flux)) { + if (count == 0) puts(""); + fread(&lettre, 1, 1, flux); + printf("%02x", lettre); + fread(&lettre, 1, 1, flux); + printf("%02x ", lettre); + + count = (count + 1) % 8; + } + + puts(""); + fclose(flux); + } else { + puts("Error : Could not open file."); + return EXIT_FAILURE; + } + return EXIT_SUCCESS; +} + diff --git a/APL1.2/TP04/image.bin b/APL1.2/TP04/image.bin new file mode 100644 index 0000000..d67e8de Binary files /dev/null and b/APL1.2/TP04/image.bin differ diff --git a/APL1.2/TP04/image.c b/APL1.2/TP04/image.c new file mode 100644 index 0000000..f5a5cf4 --- /dev/null +++ b/APL1.2/TP04/image.c @@ -0,0 +1,30 @@ +#include +#include +#include + +int main(int argc, char * argv[]) { + int width, height; + couleur color; + FILE* flux = fopen("image.bin", "r"); + if (flux) { + + fread(&width, 4, 1, flux); + fread(&height, 4, 1, flux); + + InitialiserGraphique(); + CreerFenetre(100, 100, width, height); + + for (int x = 0; x < width; x++) { + for (int y = 0; y < height; y++) { + fread(&color, sizeof(couleur), 1, flux); + ChoisirCouleurDessin(color); + DessinerPixel(x, y); + } + } + + Touche(); + FermerGraphique(); + return EXIT_SUCCESS; + } else return EXIT_FAILURE; +} + diff --git a/HTML/TP01/Exercice1.html b/HTML/TP01/Exercice1.html new file mode 100644 index 0000000..5bca64f --- /dev/null +++ b/HTML/TP01/Exercice1.html @@ -0,0 +1,16 @@ + + + + Le W3C + + +

Le W3C

+ +

Le W3C est un consortium créé le par Tim Berners-Lee, principal + inventeur du World Wide Web en , pour promouvoir la compatibilité et donc + la normalisation des technologies du World Wide Web. Avant le W3C, c'était l'IETF, + un autre organisme important de l'Internet, qui était en charge de cette mission.

+ +

Le W3C a par exemple standardisé les technologies HTML et XML.

+ + \ No newline at end of file diff --git a/HTML/TP01/Exercice2.html b/HTML/TP01/Exercice2.html new file mode 100644 index 0000000..665c135 --- /dev/null +++ b/HTML/TP01/Exercice2.html @@ -0,0 +1,24 @@ + + + + Emoticons + + +

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.

+ +

Smiley: :‑) :->
Tongue-tied: :‑&
Broken heart: <\3
Rose: @}->--
Fish: ><(((*>

+ +

Eastern

+

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

+ +

Troubled: (>_<)
Sad: ("_")
Cat: (=^·^=)
Headphones: ((d[-_-]b))

+ + \ No newline at end of file diff --git a/HTML/TP01/Exercice3.html b/HTML/TP01/Exercice3.html new file mode 100644 index 0000000..11d91a4 --- /dev/null +++ b/HTML/TP01/Exercice3.html @@ -0,0 +1,35 @@ + + + + Mes sites web préférés + + +

Mes sites préférés

+

Parmis mes sites Web préférés, on y trouve :

+ +
+

Par ordre d'importance, je pourrais les classer comme ceci:

+
    +
  1. Youtube
  2. +
  3. Mon dépot en ligne
  4. +
  5. Le site du l'IUT
  6. +
  7. Le site de validation de W3C
  8. +
+
+
+
Le site du l'IUT
+
On y trouve notament toutes les resources informatiques nécéssaire aux étudiants du BUT Info.
+
Youtube
+
Qui regorge de vidéos en tous genres afin de se distraire
+
Mon dépot en ligne
+
Qui contient tous mes travaux en informatique
+
Le site de validation de W3C
+
Qui sert à valider le contenu d'un document HTML et ainsi d'être sur qu'il soit à la norme.
+
+ + \ No newline at end of file diff --git a/HTML/TP01/Exercice4.html b/HTML/TP01/Exercice4.html new file mode 100644 index 0000000..7e52b39 --- /dev/null +++ b/HTML/TP01/Exercice4.html @@ -0,0 +1,120 @@ + + + + + Le Système Solaire + + +

Les planètes du système solaire

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PlanèteDistance Moyenne (UA)ExentricitéInclinaison (°)Période de révolution (an)Photo
Mercure0,387098930,20570,241Mecure +
Venus0,723331990,0073,40,615Venus +
Terre10,01701Terre +
Mars1,523662310,0941,91,881Mars +
Jupiter5,203363010,0491,311,862Jupiter +
Saturne9,60,0572,529,452Saturne +
Uranus2872,50,897,830,589Uranus +
Neptune4495,11,828,359,8Neptune +
+ + \ No newline at end of file diff --git a/HTML/TP01/Exercice5.html b/HTML/TP01/Exercice5.html new file mode 100644 index 0000000..d478215 --- /dev/null +++ b/HTML/TP01/Exercice5.html @@ -0,0 +1,19 @@ + + + + Les couches du développement WEB + + +

Les différentes couches du développement WEB :

+ pyramide_couches_web + + + JavaScript + CSS + HTML + + + \ No newline at end of file diff --git a/HTML/TP01/Exercice6.sh b/HTML/TP01/Exercice6.sh new file mode 100755 index 0000000..14933c6 --- /dev/null +++ b/HTML/TP01/Exercice6.sh @@ -0,0 +1,11 @@ +#!/bin/bash + +printf "\n\n\n" > $2 +printf "

"$(readlink -f $1)"

\n" >> $2 +printf "\n\n\n\n\n\n\n" >> $2 +for file in $(ls $1) +do + stat $file --format="" >> $2 +done + +printf "
Nom du fichierDroitsTaille
%n%A%s
\n\n" >> $2 \ No newline at end of file diff --git a/HTML/TP01/toto.html b/HTML/TP01/toto.html new file mode 100644 index 0000000..809186d --- /dev/null +++ b/HTML/TP01/toto.html @@ -0,0 +1,21 @@ + + + +

/export/home/an21/horville/APL/HTML/TP01

+ + + + + + + + + + + + + + +
Nom du fichierDroitsTaille
Exercice1.html-rw-r--r--824
Exercice2.html-rw-r--r--967
Exercice3.html-rw-r--r--1725
Exercice4.html-rw-r--r--2832
Exercice5.html-rw-r--r--843
Exercice6.sh-rwxr-xr-x380
toto.html-rw-r--r--568
+ + \ No newline at end of file diff --git a/HTML/TP02/exercice1-bis.html b/HTML/TP02/exercice1-bis.html new file mode 100644 index 0000000..b6d2f0f --- /dev/null +++ b/HTML/TP02/exercice1-bis.html @@ -0,0 +1,19 @@ + + + + Lorem Ipsum + + +

Mon deuxième article de blog

+

Ma première partie

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mattis, est sit amet pellentesque feugiat, tortor ex bibendum ante, non luctus mauris nisi eget leo. Vestibulum justo enim, imperdiet vitae fermentum nec, pellentesque vitae nisl. Pellentesque placerat risus non massa mattis dignissim. In non venenatis diam. Donec sit amet finibus arcu. Nunc elit enim, convallis ut ex ac, euismod congue risus. Suspendisse nibh lectus, facilisis eu commodo at, luctus at urna. Aenean laoreet elit sit amet rhoncus viverra. Sed porta purus a rutrum iaculis. Nunc commodo ex urna, ac faucibus odio posuere vitae. Nam pellentesque tellus eget risus pharetra imperdiet. Maecenas semper feugiat lectus sed rutrum. Cras imperdiet ligula eu ornare bibendum. Phasellus semper arcu quis ex viverra, nec pharetra nunc porttitor. Vivamus tempor tortor metus, vel ornare diam malesuada sit amet. In hac habitasse platea dictumst.

+ +

Nullam sollicitudin lectus eget vestibulum ullamcorper. Fusce non sagittis tortor, in aliquet quam. Nunc convallis lacinia risus id mollis. Praesent enim ex, consectetur et aliquet ac, commodo quis arcu. In faucibus posuere sollicitudin. Fusce ultricies mi sed aliquet ultricies. Cras tempor nunc diam, sed gravida nisl facilisis vitae. Morbi condimentum sodales ex, eu ultricies risus. Integer tincidunt orci ut felis tempus, eu ullamcorper urna imperdiet. Curabitur lectus ante, lobortis vitae pretium a, sodales non sapien. Duis mollis convallis mollis. Nunc pellentesque nisl vel justo placerat porta. Mauris commodo mauris sed felis sagittis, vel commodo diam dictum. Duis iaculis vel sapien eu volutpat. Quisque nec finibus augue.

+ +

Etiam posuere auctor diam eu hendrerit. Aenean vulputate lectus laoreet mi condimentum, eu iaculis ipsum scelerisque. Pellentesque porta nec odio fermentum sodales. Vestibulum id hendrerit sem, at viverra turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam tristique non turpis at auctor. Aenean mattis augue dui, sed sodales elit facilisis sed. Quisque finibus cursus dui. Duis rutrum lectus in ullamcorper lobortis. Ut interdum turpis eu tortor accumsan, at molestie velit tincidunt. Aliquam erat volutpat. Vestibulum convallis pharetra quam sagittis pellentesque. Maecenas euismod libero orci, ac laoreet felis laoreet in. Curabitur at dui neque.

+ +

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris vehicula ex eu odio efficitur, in rutrum arcu pulvinar. Donec blandit semper est a suscipit. Quisque maximus felis a elit tempor, vitae ultrices quam laoreet. In in luctus mauris, ut tincidunt nulla. Sed a ipsum fringilla, tincidunt tortor ac, porttitor sapien. Quisque ultrices dignissim dui, ut congue nisi pharetra sit amet. Morbi id feugiat mi, non bibendum lorem. Donec mauris augue, vulputate non nisi non, ultricies faucibus magna. Nam in eleifend magna. Phasellus ac odio pulvinar, dictum ipsum id, tempus turpis. Vestibulum id nibh risus.

+ +

Duis sollicitudin mollis sollicitudin. Vestibulum consequat maximus eros et efficitur. Nulla porttitor blandit nisl aliquam tincidunt. Duis gravida id lacus eu condimentum. Pellentesque faucibus varius erat vitae blandit. Etiam efficitur dolor in velit hendrerit, id elementum arcu rutrum. Vivamus fermentum justo quis felis sagittis pharetra. Proin lacus dui, sollicitudin tempor augue a, suscipit suscipit purus. Ut sit amet euismod lorem. Sed sit amet dignissim dolor. Integer at neque consequat, varius metus vitae, rhoncus massa.

+ + \ No newline at end of file diff --git a/HTML/TP02/exercice1.html b/HTML/TP02/exercice1.html new file mode 100644 index 0000000..99f9c77 --- /dev/null +++ b/HTML/TP02/exercice1.html @@ -0,0 +1,36 @@ + + + + Lorem Ipsum + + + Partie 1 +
+ Partie 2 +
+ Partie 3 + +

Mon article de blog

+

Ma première partie

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mattis, est sit amet pellentesque feugiat, tortor ex bibendum ante, non luctus mauris nisi eget leo. Vestibulum justo enim, imperdiet vitae fermentum nec, pellentesque vitae nisl. Pellentesque placerat risus non massa mattis dignissim. In non venenatis diam. Donec sit amet finibus arcu. Nunc elit enim, convallis ut ex ac, euismod congue risus. Suspendisse nibh lectus, facilisis eu commodo at, luctus at urna. Aenean laoreet elit sit amet rhoncus viverra. Sed porta purus a rutrum iaculis. Nunc commodo ex urna, ac faucibus odio posuere vitae. Nam pellentesque tellus eget risus pharetra imperdiet. Maecenas semper feugiat lectus sed rutrum. Cras imperdiet ligula eu ornare bibendum. Phasellus semper arcu quis ex viverra, nec pharetra nunc porttitor. Vivamus tempor tortor metus, vel ornare diam malesuada sit amet. In hac habitasse platea dictumst.

+ +

Nullam sollicitudin lectus eget vestibulum ullamcorper. Fusce non sagittis tortor, in aliquet quam. Nunc convallis lacinia risus id mollis. Praesent enim ex, consectetur et aliquet ac, commodo quis arcu. In faucibus posuere sollicitudin. Fusce ultricies mi sed aliquet ultricies. Cras tempor nunc diam, sed gravida nisl facilisis vitae. Morbi condimentum sodales ex, eu ultricies risus. Integer tincidunt orci ut felis tempus, eu ullamcorper urna imperdiet. Curabitur lectus ante, lobortis vitae pretium a, sodales non sapien. Duis mollis convallis mollis. Nunc pellentesque nisl vel justo placerat porta. Mauris commodo mauris sed felis sagittis, vel commodo diam dictum. Duis iaculis vel sapien eu volutpat. Quisque nec finibus augue.

+ +

Etiam posuere auctor diam eu hendrerit. Aenean vulputate lectus laoreet mi condimentum, eu iaculis ipsum scelerisque. Pellentesque porta nec odio fermentum sodales. Vestibulum id hendrerit sem, at viverra turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam tristique non turpis at auctor. Aenean mattis augue dui, sed sodales elit facilisis sed. Quisque finibus cursus dui. Duis rutrum lectus in ullamcorper lobortis. Ut interdum turpis eu tortor accumsan, at molestie velit tincidunt. Aliquam erat volutpat. Vestibulum convallis pharetra quam sagittis pellentesque. Maecenas euismod libero orci, ac laoreet felis laoreet in. Curabitur at dui neque.

+ +

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris vehicula ex eu odio efficitur, in rutrum arcu pulvinar. Donec blandit semper est a suscipit. Quisque maximus felis a elit tempor, vitae ultrices quam laoreet. In in luctus mauris, ut tincidunt nulla. Sed a ipsum fringilla, tincidunt tortor ac, porttitor sapien. Quisque ultrices dignissim dui, ut congue nisi pharetra sit amet. Morbi id feugiat mi, non bibendum lorem. Donec mauris augue, vulputate non nisi non, ultricies faucibus magna. Nam in eleifend magna. Phasellus ac odio pulvinar, dictum ipsum id, tempus turpis. Vestibulum id nibh risus.

+ +

Duis sollicitudin mollis sollicitudin. Vestibulum consequat maximus eros et efficitur. Nulla porttitor blandit nisl aliquam tincidunt. Duis gravida id lacus eu condimentum. Pellentesque faucibus varius erat vitae blandit. Etiam efficitur dolor in velit hendrerit, id elementum arcu rutrum. Vivamus fermentum justo quis felis sagittis pharetra. Proin lacus dui, sollicitudin tempor augue a, suscipit suscipit purus. Ut sit amet euismod lorem. Sed sit amet dignissim dolor. Integer at neque consequat, varius metus vitae, rhoncus massa.

+ +

Ma deuxième partie

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mattis, est sit amet pellentesque feugiat, tortor ex bibendum ante, non luctus mauris nisi eget leo. Vestibulum justo enim, imperdiet vitae fermentum nec, pellentesque vitae nisl. Pellentesque placerat risus non massa mattis dignissim. In non venenatis diam. Donec sit amet finibus arcu. Nunc elit enim, convallis ut ex ac, euismod congue risus. Suspendisse nibh lectus, facilisis eu commodo at, luctus at urna. Aenean laoreet elit sit amet rhoncus viverra. Sed porta purus a rutrum iaculis. Nunc commodo ex urna, ac faucibus odio posuere vitae. Nam pellentesque tellus eget risus pharetra imperdiet. Maecenas semper feugiat lectus sed rutrum. Cras imperdiet ligula eu ornare bibendum. Phasellus semper arcu quis ex viverra, nec pharetra nunc porttitor. Vivamus tempor tortor metus, vel ornare diam malesuada sit amet. In hac habitasse platea dictumst.

+ +

Nullam sollicitudin lectus eget vestibulum ullamcorper. Fusce non sagittis tortor, in aliquet quam. Nunc convallis lacinia risus id mollis. Praesent enim ex, consectetur et aliquet ac, commodo quis arcu. In faucibus posuere sollicitudin. Fusce ultricies mi sed aliquet ultricies. Cras tempor nunc diam, sed gravida nisl facilisis vitae. Morbi condimentum sodales ex, eu ultricies risus. Integer tincidunt orci ut felis tempus, eu ullamcorper urna imperdiet. Curabitur lectus ante, lobortis vitae pretium a, sodales non sapien. Duis mollis convallis mollis. Nunc pellentesque nisl vel justo placerat porta. Mauris commodo mauris sed felis sagittis, vel commodo diam dictum. Duis iaculis vel sapien eu volutpat. Quisque nec finibus augue.

+ +

Etiam posuere auctor diam eu hendrerit. Aenean vulputate lectus laoreet mi condimentum, eu iaculis ipsum scelerisque. Pellentesque porta nec odio fermentum sodales. Vestibulum id hendrerit sem, at viverra turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam tristique non turpis at auctor. Aenean mattis augue dui, sed sodales elit facilisis sed. Quisque finibus cursus dui. Duis rutrum lectus in ullamcorper lobortis. Ut interdum turpis eu tortor accumsan, at molestie velit tincidunt. Aliquam erat volutpat. Vestibulum convallis pharetra quam sagittis pellentesque. Maecenas euismod libero orci, ac laoreet felis laoreet in. Curabitur at dui neque.

+ +

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris vehicula ex eu odio efficitur, in rutrum arcu pulvinar. Donec blandit semper est a suscipit. Quisque maximus felis a elit tempor, vitae ultrices quam laoreet. In in luctus mauris, ut tincidunt nulla. Sed a ipsum fringilla, tincidunt tortor ac, porttitor sapien. Quisque ultrices dignissim dui, ut congue nisi pharetra sit amet. Morbi id feugiat mi, non bibendum lorem. Donec mauris augue, vulputate non nisi non, ultricies faucibus magna. Nam in eleifend magna. Phasellus ac odio pulvinar, dictum ipsum id, tempus turpis. Vestibulum id nibh risus.

+ +

Duis sollicitudin mollis sollicitudin. Vestibulum consequat maximus eros et efficitur. Nulla porttitor blandit nisl aliquam tincidunt. Duis gravida id lacus eu condimentum. Pellentesque faucibus varius erat vitae blandit. Etiam efficitur dolor in velit hendrerit, id elementum arcu rutrum. Vivamus fermentum justo quis felis sagittis pharetra. Proin lacus dui, sollicitudin tempor augue a, suscipit suscipit purus. Ut sit amet euismod lorem. Sed sit amet dignissim dolor. Integer at neque consequat, varius metus vitae, rhoncus massa.

+ + \ No newline at end of file diff --git a/HTML/TP02/exercice2.html b/HTML/TP02/exercice2.html new file mode 100644 index 0000000..195506a --- /dev/null +++ b/HTML/TP02/exercice2.html @@ -0,0 +1,31 @@ + + + + Formulaire + + +

Formulaire

+
+
+
+
+
+
+
+ + + +
+
+
+

+ +
+ + \ No newline at end of file diff --git a/HTML/TP02/exercice3.html b/HTML/TP02/exercice3.html new file mode 100644 index 0000000..e968918 --- /dev/null +++ b/HTML/TP02/exercice3.html @@ -0,0 +1,33 @@ + + + + Formulaire + + +

Formulaire

+
+
+
+
+
+
+
+ + + +
+
+
+

+ +
+ + \ No newline at end of file diff --git a/HTML/TP02/exercice4-réponse.txt b/HTML/TP02/exercice4-réponse.txt new file mode 100644 index 0000000..fb0742d --- /dev/null +++ b/HTML/TP02/exercice4-réponse.txt @@ -0,0 +1,9 @@ +Le code CSS change le style par défaut des éléments suivants : + + * Tous les éléments de texte inclus dans body auront comme police : "sans-serif" + + * Les titres h1 seront en plus d'être en "sans-serif", en petites majuscules. + + * Les titres h2 auront une couleur d'arrière plan de #aaaaaa, une marge de 10 pixels et seront en italique. + + * Les éléments span seront en monospace gras et auront comme couleur (pas d'arrière plan) #aa4512. \ No newline at end of file diff --git a/HTML/TP02/exercice4.css b/HTML/TP02/exercice4.css new file mode 100644 index 0000000..713648d --- /dev/null +++ b/HTML/TP02/exercice4.css @@ -0,0 +1,20 @@ +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; +} \ No newline at end of file diff --git a/HTML/TP02/exercice4.html b/HTML/TP02/exercice4.html new file mode 100644 index 0000000..41674d3 --- /dev/null +++ b/HTML/TP02/exercice4.html @@ -0,0 +1,25 @@ + + + + Emoticons + + + +

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.

+ +

Smiley: :‑) :->
Tongue-tied: :‑&
Broken heart: <\3
Rose: @}->--
Fish: ><(((*>

+ +

Eastern

+

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

+ +

Troubled: (>_<)
Sad: ("_")
Cat: (=^·^=)
Headphones: ((d[-_-]b))

+ + \ No newline at end of file diff --git a/HTML/TP02/exercice5.css b/HTML/TP02/exercice5.css new file mode 100644 index 0000000..78fee57 --- /dev/null +++ b/HTML/TP02/exercice5.css @@ -0,0 +1,23 @@ +body { + font-family: sans-serif; +} + +h1 { + font-size: 15px; + font-variant: small-caps; +} + +thead { + border-color: #000000; +} + +th { + font-size: 15px; + font-variant: small-caps; + border-top: 2px solid rgb(0, 0, 0); + border-bottom: 2px solid rgb(0, 0, 0); +} + +td { + border-bottom: 1px solid rgb(190,190,190); +} \ No newline at end of file diff --git a/HTML/TP02/exercice5.html b/HTML/TP02/exercice5.html new file mode 100644 index 0000000..d1f5a38 --- /dev/null +++ b/HTML/TP02/exercice5.html @@ -0,0 +1,80 @@ + + + + + Le Système Solaire + + + +

Les 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
+ + \ No newline at end of file diff --git a/HTML/TP02/exercice6.css b/HTML/TP02/exercice6.css new file mode 100644 index 0000000..19d3ce3 --- /dev/null +++ b/HTML/TP02/exercice6.css @@ -0,0 +1,4 @@ +td { + border: 1px solid rgb(0, 0, 0); + +} \ No newline at end of file diff --git a/HTML/TP02/exercice6.html b/HTML/TP02/exercice6.html new file mode 100644 index 0000000..6af667d --- /dev/null +++ b/HTML/TP02/exercice6.html @@ -0,0 +1,17 @@ + + + + Tableau + + + + + + + + +
+ +
+ + \ No newline at end of file