MathInfo24Fall Course Plan PDF

PW Cours N1 Plan mardi 10 septembre 2024 https://moodle.unistra.fr/course/view.php?id=31108 pw1_24_S1 MathInfo24Fall Page 1 https://www.sublimetext.com/ https://packagecontrol.io/installation https://emmet.io/ https://vscode.dev/...

PW Cours N1 Plan mardi 10 septembre 2024 https://moodle.unistra.fr/course/view.php?id=31108 pw1_24_S1 MathInfo24Fall Page 1 https://www.sublimetext.com/ https://packagecontrol.io/installation https://emmet.io/ https://vscode.dev/ https://vscodethemes.com/ https://www.alwaysdata.com/fr/ https://net2ftp.alwaysdata.com/ https://filezilla-project.org/download.php https://unistra-scholarvox-com.scd-rproxy.u-strasbg.fr/ MathInfo24Fall Page 2 http://www.adobe-students.com/fr/creativecloud/buy/students.html MDN Web Docs (mozilla.org) MathInfo24Fall Page 3  https://software.hixie.ch/utilities/js/live-dom-viewer/ https://christoffel.alwaysdata.net/ufaz/viewport/viewportWithout.html https://christoffel.alwaysdata.net/ufaz/viewport/viewportWith.html http://csszengarden.com/ https://www.w3schools.com/css/demo_default.htm MathInfo24Fall Page 4  https://validator.w3.org/ https://validator.w3.org/nu/ MathInfo24Fall Page 5  http://xhtml.qanuq.com/ https://developer.mozilla.org/en-US/ https://stackoverflow.com/questions/28529390/ok-to- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body have-text-in-div-without-paragraph-tag https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul https://benmyers.dev/blog/on-the-dl/ MathInfo24Fall Page 6  inline style="text-align:right;" =>P3 body {font-family:Verdana;font-size:14pt;} p {text-align:justify;}.red {color:red;} =>P2 OL.retrait {text-indent: 45px;} => P2 #para3 {position:absolute;left:400px;top:250px;width:200px;height:250px;overflo w: scroll;background-color: white;border:1px red solid;} =>P3 a:hover {border:2px orange solid;border-radius:10px;padding:3px;} table {table-layout: auto;width:600px;border:1px black solid;border- collapse: collapse;} th, td {border:1px solid black;} MathInfo24Fall Page 7  https://alticreation.com/bem-pour-le-css/ https://developer.mozilla.org/fr/docs/Web/CSS/Reference https://www.dofactory.com/css/properties#list https://www.tutorialrepublic.com/css-reference/css3-properties.php https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Fundamentals https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts https://fonts.google.com/ https://developer.mozilla.org/en- US/docs/Learn/CSS/Styling_text/Styling_lists https://developer.mozilla.org/en- US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Styling_links MathInfo24Fall Page 8  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Table https://www.mozilla.org/fr/firefox/developer/ https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_boxes https://developer.mozilla.org/en- US/docs/Learn/CSS/Styling_boxes/Styling_tables https://learn.shayhowe.com/advanced-html-css/complex-selectors/ https://kittygiraudel.github.io/selectors-explained/ https://polypane.app/css-specificity-calculator/ https://css4-selectors.com/browser-selector-test/ ul li:hover {font-weight:bold;cursor: pointer;} MathInfo24Fall Page 9  ul li:hover {font-weight:bold;cursor: pointer;} table tbody tr:hover {background-color: #F5B861;} body p:first-of-type a:nth-of-type(2) {font-style:italic;} Sources : https://developer.mozilla.org/fr/docs/Learn/CSS/Building_blocks/Selectors/Combinators https://developer.mozilla.org/fr/docs/Web/CSS/Adjacent_sibling_combinator https://www.pierre-giraud.com/html-css-apprendre-coder-cours/selecteur-simple-combinateur/ https://learn.shayhowe.com/advanced-html-css/complex-selectors/ https://christoffel.alwaysdata.net/ufaz/combinators/selectorCombinators.html L'élément si celui-ci « suit » un élément et que les deux éléments sont les fils d'un même élément parent, ici le MathInfo24Fall Page 10 Tous les éléments qui sont les enfants directs de l'élément parent. L'élément enfant du lui-même enfant de n'est pas concerné. Tous les éléments contenu dans l'arborescence de l'élément (descendant de ) MathInfo24Fall Page 11 Les éléments qui sont précédés (mais pas forcément voisin immédiat) de l'élément , et qui partagent le même parent, ici Tous les éléments et , quelque soit leur position dans le D.O.M. MathInfo24Fall Page 12 leur position dans le D.O.M. MathInfo24Fall Page 13 PW Cours N1 mardi 10 septembre 2024 MathInfo24Fall Page 1 MathInfo24Fall Page 2 MathInfo24Fall Page 3 MathInfo24Fall Page 4 MathInfo24Fall Page 5 MathInfo24Fall Page 6 MathInfo24Fall Page 7 MathInfo24Fall Page 8 MathInfo24Fall Page 9 MathInfo24Fall Page 10 MathInfo24Fall Page 11 PW Cours N1 Complément CSS mercredi 21 février 2024 https://learn.shayhowe.com/advanced-html-css/complex-selectors/ http://stevewellens.xtreemhost.com/jQuerySelectorTester.htm MathInfo2024Printemps Page 1 MathInfo2024Printemps Page 2 MathInfo2024Printemps Page 3 Complex CSS selectors Combinator mardi 10 septembre 2024 Links: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Combinators https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_combinator https://www.pierre-giraud.com/html-css-apprendre-coder-cours/selecteur-simple-combinateur/ https://learn.shayhowe.com/advanced-html-css/complex-selectors/ https://kittygiraudel.github.io/selectors-explained/ https://christoffel.alwaysdata.net/ufaz/combinators/selectorCombinators.html L'élément si celui-ci « suit » un élément et que les deux éléments sont les fils d'un même élément parent, ici le The element if it "follows" a element and both elements are children of the same parent element, in this case the. MathInfo24Fall Page 1  Tous les éléments qui sont les enfants directs de l'élément parent. L'élément enfant du lui-même enfant de n'est pas concerné. All elements that are direct children of the parent element. The element, child of , itself child of , is not affected. Tous les éléments contenu dans l'arborescence de l'élément (descendant de ) All elements contained in the tree structure of the element (descendant of ) MathInfo24Fall Page 2 Les éléments qui sont précédés (mais pas forcément voisin immédiat) de l'élément , et qui partagent le même parent, ici elements that are preceded by (but not necessarily immediately adjacent to) the element, and share the same parent, in this case. Tous les éléments et , quelle que soit leur position dans le D.O.M. All and elements, whatever their position in the D.O.M. MathInfo24Fall Page 3  https://apcpedagogie.com/les-combinateurs-css/ https://christoffel.alwaysdata.net/ufaz/combinators/selectorCombinators.html MathInfo24Fall Page 4 PW1 TP N1 mardi 10 septembre 2024 MathInfo24Fall Page 1 https://xhtml.qanuq.com/address MathInfo24Fall Page 2  https://validator.w3.org/nu/#textarea https://christoffel.alwaysdata.net/mathInfo/codeHTML.php MathInfo24Fall Page 3 MathInfo24Fall Page 4 MathInfo24Fall Page 5 MathInfo24Fall Page 6 MathInfo24Fall Page 7 MathInfo24Fall Page 8 MathInfo24Fall Page 9  https://www.planethoster.com/fr/Hebergements-World https://my.planethoster.com/v2/order/world-lite?locale=fr&currency=EUR https://my.planethoster.com/v2/order/world-lite Voir aide : https://kb.planethoster.com/guide/astuces-techniques/commandez-votre-world-lite- hebergement-gratuit-4-etapes-faciles/ MathInfo24Fall Page 10