https://wiki.phobos-net.fr/ 2026-06-26T11:07:37+00:00 https://wiki.phobos-net.fr/ https://wiki.phobos-net.fr/lib/tpl/dokuwiki/images/favicon.ico text/html 2024-10-22T21:15:43+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/creez_votre_site_web_avec_html5_et_css3/310_decouvrir_modele_des_boites?rev=1729631743&do=diff dev web html css Découvrez le modèle des boîtes Notes et transcriptions du cours Créez votre site web avec HTML5 et CSS3 proposé sur la plateforme Openclassrooms. Différencier les balises de type block et de type inline En HTML, la plupart des balises peuvent se ranger dans l'une ou l'autre de ces deux catégories : text/html 2024-10-23T18:44:28+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/creez_votre_site_web_avec_html5_et_css3/325_autres_techniques_de_mise_en_page?rev=1729709068&do=diff dev web html css Abordez d'autres techniques de mise en page Notes et transcriptions du cours Créez votre site web avec HTML5 et CSS3 proposé sur la plateforme Openclassrooms. Transformez vos éléments avec display La propriété CSS display permet de transformer n'importe quel élément de votre page, d'un type vers un autre. Avec cette propriété, on peut par exemple imposer à des liens (originellement de type text/html 2025-08-17T10:16:59+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/simplifiez-vous-le-css-avec-sass/260_quiz_optimiser_css_avec_sass?rev=1755425819&do=diff cours dev developpement web css sass html Quiz : Optimiser son CSS avec Sass Notes et transcriptions du cours Simplifiez vous le CSS avec Sass proposé sur la plateforme Openclassrooms. Question 1 Dans Sass, lorsque vous utilisez &, sous quelle forme se compile le symbole esperluette (&) ? * L’esperluette (&) * Le combinateur adjacent text/html 2024-10-23T19:55:27+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/creez_votre_site_web_avec_html5_et_css3/405_ajouter_des_tableaux?rev=1729713327&do=diff dev web html css Ajoutez des tableaux Notes et transcriptions du cours Créez votre site web avec HTML5 et CSS3 proposé sur la plateforme Openclassrooms. Créez un tableau en HTML et CSS La balise en paire <table></table> indique le début et la fin d'un tableau. Cette balise est de type block, on va donc la placer en dehors d'un paragraphe ou d'une text/html 2025-08-16T10:50:31+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/simplifiez-vous-le-css-avec-sass/150_quiz_structurer_son_code?rev=1755341431&do=diff cours dev developpement web css sass html Quiz : Structurer son code Notes et transcriptions du cours Simplifiez vous le CSS avec Sass proposé sur la plateforme Openclassrooms. Question 1 La méthode DRY est un des concepts fondamentaux lorsqu’on souhaite simplifier notre CSS ; cette méthode consiste à : * répéter les sections les plus utilisées ; text/html 2024-10-21T21:26:20+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/creez_votre_site_web_avec_html5_et_css3/240_creer_bordures_et_ombres?rev=1729545980&do=diff dev web html css Créez des bordures et des ombres Notes et transcriptions du cours Créez votre site web avec HTML5 et CSS3 proposé sur la plateforme Openclassrooms. Créez des bordures avec la propriété CSS border Le CSS offre un large choix de bordures : border-width, border-color, border-style… Pour aller à l'essentiel, je vous propose ici d'utiliser directement la super-propriété border qui regroupe l'ensemble de ces propriétés. Vous vous souvenez de la super-propriété text/html 2024-10-22T18:22:34+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/creez_votre_site_web_avec_html5_et_css3/250_creer_apparences_dynamiques?rev=1729621354&do=diff dev web html css Créez des apparences dynamiques Notes et transcriptions du cours Créez votre site web avec HTML5 et CSS3 proposé sur la plateforme Openclassrooms. Le CSS nous permet aussi de modifier l'apparence des éléments de façon dynamique, c'est-à-dire que des éléments peuvent changer de forme une fois que la page a été chargée ; et tout cela grâce aux text/html 2024-10-22T22:10:40+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/creez_votre_site_web_avec_html5_et_css3/315_mise_en_page_via_flexbox?rev=1729635040&do=diff dev web html css Faites votre mise en page avec Flexbox Notes et transcriptions du cours Créez votre site web avec HTML5 et CSS3 proposé sur la plateforme Openclassrooms. Comprenez la logique : un conteneur, des éléments Pour faire de la mise en page avec Flexbox, il faut : * Définir un conteneur ; * Placer à l'intérieur plusieurs éléments. text/html 2024-10-26T12:28:10+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/creez_votre_site_web_avec_html5_et_css3/410_creer_des_formulaires?rev=1729945690&do=diff dev web html css Créez des formulaires Notes et transcriptions du cours Créez votre site web avec HTML5 et CSS3 proposé sur la plateforme Openclassrooms. Pour créer un formulaire, vous aurez besoin de la balise HTML <form></form>, elle permet d'indiquer le début et la fin du formulaire. Voici les deux attributs indispensables pour construire un formulaire fonctionnel : text/html 2024-10-26T14:31:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/creez_votre_site_web_avec_html5_et_css3/420_responsive_design_et_media_queries?rev=1729953071&do=diff dev web html css Utilisez le responsive design avec les Media Queries Notes et transcriptions du cours Créez votre site web avec HTML5 et CSS3 proposé sur la plateforme Openclassrooms. Appliquez une media query avec @media Les media queries sont des règles qui indiquent quand on doit appliquer des propriétés CSS