diff --git a/web/HTML_1.pdf b/web/HTML_1.pdf deleted file mode 100755 index a6f3834..0000000 Binary files a/web/HTML_1.pdf and /dev/null differ diff --git a/web/JS/README.md b/web/JS/README.md index 128a5c2..cd61f52 100644 --- a/web/JS/README.md +++ b/web/JS/README.md @@ -275,3 +275,11 @@ document.write ("Résultat ",a," + ",b," = ",resultat); - Ouvrez le fichier HTML à l'aide du navigateur Firefox et observez le résultat. as et bs sont de type string, a et b sont maintenant des nombres, le résultat est maintenant correct. + +------- + +Auteur : Florian Mathieu + +Licence CC BY NC + +Licence Creative Commons
Ce cours est mis à disposition selon les termes de la Licence Creative Commons Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions 4.0 International. diff --git a/web/README.md b/web/README.md index 364f856..c55adce 100644 --- a/web/README.md +++ b/web/README.md @@ -18,7 +18,7 @@ Ces mots "cliquables" sont appelés hyperliens et sont souvent soulignés et en ![premier_site](assets/premier_site.png) -Cette première page web est toujours consultable [ici]( http://info.cern.ch/hypertext/WWW/TheProject.html). +Cette première page web est toujours consultable ***[ici]( http://info.cern.ch/hypertext/WWW/TheProject.html).*** Tim Berners-Lee développe le premier navigateur web (logiciel permettant de lire des pages contenant des hypertextes), il l'appelle simplement "***WorldWideWeb***". Il faudra attendre 1993 et l'arrivée du navigateur web "NCSA Mosaic" pour que le web commence à devenir populaire en dehors du petit monde de la recherche. @@ -26,6 +26,8 @@ Techniquement le web se base sur trois choses : le protocole *HTTP* (HyperText T Une chose très importante à bien avoir à l'esprit : beaucoup de personnes confondent "web" et "internet". Même si le "web" "s'appuie" sur internet, les deux choses n'ont rien à voir puisqu'"internet" est un "réseau de réseaux" s'appuyant sur le protocole IP (voir le module Internet) alors que, comme nous venons de le voir, le web est la combinaison de trois technologies : HTTP, URL et HTML. D'ailleurs on trouve autre chose que le "web" sur internet, par exemple, les emails avec le protocole SMTP (Simple Mail Transfert Protocol) et les transferts de fichiers avec le protocole FTP (File Transfert Protocol). +----------- + ## Comment ? Les navigateurs interprètent des **codes** (HTML et CSS) afin d’afficher des pages Web. Il s’agit de langages informatiques qui permettent de créer des sites web. @@ -41,4 +43,47 @@ Pour l'instant, nous allons retenir deux éléments de cette définition «conç Grâce au HTML vous allez pouvoir, dans votre navigateur (Firefox, Chrome, Opera,....), afficher du texte, afficher des images, proposer des hyperliens (liens vers d'autres pages web), afficher des formulaires et même maintenant afficher des vidéos (grâce à la dernière version du HTML, l'HTML5). -HTML n'est pas un langage de programmation (comme le Python par exemple), ici, pas question de conditions, de boucles....c'est un langage de description. \ No newline at end of file +HTML n'est pas un langage de programmation (comme le Python par exemple), ici, pas question de conditions, de boucles....c'est un langage de description. + +Le langage CSS (Cascade Style Sheets, feuilles de style en cascade) est venu compléter le langage HTML en 1996. Son rôle est de gérer l’apparence de la page web (agencement, positionnement, décoration, couleurs, taille du texte, etc.). + +Autrement dit, le contenu est écrit dans le fichier HTML et la mise en forme est écrite dans le fichier CSS. + +Vous pouvez examiner le code html du site du lycée : + +https://charlotte-perriand.enthdf.fr -> clic droit sur la page -> afficher code source + +Vous devriez avoir quelque chose comme ça : + +![site_genech](assets/site_genech.png) + +Nous verrons dans un prochaine exercice ce que tout cela signifie. + +------- + +## Ressources + +En attendant, si vous souhaitez en savoir plus avant d'attaquer les activités en classe, voici quelques ressources : + +- [MDN Web Docs](https://developer.mozilla.org/fr/docs/Learn) : Une ressource complète, écrite par Mozilla, pour les développeurs web. Les guides d'apprentissage du HTML et du CSS sont excellents pour les débutants. +- [Codecademy](https://www.codecademy.com/learn/learn-html) : Des cours interactifs pour apprendre le HTML et le CSS. Leur format pratique est excellent pour se familiariser avec ces langages. +- [W3Schools](https://www.w3schools.com/html/) : Une autre excellente ressource avec des exemples de code et des quiz pour tester la compréhension. Il s'agit d'un site déployé par le World Wide Web Consortium, c'est à dire les personnes chargées de définir les règles d'utilisation du web. +- [freeCodeCamp](https://www.freecodecamp.org/learn/responsive-web-design/) : Un cours gratuit qui couvre à la fois le HTML et le CSS, ainsi que d'autres aspects de la conception web réactive. + +- [FlexboxFroggy](https://flexboxfroggy.com/#fr): Probablement mon outil préféré pour apprendre le CSS. En utilisant les règles du CSS, vous verrez une grenouille se déplacer sur votre écran selon ce que vous aurez écrit. +- [Grid Garden](https://cssgridgarden.com/#fr) qui est un jeu similaire pour apprendre le CSS Grid Layout. +- [Code With Blocks](https://codewithblocks.com/new) : Permet de mieux se représenter l'arborescence d'une page html, à l'aide de blocs. +- [CSS Diner](https://flukeout.github.io) : Permet d'apprendre à manier les selecteurs CSS. +- [SmolCSS](https://smolcss.dev) : Une fois que vous maitriserez le CSS...Dans une dizaine d'années donc. + +Enfin, vous trouverez dans le répertoire [ressources](ressources/) + +Merci à @kompose_ sur Twitter pour les liens + +------------------- + +Auteur : Florian Mathieu + +Licence CC BY NC + +Licence Creative Commons
Ce cours est mis à disposition selon les termes de la Licence Creative Commons Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions 4.0 International. \ No newline at end of file diff --git a/web/Ressources/css_cheat.png b/web/Ressources/css_cheat.png new file mode 100644 index 0000000..5b1a118 Binary files /dev/null and b/web/Ressources/css_cheat.png differ diff --git a/web/Ressources/help_sheet.jpeg b/web/Ressources/help_sheet.jpeg new file mode 100644 index 0000000..499cea0 Binary files /dev/null and b/web/Ressources/help_sheet.jpeg differ diff --git a/web/Ressources/html_input.jpeg b/web/Ressources/html_input.jpeg new file mode 100644 index 0000000..eaff2fc Binary files /dev/null and b/web/Ressources/html_input.jpeg differ diff --git a/web/assets/bo_evenement.png b/web/assets/bo_evenement.png new file mode 100644 index 0000000..04f1d70 Binary files /dev/null and b/web/assets/bo_evenement.png differ diff --git a/web/assets/bo_formulaire.png b/web/assets/bo_formulaire.png new file mode 100644 index 0000000..fc7d7b8 Binary files /dev/null and b/web/assets/bo_formulaire.png differ diff --git a/web/assets/bo_interaction.png b/web/assets/bo_interaction.png new file mode 100644 index 0000000..dc11d9c Binary files /dev/null and b/web/assets/bo_interaction.png differ diff --git a/web/assets/bo_requetes.png b/web/assets/bo_requetes.png new file mode 100644 index 0000000..efc3c06 Binary files /dev/null and b/web/assets/bo_requetes.png differ diff --git a/web/assets/css_cheat.png b/web/assets/css_cheat.png new file mode 100644 index 0000000..5b1a118 Binary files /dev/null and b/web/assets/css_cheat.png differ diff --git a/web/assets/help_sheet.jpeg b/web/assets/help_sheet.jpeg new file mode 100644 index 0000000..499cea0 Binary files /dev/null and b/web/assets/help_sheet.jpeg differ diff --git a/web/assets/internet_mode.JPG b/web/assets/internet_mode.JPG new file mode 100644 index 0000000..1968049 Binary files /dev/null and b/web/assets/internet_mode.JPG differ diff --git a/web/assets/site_genech.png b/web/assets/site_genech.png new file mode 100644 index 0000000..12eb63d Binary files /dev/null and b/web/assets/site_genech.png differ diff --git a/web/decodage.pdf b/web/decodage.pdf new file mode 100644 index 0000000..bb8bcf2 Binary files /dev/null and b/web/decodage.pdf differ diff --git a/web/tp/1/ProgrammationWEB.html b/web/tp/1/ProgrammationWEB.html deleted file mode 100644 index b1fc9ca..0000000 --- a/web/tp/1/ProgrammationWEB.html +++ /dev/null @@ -1,119 +0,0 @@ - - - - - - Découverte du HTML - - - - -

WEB

- - -

Les balises HTML que j'ai découvertes

-

En synthèse, compléter le tableau suivant :

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
BaliseDescriptionExemple d'utilisation
<!-- -->Commentaire<!-- ici un commentaire -->
<p>Paragraphe<p>Ceci est un paragraphe.</p>
<h1> à <h6>
<br />
<strong>
<ul>
<ol>
<li>
<dt>
<table>
<a>
<img />
<hr />
- -

La ciel est bleu comme la mer.

- - - -

Les grands noms de l'informatique

- - - - - - \ No newline at end of file diff --git a/web/tp/1/images/Thumbs.db b/web/tp/1/images/Thumbs.db deleted file mode 100644 index 91ad140..0000000 Binary files a/web/tp/1/images/Thumbs.db and /dev/null differ diff --git a/web/tp/1/images/background-h1-wide.jpg b/web/tp/1/images/background-h1-wide.jpg deleted file mode 100644 index 6c9ce19..0000000 Binary files a/web/tp/1/images/background-h1-wide.jpg and /dev/null differ diff --git a/web/tp/1/images/background-h1-wood.jpg b/web/tp/1/images/background-h1-wood.jpg deleted file mode 100644 index a77b45a..0000000 Binary files a/web/tp/1/images/background-h1-wood.jpg and /dev/null differ diff --git a/web/tp/1/images/grandsNoms/Alan Turing.jpg b/web/tp/1/images/grandsNoms/Alan Turing.jpg deleted file mode 100644 index 9113dfe..0000000 Binary files a/web/tp/1/images/grandsNoms/Alan Turing.jpg and /dev/null differ diff --git a/web/tp/1/images/grandsNoms/JohnvonNeumann.jpg b/web/tp/1/images/grandsNoms/JohnvonNeumann.jpg deleted file mode 100644 index f3ff8f5..0000000 Binary files a/web/tp/1/images/grandsNoms/JohnvonNeumann.jpg and /dev/null differ diff --git a/web/tp/1/images/grandsNoms/Thumbs.db b/web/tp/1/images/grandsNoms/Thumbs.db deleted file mode 100644 index f61ff36..0000000 Binary files a/web/tp/1/images/grandsNoms/Thumbs.db and /dev/null differ diff --git a/web/tp/1/images/grandsNoms/dennis_ritchie.jpg b/web/tp/1/images/grandsNoms/dennis_ritchie.jpg deleted file mode 100644 index 9878d7b..0000000 Binary files a/web/tp/1/images/grandsNoms/dennis_ritchie.jpg and /dev/null differ diff --git a/web/tp/1/images/grandsNoms/graceHopper.jpg b/web/tp/1/images/grandsNoms/graceHopper.jpg deleted file mode 100644 index 99f0870..0000000 Binary files a/web/tp/1/images/grandsNoms/graceHopper.jpg and /dev/null differ diff --git a/web/tp/1/images/grandsNoms/linus-torvalds-osdl.jpg b/web/tp/1/images/grandsNoms/linus-torvalds-osdl.jpg deleted file mode 100644 index 32fb636..0000000 Binary files a/web/tp/1/images/grandsNoms/linus-torvalds-osdl.jpg and /dev/null differ diff --git a/web/tp/1/images/grandsNoms/stallman.jpg b/web/tp/1/images/grandsNoms/stallman.jpg deleted file mode 100644 index 90c2018..0000000 Binary files a/web/tp/1/images/grandsNoms/stallman.jpg and /dev/null differ diff --git a/web/tp/1/images/grandsNoms/tim-berners-lee.jpg b/web/tp/1/images/grandsNoms/tim-berners-lee.jpg deleted file mode 100644 index 9128d44..0000000 Binary files a/web/tp/1/images/grandsNoms/tim-berners-lee.jpg and /dev/null differ diff --git a/web/tp/1/style.css b/web/tp/1/style.css deleted file mode 100644 index 6f5cd45..0000000 --- a/web/tp/1/style.css +++ /dev/null @@ -1,55 +0,0 @@ -h1 -{ - font-size: 32px; - text-shadow: -1px -1px #0c0, 1px 1px #060, -3px 0 4px #000; - font-family:Arial, Helvetica, sans-serif; - color: #090; - padding:16px; - font-weight:lighter; - -moz-box-shadow: 2px 2px 6px #888; - -webkit-box-shadow: 2px 2px 6px #888; - box-shadow:2px 2px 6px #888; - text-align:center; - display:block; - margin:16px; - background-color: #76d7c4; -} - -#banniere -{ - font-size: 48px; - text-shadow: -1px -1px #9df, 1px 1px #49d, -3px 0 4px #000; - font-family:"Segoe print", Arial, Helvetica, sans-serif; - color:#6bf; - padding:24px 32px 32px 32px; - font-weight:lighter; - -moz-box-shadow: 2px 2px 6px #888; - -webkit-box-shadow: 2px 2px 6px #888; - box-shadow:2px 2px 6px #888; - text-align:center; - display:block; - line-height:150px; - background-image:url(images/background-h1-wide.jpg); -} - -/* faire le choix de la couleur en HTML : http://htmlcolorcodes.com/fr/*/ -body{ - background-color: #f7f9f9; -} - - -table tr:nth-child(odd) td -{ - background-color: #E8E8FF; -} - -h2, h3 { - background-color: gray; - color: navy; - radius-border : 5px; -} - -ul,ol{ - background-color: #1abc9c; - display : table; -} \ No newline at end of file diff --git a/web/tp/2/Experience client.pdf b/web/tp/2/Experience client.pdf deleted file mode 100644 index 6825173..0000000 Binary files a/web/tp/2/Experience client.pdf and /dev/null differ diff --git a/web/tp/2/ExperienceClient_images.7z b/web/tp/2/ExperienceClient_images.7z deleted file mode 100644 index 3d65971..0000000 Binary files a/web/tp/2/ExperienceClient_images.7z and /dev/null differ diff --git a/web/tp/2/ExperienceClient_images/img1.PNG b/web/tp/2/ExperienceClient_images/img1.PNG deleted file mode 100644 index f924888..0000000 Binary files a/web/tp/2/ExperienceClient_images/img1.PNG and /dev/null differ diff --git a/web/tp/2/ExperienceClient_images/img2.PNG b/web/tp/2/ExperienceClient_images/img2.PNG deleted file mode 100644 index 1064daa..0000000 Binary files a/web/tp/2/ExperienceClient_images/img2.PNG and /dev/null differ diff --git a/web/tp/2/ExperienceClient_images/img3.PNG b/web/tp/2/ExperienceClient_images/img3.PNG deleted file mode 100644 index 958f5b6..0000000 Binary files a/web/tp/2/ExperienceClient_images/img3.PNG and /dev/null differ diff --git a/web/tp/2/ExperienceClient_images/img4.PNG b/web/tp/2/ExperienceClient_images/img4.PNG deleted file mode 100644 index d3e7d22..0000000 Binary files a/web/tp/2/ExperienceClient_images/img4.PNG and /dev/null differ diff --git a/web/tp/2/ExperienceClient_images/img5.PNG b/web/tp/2/ExperienceClient_images/img5.PNG deleted file mode 100644 index 762f948..0000000 Binary files a/web/tp/2/ExperienceClient_images/img5.PNG and /dev/null differ diff --git a/web/tp/2/ExperienceClient_images/img6.PNG b/web/tp/2/ExperienceClient_images/img6.PNG deleted file mode 100644 index f1cc3cc..0000000 Binary files a/web/tp/2/ExperienceClient_images/img6.PNG and /dev/null differ diff --git a/web/tp/2/ExperienceClient_images/img7.PNG b/web/tp/2/ExperienceClient_images/img7.PNG deleted file mode 100644 index 8663cb3..0000000 Binary files a/web/tp/2/ExperienceClient_images/img7.PNG and /dev/null differ diff --git a/web/tp/2/ExperienceClient_images/img8.PNG b/web/tp/2/ExperienceClient_images/img8.PNG deleted file mode 100644 index f7142ff..0000000 Binary files a/web/tp/2/ExperienceClient_images/img8.PNG and /dev/null differ diff --git a/web/tp/3/TP 3 - CSS et sections.pdf b/web/tp/3/TP 3 - CSS et sections.pdf deleted file mode 100644 index 0c220d6..0000000 Binary files a/web/tp/3/TP 3 - CSS et sections.pdf and /dev/null differ diff --git a/web/tp/3/images/bangkok.jpg b/web/tp/3/images/bangkok.jpg deleted file mode 100644 index 16c109d..0000000 Binary files a/web/tp/3/images/bangkok.jpg and /dev/null differ diff --git a/web/tp/3/images/bulle.png b/web/tp/3/images/bulle.png deleted file mode 100644 index 915d928..0000000 Binary files a/web/tp/3/images/bulle.png and /dev/null differ diff --git a/web/tp/3/images/facebook.png b/web/tp/3/images/facebook.png deleted file mode 100644 index 5d0ae32..0000000 Binary files a/web/tp/3/images/facebook.png and /dev/null differ diff --git a/web/tp/3/images/flecheblanchedroite.png b/web/tp/3/images/flecheblanchedroite.png deleted file mode 100644 index 420e75c..0000000 Binary files a/web/tp/3/images/flecheblanchedroite.png and /dev/null differ diff --git a/web/tp/3/images/flickr.png b/web/tp/3/images/flickr.png deleted file mode 100644 index cb621e8..0000000 Binary files a/web/tp/3/images/flickr.png and /dev/null differ diff --git a/web/tp/3/images/fond_jaune.png b/web/tp/3/images/fond_jaune.png deleted file mode 100644 index f9d9d01..0000000 Binary files a/web/tp/3/images/fond_jaune.png and /dev/null differ diff --git a/web/tp/3/images/ico_epingle.png b/web/tp/3/images/ico_epingle.png deleted file mode 100644 index 79508ae..0000000 Binary files a/web/tp/3/images/ico_epingle.png and /dev/null differ diff --git a/web/tp/3/images/pastor.png b/web/tp/3/images/pastor.png deleted file mode 100644 index ebc218f..0000000 Binary files a/web/tp/3/images/pastor.png and /dev/null differ diff --git a/web/tp/3/images/photo_1.JPG b/web/tp/3/images/photo_1.JPG deleted file mode 100644 index 6825d27..0000000 Binary files a/web/tp/3/images/photo_1.JPG and /dev/null differ diff --git a/web/tp/3/images/photo_2.JPG b/web/tp/3/images/photo_2.JPG deleted file mode 100644 index c56976f..0000000 Binary files a/web/tp/3/images/photo_2.JPG and /dev/null differ diff --git a/web/tp/3/images/photo_3.JPG b/web/tp/3/images/photo_3.JPG deleted file mode 100644 index e1524d6..0000000 Binary files a/web/tp/3/images/photo_3.JPG and /dev/null differ diff --git a/web/tp/3/images/photo_4.JPG b/web/tp/3/images/photo_4.JPG deleted file mode 100644 index 63be7ca..0000000 Binary files a/web/tp/3/images/photo_4.JPG and /dev/null differ diff --git a/web/tp/3/images/photo_min_1.jpg b/web/tp/3/images/photo_min_1.jpg deleted file mode 100644 index 53e5d3a..0000000 Binary files a/web/tp/3/images/photo_min_1.jpg and /dev/null differ diff --git a/web/tp/3/images/photo_min_2.jpg b/web/tp/3/images/photo_min_2.jpg deleted file mode 100644 index 8f2cf89..0000000 Binary files a/web/tp/3/images/photo_min_2.jpg and /dev/null differ diff --git a/web/tp/3/images/photo_min_3.jpg b/web/tp/3/images/photo_min_3.jpg deleted file mode 100644 index 2e4df44..0000000 Binary files a/web/tp/3/images/photo_min_3.jpg and /dev/null differ diff --git a/web/tp/3/images/photo_min_4.jpg b/web/tp/3/images/photo_min_4.jpg deleted file mode 100644 index d653c81..0000000 Binary files a/web/tp/3/images/photo_min_4.jpg and /dev/null differ diff --git a/web/tp/3/images/rss.png b/web/tp/3/images/rss.png deleted file mode 100644 index bf7f13d..0000000 Binary files a/web/tp/3/images/rss.png and /dev/null differ diff --git a/web/tp/3/images/separateur.png b/web/tp/3/images/separateur.png deleted file mode 100644 index cbd99e8..0000000 Binary files a/web/tp/3/images/separateur.png and /dev/null differ diff --git a/web/tp/3/images/twitter.png b/web/tp/3/images/twitter.png deleted file mode 100644 index 3a580bc..0000000 Binary files a/web/tp/3/images/twitter.png and /dev/null differ diff --git a/web/tp/3/images/vimeo.png b/web/tp/3/images/vimeo.png deleted file mode 100644 index 9032dd0..0000000 Binary files a/web/tp/3/images/vimeo.png and /dev/null differ diff --git a/web/tp/4/TP 4 - sujet calculatrice.pdf b/web/tp/4/TP 4 - sujet calculatrice.pdf deleted file mode 100644 index 07b2618..0000000 Binary files a/web/tp/4/TP 4 - sujet calculatrice.pdf and /dev/null differ diff --git a/web/tp/4/image/GRAPH35.png b/web/tp/4/image/GRAPH35.png deleted file mode 100644 index edcbf39..0000000 Binary files a/web/tp/4/image/GRAPH35.png and /dev/null differ diff --git a/web/tp/4/image/img_header.PNG b/web/tp/4/image/img_header.PNG deleted file mode 100644 index 34da9a4..0000000 Binary files a/web/tp/4/image/img_header.PNG and /dev/null differ diff --git a/web/tp/4/image/ti83.png b/web/tp/4/image/ti83.png deleted file mode 100644 index 2f39741..0000000 Binary files a/web/tp/4/image/ti83.png and /dev/null differ diff --git a/web/tp/HTML_1.pdf b/web/tp/HTML_1.pdf new file mode 100755 index 0000000..92cebca Binary files /dev/null and b/web/tp/HTML_1.pdf differ