You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
type: "html"
value: "<th scope=\"row\">Conditions préalables:</th>",type: "html"
value: "<td>Connaissances informatiques de base, une compréhension de base de HTML, CSS et JavaScript, une compréhension de la <a href=\"/fr/docs/Learn/Accessibility\">previous articles in the course</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Conditions préalables:</th><td>Connaissances informatiques de base, une compréhension de base de HTML, CSS et JavaScript, une compréhension de la <a href=\"/fr/docs/Learn/Accessibility\">previous articles in the course</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Tester les connaissances de base sur les principes fondamentaux d'accessibilité.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Connaissances informatiques de base, compréhension de base de HTML, CSS et JavaScript, et compréhension de <a href=\"/fr/docs/Apprendre/a11y/What_is_accessibility\">Qu'est ce que l'accessibilité ?</a></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances informatiques de base, compréhension de base de HTML, CSS et JavaScript, et compréhension de <a href=\"/fr/docs/Apprendre/a11y/What_is_accessibility\">Qu'est ce que l'accessibilité ?</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Familiarisez-vous avec l’utilisation appropriée de CSS et de JavaScript dans vos documents Web afin d’optimiser l’accessibilité et de ne pas la compromettre.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Compétences informatiques de base, compréhension basique de HTML (voir<a href=\"/fr/Apprendre/HTML/Introduction_à_HTML\"> </a><a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">I</a><a href=\"/fr/Apprendre/HTML/Introduction_à_HTML\">ntroduction à HTML</a>), et compréhension de <a href=\"/fr/docs/Apprendre/a11y/What_is_accessibility\">Qu'est ce que l'accessibilité ?</a></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Compétences informatiques de base, compréhension basique de HTML (voir<a href=\"/fr/Apprendre/HTML/Introduction_à_HTML\"> </a><a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">I</a><a href=\"/fr/Apprendre/HTML/Introduction_à_HTML\">ntroduction à HTML</a>), et compréhension de <a href=\"/fr/docs/Apprendre/a11y/What_is_accessibility\">Qu'est ce que l'accessibilité ?</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Se familiariser avec les fonctionnalités de HTML qui bénéficient à l'accessibilité, et comment les utiliser de manière appropriée dans vos documents web.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prerequisites:</th>",type: "html"
value: "<td>Connaissances de base en informatique, compréhension de base de HTML, CSS et JavaScript et compréhension de la <a href=\"/fr/docs/Learn/Accessibility\">previous articles in the course</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prerequisites:</th><td>Connaissances de base en informatique, compréhension de base de HTML, CSS et JavaScript et compréhension de la <a href=\"/fr/docs/Learn/Accessibility\">previous articles in the course</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objective:</th><td>Comprendre quels problèmes d'accessibilité existent sur les appareils mobiles et comment les résoudre.</td></tr>"
type: "html"
value: "<th scope=\"row\">Conditions requise:</th>",type: "html"
value: "<td>Connaissances informatiques de base, une compréhension de base de HTML, CSS et JavaScript, une compréhension de <a href=\"/fr/docs/Apprendre/a11y/What_is_accessibility\">Qu'est ce que l'accessibilité?</a></td>"
type: "html"
value: "<tr><th scope=\"row\">Conditions requise:</th><td>Connaissances informatiques de base, une compréhension de base de HTML, CSS et JavaScript, une compréhension de <a href=\"/fr/docs/Apprendre/a11y/What_is_accessibility\">Qu'est ce que l'accessibilité?</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Comprendre les problèmes d'accessibilité derrière le multimédia et comment les résoudre .</td></tr>"
type: "html"
value: "<th scope=\"row\"> Prerequis:</th>",type: "html"
value: "<td>Connaissances informatiques de base, une compréhension de base de HTML, CSS et JavaScript, une compréhension des <a href=\"/fr/docs/Apprendre/a11y\">articles précédents du cours</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\"> Prerequis:</th><td>Connaissances informatiques de base, une compréhension de base de HTML, CSS et JavaScript, une compréhension des <a href=\"/fr/docs/Apprendre/a11y\">articles précédents du cours</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Se familiariser avec WAI-ARIA et savoir comment l'utiliser pour fournir une sémantique supplémentaire utile afin d'améliorer l'accessibilité, le cas échéant.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Compétences de base en informatique, une compréhension basique de l'HTML et du CSS.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Compétences de base en informatique, une compréhension basique de l'HTML et du CSS.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Se familiariser avec l'accessibilité en découvrant ce que c'est et en quoi cela vous affecte en tant que développeur.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devriez déjà connaître <a href=\"/fr/Learn/What_software_do_I_need\">les différents logiciels nécessaires pour construire un site web</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre comment choisir un éditeur de texte qui répondra à vos besoins en tant que développeur web.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devez au préalable savoir <a href=\"/fr/Apprendre/Transférer_des_fichiers_vers_un_serveur_web\">comment transférer des fichiers vers un serveur web</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Apprendre à diagnostiquer et à résoudre certains problèmes simples qui peuvent se produire lors du développement ou de la maintenance d'un site web.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Assurez-vous d'avoir d'abord identifié <a href=\"/fr/Apprendre/Commencez_votre_projet_web\">ce que vous souhaitez accomplir</a> avec votre projet web.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre où (et comment !) disposer des éléments dans vos pages web.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Avoir lu <a href=\"/fr/Learn/What_is_accessibility\">Qu'est-ce que l'accessibilité ?</a> (l'accessibilité n'est pas approfondie en détails ici) et s'être familiarisé-e avec <a href=\"/fr/Apprendre/Concevoir_page_web\">l'anatomie d'une page web</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Avoir lu <a href=\"/fr/Learn/What_is_accessibility\">Qu'est-ce que l'accessibilité ?</a> (l'accessibilité n'est pas approfondie en détails ici) et s'être familiarisé-e avec <a href=\"/fr/Apprendre/Concevoir_page_web\">l'anatomie d'une page web</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Être en mesure de concevoir un site pour tous, quelles que soient les contraintes techniques ou celles de handicap. Cet article liste les points les plus importants et facile à mettre en œuvre pour atteindre un tel objectif.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Aucun, mais nous vous encourageons à lire l'article <a href=\"/fr/Apprendre/Commencez_votre_projet_web\">Commencez votre projet Web</a> avant celui-ci.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Aucun, mais nous vous encourageons à lire l'article <a href=\"/fr/Apprendre/Commencez_votre_projet_web\">Commencez votre projet Web</a> avant celui-ci.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Vous apprendrez les rudiments de l'infrastructure technique du Web et vous serez en mesure de distinguer « Internet » et « Web ».</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Vous devez au préalable connaître<a href=\"/fr/Apprendre/Quels_logiciels_sont_nécessaires_pour_construire_un_site_web\"> les logiciels nécessaires au développement web</a>, les différences entre <a href=\"/fr/Apprendre/page_vs_site_vs_serveur_vs_moteur_recherche\">une page web, un site web, etc</a>. et savoir <a href=\"/fr/Apprendre/Comprendre_noms_de_domaine\">ce qu'est un nom de domaine</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devez au préalable connaître<a href=\"/fr/Apprendre/Quels_logiciels_sont_nécessaires_pour_construire_un_site_web\"> les logiciels nécessaires au développement web</a>, les différences entre <a href=\"/fr/Apprendre/page_vs_site_vs_serveur_vs_moteur_recherche\">une page web, un site web, etc</a>. et savoir <a href=\"/fr/Apprendre/Comprendre_noms_de_domaine\">ce qu'est un nom de domaine</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Revoir le processus de création complet d'un site web et analyser le coût éventeul de chaque étape.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devriez au préalable comprendre <a href=\"/fr/docs/Learn/Common_questions/How_does_the_Internet_work\">comment fonctionne Internet</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Être capable de décrire les différences entre une page web, un site web, un serveur web et un moteur de recherche.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devez au préalable savoir <a href=\"/fr/docs/Learn/How_the_Internet_works\">comment Internet fonctionne</a> et <a href=\"/fr/docs/Learn/What_is_a_Web_server\">ce qu'est un serveur Web</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Vous apprendrez à configurer un serveur de test local.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis </th><td>Aucun</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif </th><td>Apprendre à définir les objectifs pour donner une direction à votre projet.</td></tr>"
td (117:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Enregistrer de la musique"
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Préparez quelques fichiers audio écoutables en ligne (Pourriez-vous faire cela avec les services web existants ?)"
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Donner aux gens l'accès à votre musique sur une partie de votre site web"
tr (115:3) => tableRow
type: "html"
value: "<td><ol><li>Enregistrer de la musique</li><li>Préparez quelques fichiers audio écoutables en ligne (Pourriez-vous faire cela avec les services web existants ?)</li><li>Donner aux gens l'accès à votre musique sur une partie de votre site web</li></ol></td>"
td (127:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Écrire quelques articles pour lancer la discussion"
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Définir l'apparence et le format des articles"
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Publier ces articles sur le site web (Comment faire cela ?)"
tr (125:3) => tableRow
type: "html"
value: "<td><ol><li>Écrire quelques articles pour lancer la discussion</li><li>Définir l'apparence et le format des articles</li><li>Publier ces articles sur le site web (Comment faire cela ?)</li></ol></td>"
td (137:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Permettre aux gens de vous contacter (e-mail ? Twitter ? Facebook ? Téléphone ? Adresse ?)"
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Définir comment les gens vont trouver ces moyens de contact à partir de votre site"
tr (135:3) => tableRow
type: "html"
value: "<td><ol><li>Permettre aux gens de vous contacter (e-mail ? Twitter ? Facebook ? Téléphone ? Adresse ?)</li><li>Définir comment les gens vont trouver ces moyens de contact à partir de votre site</li></ol></td>"
td (146:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Créer les goodies"
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Stocker les goodies"
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Trouver un moyen de gérer l'expédition"
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Trouver un moyen de gérer le paiement"
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Faire un système sur votre site pour que les gens passe des commandes"
tr (144:3) => tableRow
type: "html"
value: "<td><ol><li>Créer les goodies</li><li>Stocker les goodies</li><li>Trouver un moyen de gérer l'expédition</li><li>Trouver un moyen de gérer le paiement</li><li>Faire un système sur votre site pour que les gens passe des commandes</li></ol></td>"
td (158:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Enregistrer vos leçons vidéos"
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Préparer les fichiers vidéos consultables en ligne (encore une fois, pourriez-vous le faire avec les services web existants ?)"
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Donner aux gens l'accès à vos vidéos sur une partie de votre site web"
tr (156:3) => tableRow
type: "html"
value: "<td><ol><li>Enregistrer vos leçons vidéos</li><li>Préparer les fichiers vidéos consultables en ligne (encore une fois, pourriez-vous le faire avec les services web existants ?)</li><li>Donner aux gens l'accès à vos vidéos sur une partie de votre site web</li></ol></td>"
table.standard-table (107:1) => table
type: "html"
value: "<tr><td>Permettre aux gens d'écouter votre musique</td><td><ol><li>Enregistrer de la musique</li><li>Préparez quelques fichiers audio écoutables en ligne (Pourriez-vous faire cela avec les services web existants ?)</li><li>Donner aux gens l'accès à votre musique sur une partie de votre site web</li></ol></td></tr>",type: "html"
value: "<tr><td>Parler de votre musique</td><td><ol><li>Écrire quelques articles pour lancer la discussion</li><li>Définir l'apparence et le format des articles</li><li>Publier ces articles sur le site web (Comment faire cela ?)</li></ol></td></tr>",type: "html"
value: "<tr><td>Rencontrer d'autres musiciens</td><td><ol><li>Permettre aux gens de vous contacter (e-mail ? Twitter ? Facebook ? Téléphone ? Adresse ?)</li><li>Définir comment les gens vont trouver ces moyens de contact à partir de votre site</li></ol></td></tr>",type: "html"
value: "<tr><td>Vendre des goodies</td><td><ol><li>Créer les goodies</li><li>Stocker les goodies</li><li>Trouver un moyen de gérer l'expédition</li><li>Trouver un moyen de gérer le paiement</li><li>Faire un système sur votre site pour que les gens passe des commandes</li></ol></td></tr>",type: "html"
value: "<tr><td>Enseigner la musique à travers des vidéos</td><td><ol><li>Enregistrer vos leçons vidéos</li><li>Préparer les fichiers vidéos consultables en ligne (encore une fois, pourriez-vous le faire avec les services web existants ?)</li><li>Donner aux gens l'accès à vos vidéos sur une partie de votre site web</li></ol></td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Vous devriez au préalable comprendre <a href=\"/fr/Apprendre/Qu_est-ce_qu_un_serveur_web\">ce qu'est un serveur web</a> et <a href=\"/fr/Apprendre/Comprendre_noms_de_domaine\">comment fonctionnent les noms de domaines</a>. Vous devriez également savoir <a href=\"/fr/Apprendre/Set_up_a_basic_working_environment\">mettre en place un environnement simple de développement web</a> et savoir comment <a href=\"/fr/Apprendre/HTML/Write_a_simple_page_in_HTML\">écrire une page web simple</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devriez au préalable comprendre <a href=\"/fr/Apprendre/Qu_est-ce_qu_un_serveur_web\">ce qu'est un serveur web</a> et <a href=\"/fr/Apprendre/Comprendre_noms_de_domaine\">comment fonctionnent les noms de domaines</a>. Vous devriez également savoir <a href=\"/fr/Apprendre/Set_up_a_basic_working_environment\">mettre en place un environnement simple de développement web</a> et savoir comment <a href=\"/fr/Apprendre/HTML/Write_a_simple_page_in_HTML\">écrire une page web simple</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Apprendre à envoyer des fichiers vers un serveur en utilisant FTP.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Vous devriez, au préalable, comprendre <a href=\"/fr/Learn/How_the_Internet_works\">comment Internet fonctionne</a> et distinguer<a href=\"/fr/Apprendre/page_vs_site_vs_serveur_vs_moteur_recherche\"> une page web, un site web, un serveur web et un moteur de recherche</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devriez, au préalable, comprendre <a href=\"/fr/Learn/How_the_Internet_works\">comment Internet fonctionne</a> et distinguer<a href=\"/fr/Apprendre/page_vs_site_vs_serveur_vs_moteur_recherche\"> une page web, un site web, un serveur web et un moteur de recherche</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Apprendre ce que sont les liens hypertexte et comprendre leur importance.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Pour commencer, vous devez comprendre <a href=\"/fr/Apprendre/Fonctionnement_Internet\">comment Internet fonctionne</a> et ce que sont les <a href=\"/fr/Learn/Understanding_URLs\">URL</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Pour commencer, vous devez comprendre <a href=\"/fr/Apprendre/Fonctionnement_Internet\">comment Internet fonctionne</a> et ce que sont les <a href=\"/fr/Learn/Understanding_URLs\">URL</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre ce qu'est un nom de domaine, son fonctionnement et son importance.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Vous devez au préalable savoir <a href=\"/fr/Apprendre/Fonctionnement_Internet\">comment fonctionne Internet</a>, <a href=\"/fr/Apprendre/Qu_est-ce_qu_un_serveur_web\">ce qu'est une serveur web</a> et <a href=\"/fr/Apprendre/Le_fonctionnement_des_liens_sur_le_Web\">les concepts sous-jacents aux liens sur le Web</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devez au préalable savoir <a href=\"/fr/Apprendre/Fonctionnement_Internet\">comment fonctionne Internet</a>, <a href=\"/fr/Apprendre/Qu_est-ce_qu_un_serveur_web\">ce qu'est une serveur web</a> et <a href=\"/fr/Apprendre/Le_fonctionnement_des_liens_sur_le_Web\">les concepts sous-jacents aux liens sur le Web</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Savoir ce qu'est une URL et comprendre son rôle sur le Web.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Vous devriez au préalable savoir<a href=\"/fr/docs/Apprendre/Fonctionnement_Internet\"> comment Internet fonctionne</a>, <a href=\"/fr/docs/Apprendre/page_vs_site_vs_serveur_vs_moteur_recherche\">les différences entre une page web, un site web, un serveur web et un moteur de recherche</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devriez au préalable savoir<a href=\"/fr/docs/Apprendre/Fonctionnement_Internet\"> comment Internet fonctionne</a>, <a href=\"/fr/docs/Apprendre/page_vs_site_vs_serveur_vs_moteur_recherche\">les différences entre une page web, un site web, un serveur web et un moteur de recherche</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Vous apprendrez ce qu'est un serveur web et comprendrez son fonctionnement général.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Aucun.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Comprendre ce qu'est l'accessibilité et pourquoi elle est importante.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Vous devriez déjà connaître <a href=\"/fr/Apprendre/page_vs_site_vs_serveur_vs_moteur_recherche\">la différence entre une page web, un serveur web et un moteur de recherche.</a></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devriez déjà connaître <a href=\"/fr/Apprendre/page_vs_site_vs_serveur_vs_moteur_recherche\">la différence entre une page web, un serveur web et un moteur de recherche.</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Connaître les logiciels qui sont nécessaires pour créer, éditer, mettre en ligne ou consulter un site web.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Avant de faire cet exercice vous devez avoir vu tous les articles de ce module.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Avant de faire cet exercice vous devez avoir vu tous les articles de ce module.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Tester votre compréhension du modèle de boîte CSS et toutes les fonctionnalités associées comme les encadrements et les arrière‑plans.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Notions de HTML (voir <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction à HTML</a>) et idées sur le fonctionnement des CSS (voir <a href=\"/fr/docs/Learn/CSS/Introduction_to_CSS\">Introduction aux CSS</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Notions de HTML (voir <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction à HTML</a>) et idées sur le fonctionnement des CSS (voir <a href=\"/fr/docs/Learn/CSS/Introduction_to_CSS\">Introduction aux CSS</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Donner des idées sur l'utilisation d'effets avancés pour les boîtes et apprendre quelques outils de style natifs propres au langage des CSS.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Compétences informatique basiques, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">logiciels de base installés</a>, connaissance simple en <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files\">manipulation de fichiers</a>, les bases du HTML (voir <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction au HTML</a>), et une esquisse du fonctionnement du CSS (voir <a href=\"/fr/docs/Learn/CSS/First_steps\">premiers pas en CSS</a>. )</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Compétences informatique basiques, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">logiciels de base installés</a>, connaissance simple en <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files\">manipulation de fichiers</a>, les bases du HTML (voir <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction au HTML</a>), et une esquisse du fonctionnement du CSS (voir <a href=\"/fr/docs/Learn/CSS/First_steps\">premiers pas en CSS</a>. )</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre comment mettre en forme l'arrière-plan et les bordures.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Maîtrise élémentaire de l'informatique, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">suite logicielle de base installée</a>, compétences élémentaires pour <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Gérer_les_fichiers\">travailler avec des fichiers</a>, connaissance de base du HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction à HTML</a>), et une idée de <a href=\"/fr/docs/Learn/CSS/First_steps/How_CSS_works\">Comment fonctionne CSS</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Maîtrise élémentaire de l'informatique, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">suite logicielle de base installée</a>, compétences élémentaires pour <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Gérer_les_fichiers\">travailler avec des fichiers</a>, connaissance de base du HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction à HTML</a>), et une idée de <a href=\"/fr/docs/Learn/CSS/First_steps/How_CSS_works\">Comment fonctionne CSS</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Découvrir la cascade et la spécificité, et comment l'héritage fonctionne en CSS.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Avant de faire cet exercice vous devez avoir vu tous les articles de ce module.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Avant de faire cet exercice vous devez avoir vu tous les articles de ce module.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Tester votre compréhension du modèle de boîte CSS et toutes les fonctionnalités associées comme l'implémentation d'arrière‑plans.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prerequisites:</th>",type: "html"
value: "<td>Basic computer literacy, <a href=\"/fr/Learn/Getting_started_with_the_web/Installing_basic_software\">basic software installed</a>, basic knowledge of <a href=\"/fr/Learn/Getting_started_with_the_web/Dealing_with_files\">working with files</a>, HTML basics (study <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction to HTML</a>), and an idea of how CSS works (study <a href=\"/fr/docs/Learn/CSS/First_steps\">CSS first steps</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prerequisites:</th><td>Basic computer literacy, <a href=\"/fr/Learn/Getting_started_with_the_web/Installing_basic_software\">basic software installed</a>, basic knowledge of <a href=\"/fr/Learn/Getting_started_with_the_web/Dealing_with_files\">working with files</a>, HTML basics (study <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction to HTML</a>), and an idea of how CSS works (study <a href=\"/fr/docs/Learn/CSS/First_steps\">CSS first steps</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objective:</th><td>To learn the basics of what browser DevTools are, and how to do simple inspection and editing of CSS.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Avant de vous lancer dans cet exercice vous devez avoir déja travaillé l'ensemble des articles de ce module.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Avant de vous lancer dans cet exercice vous devez avoir déja travaillé l'ensemble des articles de ce module.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Tester votre compréhension des fondements de la théorie, de la syntaxe et des mécanismes des CSS.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Notions informatiques de base, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">avoir installé les logiciels de base</a>, notions élémentaires sur <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files\">la manipulation des fichiers</a>, notions élémentaires sur HTML (voir <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">l'introduction à HTML</a>), et une idée du fonctionnement de CSS (voir <a href=\"/fr/docs/Learn/CSS/First_steps\">les premiers pas en CSS</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Notions informatiques de base, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">avoir installé les logiciels de base</a>, notions élémentaires sur <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files\">la manipulation des fichiers</a>, notions élémentaires sur HTML (voir <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">l'introduction à HTML</a>), et une idée du fonctionnement de CSS (voir <a href=\"/fr/docs/Learn/CSS/First_steps\">les premiers pas en CSS</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre l'importance des modes d'écriture pour le CSS moderne.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Connaissances élémentaires en informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">suite logicielle de base installée</a>, compétences élémentaires pour <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/G%C3%A9rer_les_fichiers\">travailler avec des fichiers</a>, connaissance de base du HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction à HTML</a>), et une idée <a href=\"/fr/docs/Learn/CSS/First_steps/How_CSS_works\">du fonctionnement de CSS</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances élémentaires en informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">suite logicielle de base installée</a>, compétences élémentaires pour <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/G%C3%A9rer_les_fichiers\">travailler avec des fichiers</a>, connaissance de base du HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction à HTML</a>), et une idée <a href=\"/fr/docs/Learn/CSS/First_steps/How_CSS_works\">du fonctionnement de CSS</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre le principe des débordements et comment les gérer.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Maîtrise élémentaire de l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">suite logicielle de base installée</a>, compétences élémentaires pour <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files\">travailler avec des fichiers</a>, connaissance de base du HTML (cf. <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction à HTML</a>), et une idée de <a href=\"/fr/docs/Learn/CSS/First_steps/How_CSS_works\">Comment fonctionne CSS</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Maîtrise élémentaire de l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">suite logicielle de base installée</a>, compétences élémentaires pour <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files\">travailler avec des fichiers</a>, connaissance de base du HTML (cf. <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction à HTML</a>), et une idée de <a href=\"/fr/docs/Learn/CSS/First_steps/How_CSS_works\">Comment fonctionne CSS</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Découvrir les sélecteurs d'attribut et comment les utiliser.</td></tr>"
td (51:4) => tableCell
type: "paragraph"
summary: "Dans l'étude de HTML, nous avons vu les attributs d'un élément. En CSS, on peut utiliser ces attributs pour cibler les éléments. Cette leçon vous montre comment."
locale: "fr"
rowIndex: 3
shouldWrap: true
children:
type: "text"
value: "Cible les éléments avec un attribut "
type: "emphasis"
children:
type: "text"
value: "attr"
type: "text"
value: " dont la valeur est exactement "
type: "emphasis"
children:
type: "text"
value: "value"
type: "text"
value: ", ou les éléments dont l'attribut "
type: "emphasis"
children:
type: "text"
value: "attr"
type: "text"
value: " contient une ou plusieurs valeurs, dont au moins une correspond à "
type: "emphasis"
children:
type: "text"
value: "value"
type: "text"
value: ".",type: "paragraph"
summary: "Dans l'étude de HTML, nous avons vu les attributs d'un élément. En CSS, on peut utiliser ces attributs pour cibler les éléments. Cette leçon vous montre comment."
locale: "fr"
rowIndex: 3
shouldWrap: true
children:
type: "text"
value: "Notez que dans une liste de plusieurs valeurs, le séparateur est l'espace."
tr (48:3) => tableRow
type: "html"
value: "<td><p>Cible les éléments avec un attribut <em>attr</em> dont la valeur est exactement <em>value</em>, ou les éléments dont l'attribut <em>attr</em> contient une ou plusieurs valeurs, dont au moins une correspond à <em>value</em>.</p><p>Notez que dans une liste de plusieurs valeurs, le séparateur est l'espace.</p></td>"
table.standard-table (29:1) => table
type: "html"
value: "<tr><td><code>[<em>attr</em>~=<em>value</em>]</code></td><td><code>p[class~=\"special\"]</code></td><td><p>Cible les éléments avec un attribut <em>attr</em> dont la valeur est exactement <em>value</em>, ou les éléments dont l'attribut <em>attr</em> contient une ou plusieurs valeurs, dont au moins une correspond à <em>value</em>.</p><p>Notez que dans une liste de plusieurs valeurs, le séparateur est l'espace.</p></td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Connaissances informatiques de base, <a href=\"/fr/docs/https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">les outils de base installés</a>, connaissance de base de <a href=\"/fr/docs/https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Gérer_les_fichiers\">gestion des fichiers</a>, les bases du HTML (voir <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction au HTML</a>), et une idée du fonctionnement du CSS (voir <a href=\"/fr/docs/https://developer.mozilla.org/fr/docs/Learn/CSS/First_steps\">Premiers pas avec CSS</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Connaissances informatiques de base, <a href=\"/fr/docs/https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">les outils de base installés</a>, connaissance de base de <a href=\"/fr/docs/https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Gérer_les_fichiers\">gestion des fichiers</a>, les bases du HTML (voir <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction au HTML</a>), et une idée du fonctionnement du CSS (voir <a href=\"/fr/docs/https://developer.mozilla.org/fr/docs/Learn/CSS/First_steps\">Premiers pas avec CSS</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>En savoir plus sur les différents sélecteurs combinateurs utilisables en CSS.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Notions de base en l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">logiciels de base installés</a>, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files\">savoir manipuler des fichiers</a>, connaissance de base de HTML (cf. <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction à HTML</a>.) et une première idée du fonctionnement de CSS (voir <a href=\"/fr/docs/Learn/CSS/First_steps\">premiers pas en CSS</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Notions de base en l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">logiciels de base installés</a>, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files\">savoir manipuler des fichiers</a>, connaissance de base de HTML (cf. <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction à HTML</a>.) et une première idée du fonctionnement de CSS (voir <a href=\"/fr/docs/Learn/CSS/First_steps\">premiers pas en CSS</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Voir dans les détails comment les sélecteurs CSS fonctionnent.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Maîtrise élémentaire de l'informatique, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">suite logicielle de base installée</a>, compétences élémentaires pour <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Gérer_les_fichiers\">travailler avec des fichiers</a>, connaissance de base du HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction à HTML</a>), et une idée de <a href=\"/fr/docs/Learn/CSS/First_steps/How_CSS_works\">Comment fonctionne CSS</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Maîtrise élémentaire de l'informatique, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">suite logicielle de base installée</a>, compétences élémentaires pour <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Gérer_les_fichiers\">travailler avec des fichiers</a>, connaissance de base du HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction à HTML</a>), et une idée de <a href=\"/fr/docs/Learn/CSS/First_steps/How_CSS_works\">Comment fonctionne CSS</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Découvrir les sélecteurs de pseudo-classes et de pseudo-éléments.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Notions de base en l'informatique, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">logiciels de base installés</a>, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Gérer_les_fichiers\">savoir manipuler des fichiers</a>, connaissance de base de HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction à HTML</a>.) et une première idée du fonctionnement de CSS (voir <a href=\"/fr/docs/Learn/CSS/First_steps\">premiers pas en CSS</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Notions de base en l'informatique, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">logiciels de base installés</a>, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Gérer_les_fichiers\">savoir manipuler des fichiers</a>, connaissance de base de HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction à HTML</a>.) et une première idée du fonctionnement de CSS (voir <a href=\"/fr/docs/Learn/CSS/First_steps\">premiers pas en CSS</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Voir dans les détails comment les sélecteurs CSS fonctionnent.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td><p>Maîtrise élémentaire de l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">suite logicielle de base installée</a>, compétences élémentaires pour <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files\">travailler avec des fichiers</a>, connaissance de base du HTML (cf. <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction à HTML</a>), et une idée de <a href=\"/fr/docs/Learn/CSS/First_steps\">Comment fonctionne CSS</a>.</p></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td><p>Maîtrise élémentaire de l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">suite logicielle de base installée</a>, compétences élémentaires pour <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files\">travailler avec des fichiers</a>, connaissance de base du HTML (cf. <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction à HTML</a>), et une idée de <a href=\"/fr/docs/Learn/CSS/First_steps\">Comment fonctionne CSS</a>.</p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Découvrir comment spécifier la taille des éléments en CSS.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Notions de HTML (voir <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction à HTML</a>), tableaux en HTML (voir le module sur les tableaux HTML (TBD)) et une idée du fonctionnement des CSS (voir <a href=\"/fr/docs/Learn/CSS/Introduction_to_CSS\">Introduction aux CSS</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Notions de HTML (voir <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction à HTML</a>), tableaux en HTML (voir le module sur les tableaux HTML (TBD)) et une idée du fonctionnement des CSS (voir <a href=\"/fr/docs/Learn/CSS/Introduction_to_CSS\">Introduction aux CSS</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre à donner effectivement un style aux tableaux HTML.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Compétences informatique basiques, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">Logiciels de base installés</a>, connaissance simple en <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files\">manipulation de fichiers</a>, les bases du HTML (voir <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction au HTML</a>), et une esquisse du fonctionnement du CSS (voir <a href=\"/fr/docs/Learn/CSS/First_steps\">premiers pas en CSS</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Compétences informatique basiques, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">Logiciels de base installés</a>, connaissance simple en <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files\">manipulation de fichiers</a>, les bases du HTML (voir <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction au HTML</a>), et une esquisse du fonctionnement du CSS (voir <a href=\"/fr/docs/Learn/CSS/First_steps\">premiers pas en CSS</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre les principes du Modèle de Boîte en CSS, ce qui constitue le Modèle de Boîte et comment passer au modèle alternatif.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Maîtrise élémentaire de l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">suite logicielle de base installée</a>, compétences élémentaires pour <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/G%C3%A9rer_les_fichiers\">travailler avec des fichiers</a>, connaissance de base du HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction à HTML</a>), et une idée de <a href=\"/fr/docs/Learn/CSS/First_steps/How_CSS_works\">Comment fonctionne CSS</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Maîtrise élémentaire de l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">suite logicielle de base installée</a>, compétences élémentaires pour <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/G%C3%A9rer_les_fichiers\">travailler avec des fichiers</a>, connaissance de base du HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction à HTML</a>), et une idée de <a href=\"/fr/docs/Learn/CSS/First_steps/How_CSS_works\">Comment fonctionne CSS</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre les différents types de valeurs et d'unités utilisés dans les propriétés CSS.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Les fondamentaux du HTML (étudiez <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction au HTML</a>) et avoir une idée de la manière dont la CSS fonctionne (étudiez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction aux CSS</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Les fondamentaux du HTML (étudiez <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction au HTML</a>) et avoir une idée de la manière dont la CSS fonctionne (étudiez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction aux CSS</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre à utiliser le système Flexbox pour créer des mises en page web.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Les bases du HTML (étudiez <a href=\"/fr/Apprendre/HTML/Introduction_à_HTML\">Introduction au HTML</a>), et une idée de la manière dont fonctionne CSS (étudiez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction au CSS</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Les bases du HTML (étudiez <a href=\"/fr/Apprendre/HTML/Introduction_à_HTML\">Introduction au HTML</a>), et une idée de la manière dont fonctionne CSS (étudiez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction au CSS</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre comment créer des éntités flottantes dans les pages web, ainsi qu'utiliser la propriété <code>clear</code> et autres méthodes de dégagement des boîtes flottantes.</td></tr>"
type: "html"
value: "<th scope=\"row\"><strong>Conditions préalables</strong>:</th>",type: "html"
value: "<td>Avant de tenter cette évaluation, vous devriez déjà avoir passé en revue tous les articles de ce module.</td>"
type: "html"
value: "<tr><th scope=\"row\"><strong>Conditions préalables</strong>:</th><td>Avant de tenter cette évaluation, vous devriez déjà avoir passé en revue tous les articles de ce module.</td></tr>",type: "html"
value: "<tr><th scope=\"row\"><strong>Objectif</strong>:</th><td>Pour tester la compréhension des compétences de base en aménagement couvertes dans ce module.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Les fondamentaux du HTML (étudiez <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction au HTML</a>) et une idée de la manière dont la CSS fonctionne (étudiez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction aux CSS</a> et <a href=\"/fr/Apprendre/CSS/styliser_boites\">Styles de boîtes</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Les fondamentaux du HTML (étudiez <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction au HTML</a>) et une idée de la manière dont la CSS fonctionne (étudiez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction aux CSS</a> et <a href=\"/fr/Apprendre/CSS/styliser_boites\">Styles de boîtes</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre les concepts fondamentaux sous-jacents de la disposition en trame et comment la mettre en œuvre en utilisant « CSS Grid ».</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Les fondamentaux du HTML (étudiez <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction au HTML</a>) et avoir une idée de la manière dont la CSS fonctionne (étudiez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction aux CSS</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Les fondamentaux du HTML (étudiez <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction au HTML</a>) et avoir une idée de la manière dont la CSS fonctionne (étudiez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction aux CSS</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Vous donner un aperçu des techniques de mise en page des CSS. Chaque technique peut être apprise plus précisément dans des tutoriels dédiés.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Les fondamentaux du HTML (voyez <a href=\"/fr/Apprendre/HTML/Introduction_à_HTML\">Introduction au HTML</a>) et une idée du fonctionnement de CSS (voyez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction à CSS</a> et <a href=\"/fr/docs/Apprendre/CSS/styliser_boites\">Styles de boîtes</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Les fondamentaux du HTML (voyez <a href=\"/fr/Apprendre/HTML/Introduction_à_HTML\">Introduction au HTML</a>) et une idée du fonctionnement de CSS (voyez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction à CSS</a> et <a href=\"/fr/docs/Apprendre/CSS/styliser_boites\">Styles de boîtes</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Comprendre les concepts fondamentaux derrière les systèmes de disposition en trame utilisés avant que CSS Grid Layout soit disponible dans les navigateurs.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prerequisites:</th>",type: "html"
value: "<td>HTML basics (study <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction to HTML</a>), and an idea of how CSS works (study <a href=\"/fr/docs/Learn/CSS/First_steps\">CSS first steps</a> and <a href=\"/fr/docs/Learn/CSS/Building_blocks\">CSS building blocks</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prerequisites:</th><td>HTML basics (study <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction to HTML</a>), and an idea of how CSS works (study <a href=\"/fr/docs/Learn/CSS/First_steps\">CSS first steps</a> and <a href=\"/fr/docs/Learn/CSS/Building_blocks\">CSS building blocks</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objective:</th><td>To understand how to use media queries, and the most common approach for using them to create responsive designs.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Les fondamentaux du HTML (étudiez <a href=\"/fr/Apprendre/HTML/Introduction_à_HTML\">Introduction au HTML</a>), et une idée du fonctionnement de CSS (étudiez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction à CSS</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Les fondamentaux du HTML (étudiez <a href=\"/fr/Apprendre/HTML/Introduction_à_HTML\">Introduction au HTML</a>), et une idée du fonctionnement de CSS (étudiez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction à CSS</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Apprendre comment créer une disposition de contenu sur plusieurs colonnes dans une page web, comme dans un journal.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Les fondamentaux du HTML (étudiez <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction au HTML</a>) et avoir une idée de la manière dont les CSS fonctionnent (étudiez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction aux CSS</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Les fondamentaux du HTML (étudiez <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction au HTML</a>) et avoir une idée de la manière dont les CSS fonctionnent (étudiez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction aux CSS</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Expliquer comment les navigateurs composent les pages web par défaut, avant que nous commencions à faire des modifications.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Les fondamentaux du HTML (étudiez <a href=\"/fr/Apprendre/HTML/Introduction_à_HTML\">Introduction au HTML</a>), et une idée du fonctionnement de CSS (étudiez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction à CSS</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Les fondamentaux du HTML (étudiez <a href=\"/fr/Apprendre/HTML/Introduction_à_HTML\">Introduction au HTML</a>), et une idée du fonctionnement de CSS (étudiez <a href=\"/fr/Apprendre/CSS/Introduction_à_CSS\">Introduction à CSS</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Savoir comment fonctionne le positionnement avec les CSS.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Les bases du HTML (étudier <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction au HTML</a>), et une idée du fonctionnement du CSS (étudier <a href=\"/fr/docs/Learn/CSS/First_steps\">Introduction au CSS</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Les bases du HTML (étudier <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction au HTML</a>), et une idée du fonctionnement du CSS (étudier <a href=\"/fr/docs/Learn/CSS/First_steps\">Introduction au CSS</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Avoir une idée des aspects pratiques du positionnement</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Les bases du HTML (étudier <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction au HTML</a>), et une idée du fonctionnement du CSS (édutier <a href=\"/fr/docs/Learn/CSS/First_steps\">Premiers pas en CSS</a> et <a href=\"/fr/docs/Apprendre/CSS/Building_blocks\">Blocs de base en CSS</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Les bases du HTML (étudier <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction au HTML</a>), et une idée du fonctionnement du CSS (édutier <a href=\"/fr/docs/Learn/CSS/First_steps\">Premiers pas en CSS</a> et <a href=\"/fr/docs/Apprendre/CSS/Building_blocks\">Blocs de base en CSS</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Comprendre les concepts fondamentaux et l'histoire du responsive design.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Les bases du HTML (étudiez <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction au HTML</a>), et une idée du fonctionnement de CSS (étudiez <a href=\"/fr/docs/Learn/CSS/First_steps\">Premiers pas avec CSS</a> et <a href=\"/fr/docs/Learn/CSS/Building_blocks\">Blocs de base en CSS</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Les bases du HTML (étudiez <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction au HTML</a>), et une idée du fonctionnement de CSS (étudiez <a href=\"/fr/docs/Learn/CSS/First_steps\">Premiers pas avec CSS</a> et <a href=\"/fr/docs/Learn/CSS/Building_blocks\">Blocs de base en CSS</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre comment assurer la prise en charge, de vos mises en page, sur les anciens navigateurs qui pourraient ne pas supporter les fonctionnalités que vous souhaitez utiliser.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Connaissances élémentaires en informatique, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">suite logicielle de base installée</a>, compréhension élémentaire du <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Gérer_les_fichiers\"> travail avec des fichiers</a>, des bases en HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction à HTML</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances élémentaires en informatique, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">suite logicielle de base installée</a>, compréhension élémentaire du <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Gérer_les_fichiers\"> travail avec des fichiers</a>, des bases en HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction à HTML</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre comment associer une feuille de style CSS à un document HTML, savoir appliquer quelques règles simples de mise en forme d'un texte.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Maîtrise élémentaire de l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">suite logicielle de base installée</a>, compétences élémentaires pour <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files\">travailler avec des fichiers</a>, connaissance de base du HTML (cf. <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction à HTML</a>), et une idée de <a href=\"/fr/docs/Learn/CSS/First_steps/How_CSS_works\">Comment fonctionne CSS</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Maîtrise élémentaire de l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">suite logicielle de base installée</a>, compétences élémentaires pour <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Dealing_with_files\">travailler avec des fichiers</a>, connaissance de base du HTML (cf. <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction à HTML</a>), et une idée de <a href=\"/fr/docs/Learn/CSS/First_steps/How_CSS_works\">Comment fonctionne CSS</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Approfondir les structures syntaxiques fondamentales de CSS</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Notions de base en l'informatique, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">logiciels de base installés</a>, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Gérer_les_fichiers\">savoir manipuler des fichiers</a>, connaissance de base de HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction à HTML</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Notions de base en l'informatique, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">logiciels de base installés</a>, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Gérer_les_fichiers\">savoir manipuler des fichiers</a>, connaissance de base de HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction à HTML</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre, à un niveau élémentaire, comment un navigateur traite les codes CSS et HTML et ce qui se passe quand le navigateur rencontre du CSS qu'il ne sait pas interpréter.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Avant de vous soumettre à cette évaluation, vous avez suivi le module sur les bases de CSS ; vous maîtrisez par ailleurs les bases de HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction à HTML</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Avant de vous soumettre à cette évaluation, vous avez suivi le module sur les bases de CSS ; vous maîtrisez par ailleurs les bases de HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction à HTML</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Tester vos connaissances en mettant à l'œuvre CSS.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Notions de base en l'informatique, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">logiciels de base installés</a>, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Gérer_les_fichiers\">savoir manipuler des fichiers</a>, connaissance de base de HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction à HTML</a>.)</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Notions de base en l'informatique, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">logiciels de base installés</a>, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Gérer_les_fichiers\">savoir manipuler des fichiers</a>, connaissance de base de HTML (cf. <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">Introduction à HTML</a>.)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre ce qu'est CSS.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Connaissances informatiques de base, les bases HTML (étudiées dans l'<a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction au HTML</a>), les bases CSS (étudiées dans <a href=\"/fr/docs/Learn/CSS/Introduction_to_CSS\">Introduction à CSS</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances informatiques de base, les bases HTML (étudiées dans l'<a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction au HTML</a>), les bases CSS (étudiées dans <a href=\"/fr/docs/Learn/CSS/Introduction_to_CSS\">Introduction à CSS</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre les techniques et propriétés fondamentales nécessaires pour composer du texte sur les pages web.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>notions de base en informatique, notions de base en HTML (étudier l'<a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction au HTML)</a>, notions de base en CSS (étudier l'<a href=\"/fr/Apprendre/CSS/Introduction_%C3%A0_CSS\">Introduction à CSS</a>), <a href=\"/fr/docs/Learn/CSS/Styling_text/initiation-mise-en-forme-du-texte\">initiation à la mise en forme de texte</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>notions de base en informatique, notions de base en HTML (étudier l'<a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction au HTML)</a>, notions de base en CSS (étudier l'<a href=\"/fr/Apprendre/CSS/Introduction_%C3%A0_CSS\">Introduction à CSS</a>), <a href=\"/fr/docs/Learn/CSS/Styling_text/initiation-mise-en-forme-du-texte\">initiation à la mise en forme de texte</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>apprendre à mettre en forme les états des liens, et comment utiliser efficacement les liens dans les fonctionnalités courantes de l'IU, comme les menus de navigation.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Connaissances de base informatiques, bases HTML (étudiées dans <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction à HTML</a>), bases CSS (étudiées dans <a href=\"/fr/Apprendre/CSS/Introduction_%C3%A0_CSS\">Introduction à CSS</a>), <a href=\"/fr/docs/Learn/CSS/Styling_text/initiation-mise-en-forme-du-texte\">la mise en forme du texte</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances de base informatiques, bases HTML (étudiées dans <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction à HTML</a>), bases CSS (étudiées dans <a href=\"/fr/Apprendre/CSS/Introduction_%C3%A0_CSS\">Introduction à CSS</a>), <a href=\"/fr/docs/Learn/CSS/Styling_text/initiation-mise-en-forme-du-texte\">la mise en forme du texte</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Se familiariser avec les meilleures pratiques et propriétés liées aux styles de liste.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Avant de tenter cette évaluation, il faut que vous ayez déjà travaillé tous les articles de ce module.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Avant de tenter cette évaluation, il faut que vous ayez déjà travaillé tous les articles de ce module.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Tester la compréhension de la composition de textes à l'écran avec les techniques des CSS.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Connaissances informatiques de base, les bases HTML (étudiées dans l'<a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction au HTML</a>), les bases CSS (étudiées dans <a href=\"/fr/docs/Learn/CSS/Introduction_to_CSS\">Introduction à CSS</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances informatiques de base, les bases HTML (étudiées dans l'<a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction au HTML</a>), les bases CSS (étudiées dans <a href=\"/fr/docs/Learn/CSS/Introduction_to_CSS\">Introduction à CSS</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre comment appliquer des fontes web à une page web, soit avec un service tierce partie, soit en écrivant vous-même le code.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Notions concernant les ordinateurs et les <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">connaissances de base du HTML</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Notions concernant les ordinateurs et les <a href=\"/fr/docs/Apprendre/HTML/Introduction_à_HTML\">connaissances de base du HTML</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre quels sont les types de widgets de forme native disponibles dans les navigateurs pour collecter des données et comment les mettre en œuvre en se servant du HTML.</td></tr>"
tr (345:3) => tableRow
type: "html"
value: "<th scope=\"row\">Safari 6</th>",type: "html"
value: "<td><img alt=\"Screenshot of the datalist element fallback with Safari on Mac OS\" src=\"https://developer.mozilla.org/files/4583/datalist-safari.png\"></td>"
type: "html"
value: "<tr><th scope=\"row\">Safari 6</th><td><img alt=\"Screenshot of the datalist element fallback with Safari on Mac OS\" src=\"https://developer.mozilla.org/files/4583/datalist-safari.png\"></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Firefox 18</th><td><img alt=\"Screenshot of the datalist element with Firefox on Mac OS\" src=\"https://developer.mozilla.org/files/4581/datalist-firefox-macos.png\"></td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Notions concernant les ordinateurs, une bonne compréhension du <a href=\"/fr/docs/Learn/HTML\">HTML</a>, des <a href=\"/fr/docs/Learn/CSS\">CSS</a> et de <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Notions concernant les ordinateurs, une bonne compréhension du <a href=\"/fr/docs/Learn/HTML\">HTML</a>, des <a href=\"/fr/docs/Learn/CSS\">CSS</a> et de <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre ce qu'est la validation d'un formulaire, pourquoi c'est important et comment la mettre en œuvre.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Notions concernant les ordinateurs et les <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">connaissances de base du HTML</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Notions concernant les ordinateurs et les <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">connaissances de base du HTML</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre comment structurer les formulaires HTML et leur adjoindre la sémantique pour qu'ils soient utilisables et accessibles.</td></tr>"
type: "html"
value: "<th style=\"text-align: center;\"><img alt=\"Capture d'écran de l'entrée de couleur sur Chrome pour Mac OSX\" src=\"choix_chrome.png\"></th>",type: "html"
value: "<th style=\"text-align: center;\"><img alt=\"Capture d'écran de l'entrée de couleur sur Firefox\" src=\"choix_firefox.png\"></th>"
table (62:1) => table
type: "html"
value: "<tr><th scope=\"col\" style=\"text-align: center;\">Chrome 24</th><th scope=\"col\" style=\"text-align: center;\">Firefox 18</th></tr>",type: "html"
value: "<tr><th style=\"text-align: center;\"><img alt=\"Capture d'écran de l'entrée de couleur sur Chrome pour Mac OSX\" src=\"choix_chrome.png\"></th><th style=\"text-align: center;\"><img alt=\"Capture d'écran de l'entrée de couleur sur Firefox\" src=\"choix_firefox.png\"></th></tr>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser "
type: "inlineCode"
value: "-webkit-appearance:none"
type: "text"
value: " pour pouvoir appliquer cette propriété aux champs de recherche."
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que "
type: "inlineCode"
value: "background:none"
type: "text"
value: " ne soit utilisé."
tr (101:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiaGVpZ2h0Iik=}}</th>",type: "html"
value: "<td><ol><li>Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser <code>-webkit-appearance:none</code> pour pouvoir appliquer cette propriété aux champs de recherche.</li><li>Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que <code>background:none</code> ne soit utilisé.</li></ol></td>"
td (116:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser "
type: "inlineCode"
value: "-webkit-appearance:none"
type: "text"
value: " pour pouvoir appliquer cette propriété aux champs de recherche."
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que "
type: "inlineCode"
value: "background:none"
type: "text"
value: " ne soit utilisé."
tr (112:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyIik=}}</th>",type: "html"
value: "<td><ol><li>Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser <code>-webkit-appearance:none</code> pour pouvoir appliquer cette propriété aux champs de recherche.</li><li>Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que <code>background:none</code> ne soit utilisé.</li></ol></td>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser "
type: "inlineCode"
value: "-webkit-appearance:none"
type: "text"
value: " pour pouvoir appliquer cette propriété aux champs de recherche."
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que "
type: "inlineCode"
value: "background:none"
type: "text"
value: " ne soit utilisé."
tr (129:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigicGFkZGluZyIp}}</th>",type: "html"
value: "<td><ol><li>Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser <code>-webkit-appearance:none</code> pour pouvoir appliquer cette propriété aux champs de recherche.</li><li>Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que <code>background:none</code> ne soit utilisé.</li></ol></td>"
tr (142:3) => tableRow
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Texte et polices</em></th>"
td (149:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Si la propriété {{Y3NzeHJlZigiYm9yZGVyLWNvbG9yIik=}} n'est pas mentionnée, certains navigateurs fondés sur WebKit appliqueront la propriété {{Y3NzeHJlZigiY29sb3IiKQ==}} aussi bien à la bordure qu'à la police avec l'élément {{SFRNTEVsZW1lbnQoInRleHRhcmVhIik=}}."
tr (145:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiY29sb3IiKQ==}}</th>",type: "html"
value: "<td><ol><li>Si la propriété {{Y3NzeHJlZigiYm9yZGVyLWNvbG9yIik=}} n'est pas mentionnée, certains navigateurs fondés sur WebKit appliqueront la propriété {{Y3NzeHJlZigiY29sb3IiKQ==}} aussi bien à la bordure qu'à la police avec l'élément {{SFRNTEVsZW1lbnQoInRleHRhcmVhIik=}}.</li></ol></td>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "IE9 prend en charge cette propriété uniquement sur les éléments {{SFRNTEVsZW1lbnQoInRleHRhcmVhIik=}}, alors que Opera ne la prend en charge que sur les champs texte sur une ligne."
tr (179:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigidGV4dC1pbmRlbnQiKQ==}}</th>",type: "html"
value: "<td><ol><li>IE9 prend en charge cette propriété uniquement sur les éléments {{SFRNTEVsZW1lbnQoInRleHRhcmVhIik=}}, alors que Opera ne la prend en charge que sur les champs texte sur une ligne.</li></ol></td>"
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Bordure et arrière-plan</em></th>"
td (216:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser"
type: "inlineCode"
value: " -webkit-appearance:none"
type: "text"
value: " pour pouvoir appliquer cette propriété aux champs de recherche. Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que "
type: "inlineCode"
value: "background:none"
type: "text"
value: " ne soit utilisé."
tr (212:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYmFja2dyb3VuZCIp}}</th>",type: "html"
value: "<td><ol><li>Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser<code> -webkit-appearance:none</code> pour pouvoir appliquer cette propriété aux champs de recherche. Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que <code>background:none</code> ne soit utilisé.</li></ol></td>"
td (226:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser"
type: "inlineCode"
value: " -webkit-appearance:none"
type: "text"
value: " pour pouvoir appliquer cette propriété aux champs de recherche. Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que "
type: "inlineCode"
value: "background:none"
type: "text"
value: " ne soit utilisé."
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Sur Opera la propriété {{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}} n'est appliquée que si une bordure est explicitement définie."
tr (222:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}}</th>",type: "html"
value: "<td><ol><li>Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser<code> -webkit-appearance:none</code> pour pouvoir appliquer cette propriété aux champs de recherche. Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que <code>background:none</code> ne soit utilisé.</li><li>Sur Opera la propriété {{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}} n'est appliquée que si une bordure est explicitement définie.</li></ol></td>"
td (237:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "IE9 ne prend pas en charge cette propriété."
tr (233:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYm94LXNoYWRvdyIp}}</th>",type: "html"
value: "<td><ol><li>IE9 ne prend pas en charge cette propriété.</li></ol></td>"
table (82:1) => table
type: "html"
value: "<tr><th scope=\"col\">Propriété</th><th scope=\"col\" style=\"text-align: center;\">N</th><th scope=\"col\" style=\"text-align: center;\">A</th><th scope=\"col\">Note</th></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Modèle de boîte CSS</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigid2lkdGgiKQ==}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiaGVpZ2h0Iik=}}</th><td>Partiel</td><td>Oui</td><td><ol><li>Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser <code>-webkit-appearance:none</code> pour pouvoir appliquer cette propriété aux champs de recherche.</li><li>Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que <code>background:none</code> ne soit utilisé.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyIik=}}</th><td>Partiel</td><td>Oui</td><td><ol><li>Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser <code>-webkit-appearance:none</code> pour pouvoir appliquer cette propriété aux champs de recherche.</li><li>Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que <code>background:none</code> ne soit utilisé.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigibWFyZ2luIik=}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigicGFkZGluZyIp}}</th><td>Partiel</td><td>Oui</td><td><ol><li>Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser <code>-webkit-appearance:none</code> pour pouvoir appliquer cette propriété aux champs de recherche.</li><li>Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que <code>background:none</code> ne soit utilisé.</li></ol></td></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Texte et polices</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiY29sb3IiKQ==}}</th><td>Oui</td><td>Oui</td><td><ol><li>Si la propriété {{Y3NzeHJlZigiYm9yZGVyLWNvbG9yIik=}} n'est pas mentionnée, certains navigateurs fondés sur WebKit appliqueront la propriété {{Y3NzeHJlZigiY29sb3IiKQ==}} aussi bien à la bordure qu'à la police avec l'élément {{SFRNTEVsZW1lbnQoInRleHRhcmVhIik=}}.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiZm9udCIp}}</th><td>Oui</td><td>Oui</td><td>Voir la note à propos de {{Y3NzeHJlZigibGluZS1oZWlnaHQiKQ==}}</td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigibGV0dGVyLXNwYWNpbmciKQ==}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1hbGlnbiIp}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1kZWNvcmF0aW9uIik=}}</th><td>Partiel</td><td>Partiel</td><td>Voir la note à propos de Opera</td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1pbmRlbnQiKQ==}}</th><td>Partiel</td><td>Partiel</td><td><ol><li>IE9 prend en charge cette propriété uniquement sur les éléments {{SFRNTEVsZW1lbnQoInRleHRhcmVhIik=}}, alors que Opera ne la prend en charge que sur les champs texte sur une ligne.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1vdmVyZmxvdyIp}}</th><td>Partiel</td><td>Partiel</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1zaGFkb3ciKQ==}}</th><td>Partiel</td><td>Partiel</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC10cmFuc2Zvcm0iKQ==}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Bordure et arrière-plan</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYmFja2dyb3VuZCIp}}</th><td>Partiel</td><td>Oui</td><td><ol><li>Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser<code> -webkit-appearance:none</code> pour pouvoir appliquer cette propriété aux champs de recherche. Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que <code>background:none</code> ne soit utilisé.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}}</th><td>Partiel</td><td>Oui</td><td><ol><li>Les navigateurs WebKit (principalement sur Mac OSX et iOS) utilisent apparence et comportement natifs pour les champs de recherche. Par conséquent, il est nécessaire d'utiliser<code> -webkit-appearance:none</code> pour pouvoir appliquer cette propriété aux champs de recherche. Sous Windows 7, Internet Explorer 9 n'applique pas la bordure à moins que <code>background:none</code> ne soit utilisé.</li><li>Sur Opera la propriété {{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}} n'est appliquée que si une bordure est explicitement définie.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm94LXNoYWRvdyIp}}</th><td>Non</td><td>Partiel</td><td><ol><li>IE9 ne prend pas en charge cette propriété.</li></ol></td></tr>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Cette propriété n'est pas appliquée sur les navigateurs fondés sur WebKit sur Mac OSX ou iOS."
tr (267:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiaGVpZ2h0Iik=}}</th>",type: "html"
value: "<td><ol><li>Cette propriété n'est pas appliquée sur les navigateurs fondés sur WebKit sur Mac OSX ou iOS.</li></ol></td>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Cette propriété n'est pas appliquée sur les navigateurs fondés sur WebKit sur Mac OSX ou iOS."
tr (289:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigicGFkZGluZyIp}}</th>",type: "html"
value: "<td><ol><li>Cette propriété n'est pas appliquée sur les navigateurs fondés sur WebKit sur Mac OSX ou iOS.</li></ol></td>"
tr (301:3) => tableRow
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Texte et polices</em></th>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Sur Opera la propriété {{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}} n'est appliquée que si une bordure est explicitement définie."
tr (369:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}}</th>",type: "html"
value: "<td><ol><li>Sur Opera la propriété {{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}} n'est appliquée que si une bordure est explicitement définie.</li></ol></td>"
td (383:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "IE9 ne prend pas en charge cette propriété."
tr (379:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYm94LXNoYWRvdyIp}}</th>",type: "html"
value: "<td><ol><li>IE9 ne prend pas en charge cette propriété.</li></ol></td>"
table (248:1) => table
type: "html"
value: "<tr><th scope=\"col\">Propriété</th><th scope=\"col\" style=\"text-align: center;\">N</th><th scope=\"col\" style=\"text-align: center;\">A</th><th scope=\"col\">Note</th></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Modèle de boîte CSS</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigid2lkdGgiKQ==}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiaGVpZ2h0Iik=}}</th><td>Partiel</td><td>Oui</td><td><ol><li>Cette propriété n'est pas appliquée sur les navigateurs fondés sur WebKit sur Mac OSX ou iOS.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyIik=}}</th><td>Partiel</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigibWFyZ2luIik=}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigicGFkZGluZyIp}}</th><td>Partiel</td><td>Oui</td><td><ol><li>Cette propriété n'est pas appliquée sur les navigateurs fondés sur WebKit sur Mac OSX ou iOS.</li></ol></td></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Texte et polices</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiY29sb3IiKQ==}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiZm9udCIp}}</th><td>Oui</td><td>Oui</td><td>Voir la note à propos de {{Y3NzeHJlZigibGluZS1oZWlnaHQiKQ==}}.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigibGV0dGVyLXNwYWNpbmciKQ==}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1hbGlnbiIp}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1kZWNvcmF0aW9uIik=}}</th><td>Partiel</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1pbmRlbnQiKQ==}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1vdmVyZmxvdyIp}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1zaGFkb3ciKQ==}}</th><td>Partiel</td><td>Partiel</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC10cmFuc2Zvcm0iKQ==}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Bordure et arrière-plan</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYmFja2dyb3VuZCIp}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}}</th><td>Yes</td><td>Yes</td><td><ol><li>Sur Opera la propriété {{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}} n'est appliquée que si une bordure est explicitement définie.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm94LXNoYWRvdyIp}}</th><td>Non</td><td>Partiel</td><td><ol><li>IE9 ne prend pas en charge cette propriété.</li></ol></td></tr>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Sur Opera, les roulettes sont zoomés, ce qui peut masquer le contenu du champ."
tr (415:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiaGVpZ2h0Iik=}}</th>",type: "html"
value: "<td><ol><li>Sur Opera, les roulettes sont zoomés, ce qui peut masquer le contenu du champ.</li></ol></td>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Sur Opera, les roulettes sont zoomés, ce qui peut masquer le contenu du champ."
tr (437:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigicGFkZGluZyIp}}</th>",type: "html"
value: "<td><ol><li>Sur Opera, les roulettes sont zoomés, ce qui peut masquer le contenu du champ.</li></ol></td>"
tr (449:3) => tableRow
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Texte et polices</em></th>"
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Bordure et arrière‑plan</em></th>"
tr (511:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYmFja2dyb3VuZCIp}}</th>",type: "html"
value: "<td colspan=\"1\" rowspan=\"3\"><p>Pris en charge mais il y a trop d'incohérence entre les navigateurs pour que ce soit fiable.</p></td>"
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Modèle de boîte CSS</em></th>"
td (551:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Certains navigateurs ajoutent des marges supplémentaires et d'autres étirent le widget."
tr (547:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigid2lkdGgiKQ==}}</th>",type: "html"
value: "<td><ol><li>Certains navigateurs ajoutent des marges supplémentaires et d'autres étirent le widget.</li></ol></td>"
td (561:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Certains navigateurs ajoutent des marges supplémentaires et d'autres étirent le widget."
tr (557:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiaGVpZ2h0Iik=}}</th>",type: "html"
value: "<td><ol><li>Certains navigateurs ajoutent des marges supplémentaires et d'autres étirent le widget.</li></ol></td>"
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Modèle de boîte CSS</em></th>"
td (691:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Cette propriété est correcte sur l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}, mais cela peut ne pas être le cas sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} ou {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}."
tr (687:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigid2lkdGgiKQ==}}</th>",type: "html"
value: "<td><ol><li>Cette propriété est correcte sur l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}, mais cela peut ne pas être le cas sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} ou {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}.</li></ol></td>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "La propriété est appliquée, mais de manière incohérente entre navigateurs sous Mac OSX."
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "La propriété est bien appliquée sur l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}, mais est traitée de manière incohérente sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}."
tr (715:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigicGFkZGluZyIp}}</th>",type: "html"
value: "<td><ol><li>La propriété est appliquée, mais de manière incohérente entre navigateurs sous Mac OSX.</li><li>La propriété est bien appliquée sur l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}, mais est traitée de manière incohérente sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}.</li></ol></td>"
tr (728:3) => tableRow
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Texte et polices</em></th>"
td (735:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Sur Mac OSX, les navigateurs fondés sur WebKit ne prennent pas en charge cette propriété sur les widgets natifs et, avec Opera, ils ne la prennent pas du tout en charge sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}."
tr (731:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiY29sb3IiKQ==}}</th>",type: "html"
value: "<td><ol><li>Sur Mac OSX, les navigateurs fondés sur WebKit ne prennent pas en charge cette propriété sur les widgets natifs et, avec Opera, ils ne la prennent pas du tout en charge sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}.</li></ol></td>"
td (745:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Sur Mac OSX, les navigateurs fondés sur WebKit ne prennent pas en charge cette propriété sur les widgets natifs et, avec Opera, ils ne la prennent pas du tout en charge sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}."
tr (741:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiZm9udCIp}}</th>",type: "html"
value: "<td><ol><li>Sur Mac OSX, les navigateurs fondés sur WebKit ne prennent pas en charge cette propriété sur les widgets natifs et, avec Opera, ils ne la prennent pas du tout en charge sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}.</li></ol></td>"
td (755:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "IE9 ne prend pas en charge cette propriété sur les éléments {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}, {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}}, et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}} ; les navigateurs fondés sur WebKit sur Mac OSX ne prennent pas en charge cette propriété sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}."
tr (751:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigibGV0dGVyLXNwYWNpbmciKQ==}}</th>",type: "html"
value: "<td><ol><li>IE9 ne prend pas en charge cette propriété sur les éléments {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}, {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}}, et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}} ; les navigateurs fondés sur WebKit sur Mac OSX ne prennent pas en charge cette propriété sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}.</li></ol></td>"
td (765:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "IE9 sous Windows 7 et les navigateurs fondés sur WebKit sous Mac OSX ne prennent pas en charge cette propriété pour ce widget."
tr (761:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigidGV4dC1hbGlnbiIp}}</th>",type: "html"
value: "<td><ol><li>IE9 sous Windows 7 et les navigateurs fondés sur WebKit sous Mac OSX ne prennent pas en charge cette propriété pour ce widget.</li></ol></td>"
td (775:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Seul Firefox fournit une prise en charge totale de cette propriété. Opera ne la prend pas du tout en charge et d'autres navigateur ne le font que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}."
tr (771:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigidGV4dC1kZWNvcmF0aW9uIik=}}</th>",type: "html"
value: "<td><ol><li>Seul Firefox fournit une prise en charge totale de cette propriété. Opera ne la prend pas du tout en charge et d'autres navigateur ne le font que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}.</li></ol></td>"
td (785:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "La plupart des navigateurs ne prennent en charge cette propriété que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}."
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "IE9 ne prend pas en charge cette propriété."
tr (781:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigidGV4dC1pbmRlbnQiKQ==}}</th>",type: "html"
value: "<td><ol><li>La plupart des navigateurs ne prennent en charge cette propriété que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}.</li><li>IE9 ne prend pas en charge cette propriété.</li></ol></td>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "La plupart des navigateurs ne prennent en charge cette propriété que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}."
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "IE9 ne prend pas en charge cette propriété."
tr (798:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigidGV4dC1zaGFkb3ciKQ==}}</th>",type: "html"
value: "<td><ol><li>La plupart des navigateurs ne prennent en charge cette propriété que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}.</li><li>IE9 ne prend pas en charge cette propriété.</li></ol></td>"
td (813:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "La plupart des navigateurs ne prennent en charge cette propriété que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}."
tr (809:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigidGV4dC10cmFuc2Zvcm0iKQ==}}</th>",type: "html"
value: "<td><ol><li>La plupart des navigateurs ne prennent en charge cette propriété que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}.</li></ol></td>"
tr (821:3) => tableRow
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Bordure et arrière-plan</em></th>"
tr (824:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYmFja2dyb3VuZCIp}}</th>",type: "html"
value: "<td colspan=\"1\" rowspan=\"3\"><ol><li>La plupart des navigateurs ne prennent en charge cette propriété que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}.</li></ol></td>"
type: "html"
value: "<tr><th scope=\"col\">Propriété</th><th scope=\"col\" style=\"text-align: center;\">N</th><th scope=\"col\" style=\"text-align: center;\">A</th><th scope=\"col\">Note</th></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Modèle de boîte CSS</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigid2lkdGgiKQ==}}</th><td>Partiel</td><td>Partiel</td><td><ol><li>Cette propriété est correcte sur l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}, mais cela peut ne pas être le cas sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} ou {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiaGVpZ2h0Iik=}}</th><td>Non</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyIik=}}</th><td>Partiel</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigibWFyZ2luIik=}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigicGFkZGluZyIp}}</th><td>Non</td><td>Partiel</td><td><ol><li>La propriété est appliquée, mais de manière incohérente entre navigateurs sous Mac OSX.</li><li>La propriété est bien appliquée sur l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}, mais est traitée de manière incohérente sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}.</li></ol></td></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Texte et polices</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiY29sb3IiKQ==}}</th><td>Partiel</td><td>Partiel</td><td><ol><li>Sur Mac OSX, les navigateurs fondés sur WebKit ne prennent pas en charge cette propriété sur les widgets natifs et, avec Opera, ils ne la prennent pas du tout en charge sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiZm9udCIp}}</th><td>Partiel</td><td>Partiel</td><td><ol><li>Sur Mac OSX, les navigateurs fondés sur WebKit ne prennent pas en charge cette propriété sur les widgets natifs et, avec Opera, ils ne la prennent pas du tout en charge sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigibGV0dGVyLXNwYWNpbmciKQ==}}</th><td>Partiel</td><td>Partiel</td><td><ol><li>IE9 ne prend pas en charge cette propriété sur les éléments {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}, {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}}, et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}} ; les navigateurs fondés sur WebKit sur Mac OSX ne prennent pas en charge cette propriété sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1hbGlnbiIp}}</th><td>No</td><td>No</td><td><ol><li>IE9 sous Windows 7 et les navigateurs fondés sur WebKit sous Mac OSX ne prennent pas en charge cette propriété pour ce widget.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1kZWNvcmF0aW9uIik=}}</th><td>Partiel</td><td>Partiel</td><td><ol><li>Seul Firefox fournit une prise en charge totale de cette propriété. Opera ne la prend pas du tout en charge et d'autres navigateur ne le font que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1pbmRlbnQiKQ==}}</th><td>Partiel</td><td>Partiel</td><td><ol><li>La plupart des navigateurs ne prennent en charge cette propriété que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}.</li><li>IE9 ne prend pas en charge cette propriété.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1vdmVyZmxvdyIp}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1zaGFkb3ciKQ==}}</th><td>Partiel</td><td>Partiel</td><td><ol><li>La plupart des navigateurs ne prennent en charge cette propriété que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}.</li><li>IE9 ne prend pas en charge cette propriété.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC10cmFuc2Zvcm0iKQ==}}</th><td>Partiel</td><td>Partiel</td><td><ol><li>La plupart des navigateurs ne prennent en charge cette propriété que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}.</li></ol></td></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Bordure et arrière-plan</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYmFja2dyb3VuZCIp}}</th><td>Partiel</td><td>Partiel</td><td colspan=\"1\" rowspan=\"3\"><ol><li>La plupart des navigateurs ne prennent en charge cette propriété que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}}</th><td>Partiel</td><td>Partiel</td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm94LXNoYWRvdyIp}}</th><td>Non</td><td>Partiel</td></tr>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Opera ne prend pas en charge {{Y3NzeHJlZigicGFkZGluZy10b3AiKQ==}} et {{Y3NzeHJlZigicGFkZGluZy1ib3R0b20iKQ==}} sur l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}."
tr (886:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigicGFkZGluZyIp}}</th>",type: "html"
value: "<td><ol><li>Opera ne prend pas en charge {{Y3NzeHJlZigicGFkZGluZy10b3AiKQ==}} et {{Y3NzeHJlZigicGFkZGluZy1ib3R0b20iKQ==}} sur l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}.</li></ol></td>"
tr (898:3) => tableRow
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Texte et polices</em></th>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "IE9 ne prend pas en charge cette propriété sur les éléments {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}, {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}}, et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}} ; les navigateurs fondés sur WebKit sur Mac OSX ne prennent pas en charge cette propriété sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}."
tr (913:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigibGV0dGVyLXNwYWNpbmciKQ==}}</th>",type: "html"
value: "<td><ol><li>IE9 ne prend pas en charge cette propriété sur les éléments {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}, {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}}, et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}} ; les navigateurs fondés sur WebKit sur Mac OSX ne prennent pas en charge cette propriété sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}.</li></ol></td>"
td (927:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "IE9 sous Windows 7 et les navigateurs fondés sur WebKit sous Mac OSX ne prennent pas en charge cette propriété sur ce widget."
tr (923:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigidGV4dC1hbGlnbiIp}}</th>",type: "html"
value: "<td><ol><li>IE9 sous Windows 7 et les navigateurs fondés sur WebKit sous Mac OSX ne prennent pas en charge cette propriété sur ce widget.</li></ol></td>"
td (937:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Uniquement pris en charge par Firefox et IE9+."
tr (933:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigidGV4dC1kZWNvcmF0aW9uIik=}}</th>",type: "html"
value: "<td><ol><li>Uniquement pris en charge par Firefox et IE9+.</li></ol></td>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "La plupart des navigateurs ne prennent en charge cette propriété que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}."
tr (961:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigidGV4dC10cmFuc2Zvcm0iKQ==}}</th>",type: "html"
value: "<td><ol><li>La plupart des navigateurs ne prennent en charge cette propriété que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}.</li></ol></td>"
tr (973:3) => tableRow
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Bordure et arrière-plan</em></th>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Sur Opera la propriété {{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}} n'est appliquée que si une bordure est explicitement définie."
tr (982:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}}</th>",type: "html"
value: "<td><ol><li>Sur Opera la propriété {{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}} n'est appliquée que si une bordure est explicitement définie.</li></ol></td>"
td (996:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "IE9 ne prend pas en charge cette propriété."
tr (992:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYm94LXNoYWRvdyIp}}</th>",type: "html"
value: "<td><ol><li>IE9 ne prend pas en charge cette propriété.</li></ol></td>"
table (849:1) => table
type: "html"
value: "<tr><th scope=\"col\">Propriété</th><th scope=\"col\" style=\"text-align: center;\">N</th><th scope=\"col\" style=\"text-align: center;\">A</th><th scope=\"col\">Note</th></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Modèle de boîte CSS</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigid2lkdGgiKQ==}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiaGVpZ2h0Iik=}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyIik=}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigibWFyZ2luIik=}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigicGFkZGluZyIp}}</th><td>Partiel</td><td>Partiel</td><td><ol><li>Opera ne prend pas en charge {{Y3NzeHJlZigicGFkZGluZy10b3AiKQ==}} et {{Y3NzeHJlZigicGFkZGluZy1ib3R0b20iKQ==}} sur l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}.</li></ol></td></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Texte et polices</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiY29sb3IiKQ==}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiZm9udCIp}}</th><td>Oui</td><td>Oui</td><td>Voir la note à propos de {{Y3NzeHJlZigibGluZS1oZWlnaHQiKQ==}}.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigibGV0dGVyLXNwYWNpbmciKQ==}}</th><td>Partiel</td><td>Partiel</td><td><ol><li>IE9 ne prend pas en charge cette propriété sur les éléments {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}, {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}}, et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}} ; les navigateurs fondés sur WebKit sur Mac OSX ne prennent pas en charge cette propriété sur les éléments {{SFRNTEVsZW1lbnQoIm9wdGlvbiIp}} et {{SFRNTEVsZW1lbnQoIm9wdGdyb3VwIik=}}.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1hbGlnbiIp}}</th><td>No</td><td>No</td><td><ol><li>IE9 sous Windows 7 et les navigateurs fondés sur WebKit sous Mac OSX ne prennent pas en charge cette propriété sur ce widget.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1kZWNvcmF0aW9uIik=}}</th><td>No</td><td>No</td><td><ol><li>Uniquement pris en charge par Firefox et IE9+.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1pbmRlbnQiKQ==}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1vdmVyZmxvdyIp}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1zaGFkb3ciKQ==}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC10cmFuc2Zvcm0iKQ==}}</th><td>Partiel</td><td>Partiel</td><td><ol><li>La plupart des navigateurs ne prennent en charge cette propriété que pour l'élément {{SFRNTEVsZW1lbnQoInNlbGVjdCIp}}.</li></ol></td></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Bordure et arrière-plan</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYmFja2dyb3VuZCIp}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}}</th><td>Yes</td><td>Yes</td><td><ol><li>Sur Opera la propriété {{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}} n'est appliquée que si une bordure est explicitement définie.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm94LXNoYWRvdyIp}}</th><td>Non</td><td>Partiel</td><td><ol><li>IE9 ne prend pas en charge cette propriété.</li></ol></td></tr>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Pris en charge mais il y a trop d'incohérence entre les navigateurs pour que ce soit fiable."
tr (1191:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiZm9udCIp}}</th>",type: "html"
value: "<td><ol><li>Pris en charge mais il y a trop d'incohérence entre les navigateurs pour que ce soit fiable.</li></ol></td>"
td (1205:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Beaucoup de navigateurs appliquent cette propriété sur le bouton de sélection."
tr (1201:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigibGV0dGVyLXNwYWNpbmciKQ==}}</th>",type: "html"
value: "<td><ol><li>Beaucoup de navigateurs appliquent cette propriété sur le bouton de sélection.</li></ol></td>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Agit plus ou moins comme une marge supplementaire en dehors du widget."
tr (1223:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigidGV4dC1pbmRlbnQiKQ==}}</th>",type: "html"
value: "<td><ol><li>Agit plus ou moins comme une marge supplementaire en dehors du widget.</li></ol></td>"
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Bordure et arrière-plan</em></th>"
td (1260:4) => tableCell
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Pris en charge mais il y a trop d'incohérence entre les navigateurs pour que ce soit fiable."
tr (1256:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYmFja2dyb3VuZCIp}}</th>",type: "html"
value: "<td><ol><li>Pris en charge mais il y a trop d'incohérence entre les navigateurs pour que ce soit fiable.</li></ol></td>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "IE9 ne prend pas en charge cette propriété."
tr (1272:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYm94LXNoYWRvdyIp}}</th>",type: "html"
value: "<td><ol><li>IE9 ne prend pas en charge cette propriété.</li></ol></td>"
table (1137:1) => table
type: "html"
value: "<tr><th scope=\"col\">Propriété</th><th scope=\"col\" style=\"text-align: center;\">N</th><th scope=\"col\" style=\"text-align: center;\">A</th><th scope=\"col\">Note</th></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Modèle de boîte CSS</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigid2lkdGgiKQ==}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiaGVpZ2h0Iik=}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyIik=}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigibWFyZ2luIik=}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigicGFkZGluZyIp}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Texte et polices</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiY29sb3IiKQ==}}</th><td>Oui</td><td>Oui</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiZm9udCIp}}</th><td>No</td><td>No</td><td><ol><li>Pris en charge mais il y a trop d'incohérence entre les navigateurs pour que ce soit fiable.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigibGV0dGVyLXNwYWNpbmciKQ==}}</th><td>Partiel</td><td>Partiel</td><td><ol><li>Beaucoup de navigateurs appliquent cette propriété sur le bouton de sélection.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1hbGlnbiIp}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1kZWNvcmF0aW9uIik=}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1pbmRlbnQiKQ==}}</th><td>Partiel</td><td>Partiel</td><td><ol><li>Agit plus ou moins comme une marge supplementaire en dehors du widget.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1vdmVyZmxvdyIp}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC1zaGFkb3ciKQ==}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigidGV4dC10cmFuc2Zvcm0iKQ==}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th colspan=\"4\" scope=\"col\"><em>Bordure et arrière-plan</em></th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYmFja2dyb3VuZCIp}}</th><td>No</td><td>No</td><td><ol><li>Pris en charge mais il y a trop d'incohérence entre les navigateurs pour que ce soit fiable.</li></ol></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}}</th><td>Non</td><td>Non</td><td> </td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{Y3NzeHJlZigiYm94LXNoYWRvdyIp}}</th><td>Non</td><td>Partiel</td><td><ol><li>IE9 ne prend pas en charge cette propriété.</li></ol></td></tr>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Opera gère cette propriété comme pour un widget "
type: "inlineCode"
value: "select "
type: "text"
value: "avec les mêmes restrictions."
tr (1440:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiaGVpZ2h0Iik=}}</th>",type: "html"
value: "<td><ol><li>Opera gère cette propriété comme pour un widget <code>select </code>avec les mêmes restrictions.</li></ol></td>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Opera gère cette propriété comme pour un widget "
type: "inlineCode"
value: "select "
type: "text"
value: "avec les mêmes restrictions."
tr (1462:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigicGFkZGluZyIp}}</th>",type: "html"
value: "<td><ol><li>Opera gère cette propriété comme pour un widget <code>select </code>avec les mêmes restrictions.</li></ol></td>"
tr (1474:3) => tableRow
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Texte et polices</em></th>"
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Bordure et arrière-plan</em></th>"
tr (1536:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYmFja2dyb3VuZCIp}}</th>",type: "html"
value: "<td colspan=\"1\" rowspan=\"3\"><ol><li>Pris en charge mais il y a trop d'incohérence entre les navigateurs pour que ce soit fiable.</li></ol></td>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Chrome cache les éléments {{SFRNTEVsZW1lbnQoInByb2dyZXNzIik=}} et {{SFRNTEVsZW1lbnQoIm1ldGVyIik=}} quand la propriété {{Y3NzeHJlZigicGFkZGluZyIp}} est appliquée sur un élément altéré."
tr (1600:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigicGFkZGluZyIp}}</th>",type: "html"
value: "<td><ol><li>Chrome cache les éléments {{SFRNTEVsZW1lbnQoInByb2dyZXNzIik=}} et {{SFRNTEVsZW1lbnQoIm1ldGVyIik=}} quand la propriété {{Y3NzeHJlZigicGFkZGluZyIp}} est appliquée sur un élément altéré.</li></ol></td>"
tr (1612:3) => tableRow
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Texte et polices</em></th>"
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Bordure et arrière-plan</em></th>"
tr (1674:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYmFja2dyb3VuZCIp}}</th>",type: "html"
value: "<td colspan=\"1\" rowspan=\"3\"><ol><li>Pris en charge mais il y a trop d'incohérence entre les navigateurs pour que ce soit fiable.</li></ol></td>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "Chrome et Opera ajoutent quelque espace supplémentaire autour du widget, alors que Opera sous Windows 7 réduit la poignée de "
type: "inlineCode"
value: "range"
type: "text"
value: "."
tr (1720:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiaGVpZ2h0Iik=}}</th>",type: "html"
value: "<td><ol><li>Chrome et Opera ajoutent quelque espace supplémentaire autour du widget, alors que Opera sous Windows 7 réduit la poignée de <code>range</code>.</li></ol></td>"
type: "list"
ordered: true
start: 1
spread: false
children:
type: "listItem"
spread: false
children:
type: "paragraph"
children:
type: "text"
value: "La propriété {{Y3NzeHJlZigicGFkZGluZyIp}} est appliquée, mais elle n'a aucun effet visible."
tr (1742:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigicGFkZGluZyIp}}</th>",type: "html"
value: "<td><ol><li>La propriété {{Y3NzeHJlZigicGFkZGluZyIp}} est appliquée, mais elle n'a aucun effet visible.</li></ol></td>"
tr (1754:3) => tableRow
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Texte et polices</em></th>"
type: "html"
value: "<th colspan=\"4\" scope=\"col\"><em>Bordure et arrière-plan</em></th>"
tr (1816:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYmFja2dyb3VuZCIp}}</th>",type: "html"
value: "<td colspan=\"1\" rowspan=\"3\"><ol><li>Pris en charge mais il y a trop d'incohérence entre les navigateurs pour que ce soit fiable.</li></ol></td>"
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYm9yZGVyLXJhZGl1cyIp}}</th>",type: "html"
value: "<td colspan=\"1\"><ol><li>IE9 ne prend pas en charge cette propriété.</li></ol></td>"
tr (1964:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{Y3NzeHJlZigiYm94LXNoYWRvdyIp}}</th>",type: "html"
value: "<td colspan=\"1\"><ol><li>IE9 ne prend pas en charge cette propriété.</li></ol></td>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Notions concernant les ordinateurs, <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">compréhension du HTML</a>, et<a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\"> </a>connaissances de base de <a href=\"/fr/docs/Web/HTTP/Basics_of_HTTP\">HTTP </a>et <a href=\"/fr/docs/Learn/Server-side/First_steps\">programmation côté serveur.</a></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Notions concernant les ordinateurs, <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">compréhension du HTML</a>, et<a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\"> </a>connaissances de base de <a href=\"/fr/docs/Web/HTTP/Basics_of_HTTP\">HTTP </a>et <a href=\"/fr/docs/Learn/Server-side/First_steps\">programmation côté serveur.</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre ce qui arrive quand les données d'un formulaire sont soumises, y compris les notions de la façon dont les données sont traitées sur le serveur.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Notions concernant les ordinateurs et les <a href=\"/fr/Apprendre/HTML/Introduction_à_HTML\">connaissances de base du HTML</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Notions concernant les ordinateurs et les <a href=\"/fr/Apprendre/HTML/Introduction_à_HTML\">connaissances de base du HTML</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre ce que sont les formulaires HTML, à quoi ils servent, comment les concevoir et quels sont les éléments de base HTML nécessaires dans les cas simples.</td></tr>"
type: "paragraph"
summary: "JavaScript est un langage de programmation qui ajoute de l'interactivité à votre site web (par exemple : jeux, réponses quand on clique sur un bouton ou des données entrées dans des formulaires, composition dynamique, animations). Cet article vous aide à débuter dans ce langage passionnant et vous donne une idée de ses possibilités."
locale: "fr"
rowIndex: 4
shouldWrap: true
children:
type: "inlineCode"
value: "let myVariable = [1,'Bob','Étienne',10];"
type: "break"
type: "text"
value: "Référez‑vous à chaque élément du tableau ainsi "
type: "inlineCode"
value: ": myVariable[0]"
type: "text"
value: ", "
type: "inlineCode"
value: "myVariable[1]"
type: "text"
value: ", etc."
tr (143:3) => tableRow
type: "html"
value: "<th scope=\"row\">{{R2xvc3NhcnkoICJBcnJheSIgLCJUYWJsZWF1Iik=}}</th>",type: "html"
value: "<td><p><code>let myVariable = [1,'Bob','Étienne',10];</code><br>Référez‑vous à chaque élément du tableau ainsi <code>: myVariable[0]</code>, <code>myVariable[1]</code>, etc.</p></td>"
type: "html"
value: "<tr><th scope=\"row\">Variable</th><th scope=\"col\">Explication</th><th scope=\"col\">Exemple</th></tr>",type: "html"
value: "<tr><th scope=\"row\">{{R2xvc3NhcnkoIlN0cmluZyIsICJDaGHDrm5lIGRlIGNhcmFjdMOocmVzIik=}}</th><td>Une suite de caractères connue sous le nom de chaîne. Pour indiquer que la valeur est une chaîne, il faut la placer entre guillemets.</td><td><code>let myVariable = 'Bob';</code></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{R2xvc3NhcnkoICJOdW1iZXIiICwiTm9tYnJlIik=}}</th><td>Un nombre. Les nombres ne sont pas entre guillemets.</td><td><code>let myVariable = 10;</code></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{R2xvc3NhcnkoICJCb29sZWFuIiAsIkJvb2zDqWVuIik=}}</th><td>Une valeur qui signifie vrai ou faux. <code>true</code>/<code>false</code> sont des mots-clés spéciaux en JS, ils n'ont pas besoin de guillemets.</td><td><code>let myVariable = true;</code></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{R2xvc3NhcnkoICJBcnJheSIgLCJUYWJsZWF1Iik=}}</th><td>Une structure qui permet de stocker plusieurs valeurs dans une seule variable.</td><td><p><code>let myVariable = [1,'Bob','Étienne',10];</code><br>Référez‑vous à chaque élément du tableau ainsi <code>: myVariable[0]</code>, <code>myVariable[1]</code>, etc.</p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">{{R2xvc3NhcnkoICJPYmplY3QiICwiT2JqZXQiKQ==}}</th><td>À la base de toute chose. Tout est un objet en JavaScript et peut être stocké dans une variable. Gardez cela en mémoire tout au long de ce cours.</td><td><code>let myVariable = document.querySelector('h1'); </code>tous les exemples au dessus sont aussi des objets.</td></tr>"
type: "paragraph"
summary: "JavaScript est un langage de programmation qui ajoute de l'interactivité à votre site web (par exemple : jeux, réponses quand on clique sur un bouton ou des données entrées dans des formulaires, composition dynamique, animations). Cet article vous aide à débuter dans ce langage passionnant et vous donne une idée de ses possibilités."
locale: "fr"
rowIndex: 5
shouldWrap: true
children:
type: "text"
value: "Renvoie la valeur logique opposée à ce qu'il précède ; il change "
type: "inlineCode"
value: "true"
type: "text"
value: " en "
type: "inlineCode"
value: "false"
type: "text"
value: ", etc. Utilisé avec l'opérateur d'égalité, l'opérateur de négation teste que deux valeurs "
type: "emphasis"
children:
type: "text"
value: "ne sont pas"
type: "text"
value: " égales."
td (221:4) => tableCell
type: "paragraph"
summary: "JavaScript est un langage de programmation qui ajoute de l'interactivité à votre site web (par exemple : jeux, réponses quand on clique sur un bouton ou des données entrées dans des formulaires, composition dynamique, animations). Cet article vous aide à débuter dans ce langage passionnant et vous donne une idée de ses possibilités."
locale: "fr"
rowIndex: 5
shouldWrap: true
children:
type: "text"
value: "L'expression de base est vraie, mais la comparaison renvoie "
type: "inlineCode"
value: "false"
type: "text"
value: " parce que nous la nions :",type: "paragraph"
summary: "JavaScript est un langage de programmation qui ajoute de l'interactivité à votre site web (par exemple : jeux, réponses quand on clique sur un bouton ou des données entrées dans des formulaires, composition dynamique, animations). Cet article vous aide à débuter dans ce langage passionnant et vous donne une idée de ses possibilités."
locale: "fr"
rowIndex: 5
shouldWrap: true
children:
type: "inlineCode"
value: "let myVariable = 3; !(myVariable === 3);",type: "paragraph"
summary: "JavaScript est un langage de programmation qui ajoute de l'interactivité à votre site web (par exemple : jeux, réponses quand on clique sur un bouton ou des données entrées dans des formulaires, composition dynamique, animations). Cet article vous aide à débuter dans ce langage passionnant et vous donne une idée de ses possibilités."
locale: "fr"
rowIndex: 5
shouldWrap: true
children:
type: "text"
value: "On teste ici que \""
type: "inlineCode"
value: "myVariable"
type: "text"
value: " n'est PAS égale à 3\". Cela renvoie "
type: "inlineCode"
value: "false"
type: "text"
value: ", car elle est égale à 3.",type: "paragraph"
summary: "JavaScript est un langage de programmation qui ajoute de l'interactivité à votre site web (par exemple : jeux, réponses quand on clique sur un bouton ou des données entrées dans des formulaires, composition dynamique, animations). Cet article vous aide à débuter dans ce langage passionnant et vous donne une idée de ses possibilités."
locale: "fr"
rowIndex: 5
shouldWrap: true
children:
type: "inlineCode"
value: "let myVariable = 3; myVariable !== 3;"
tr (215:3) => tableRow
type: "html"
value: "<th scope=\"row\">Négation , N'égale pas</th>",type: "html"
value: "<td><p>Renvoie la valeur logique opposée à ce qu'il précède ; il change <code>true</code> en <code>false</code>, etc. Utilisé avec l'opérateur d'égalité, l'opérateur de négation teste que deux valeurs <em>ne sont pas</em> égales.</p></td>",type: "html"
value: "<td><p>L'expression de base est vraie, mais la comparaison renvoie <code>false</code> parce que nous la nions :</p><p><code>let myVariable = 3;<br>!(myVariable === 3);</code></p><p>On teste ici que \"<code>myVariable</code> n'est PAS égale à 3\". Cela renvoie <code>false</code>, car elle est égale à 3.</p><p><code><code>let myVariable = 3;</code><br>myVariable !== 3;</code></p></td>"
table.standard-table (177:1) => table
type: "html"
value: "<tr><th scope=\"row\">Opérateur</th><th scope=\"col\">Explication</th><th scope=\"col\">Symbole(s)</th><th scope=\"col\">Exemple</th></tr>",type: "html"
value: "<tr><th scope=\"row\">Addition</th><td>Utilisé pour ajouter deux nombres ou concaténer (accoler) deux chaînes.</td><td><code>+</code></td><td><code>6 + 9;<br>\"Bonjour \" + \"monde !\";</code></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Soustraction, multiplication, division</th><td>Les opérations mathématiques de base.</td><td><code>-</code>, <code>*</code>, <code>/</code></td><td><code>9 - 3;<br>8 * 2; // pour multiplier, on utilise un astérisque<br>9 / 3;</code></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Assignation</th><td>On a déjà vu cet opérateur : il affecte une valeur à une variable.</td><td><code>=</code></td><td><code>let myVariable = 'Bob';</code></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Égalité</th><td>Teste si deux valeurs sont égales et renvoie un booléen <code>true</code>/<code>false</code> comme résultat.</td><td><code>===</code></td><td><code>let myVariable = 3;<br>myVariable === 4;</code></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Négation , N'égale pas</th><td><p>Renvoie la valeur logique opposée à ce qu'il précède ; il change <code>true</code> en <code>false</code>, etc. Utilisé avec l'opérateur d'égalité, l'opérateur de négation teste que deux valeurs <em>ne sont pas</em> égales.</p></td><td><code>!</code>, <code>!==</code></td><td><p>L'expression de base est vraie, mais la comparaison renvoie <code>false</code> parce que nous la nions :</p><p><code>let myVariable = 3;<br>!(myVariable === 3);</code></p><p>On teste ici que \"<code>myVariable</code> n'est PAS égale à 3\". Cela renvoie <code>false</code>, car elle est égale à 3.</p><p><code><code>let myVariable = 3;</code><br>myVariable !== 3;</code></p></td></tr>"
type: "html"
value: "<td id=\"span-example\"><pre class=\"brush: html\">Utilisé pour grouper des éléments, par exemple pour <span style=\"color:blue\">les mettre en forme</span>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJzcGFuLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td>"
tr (53:3) => tableRow
type: "html"
value: "<td id=\"em-example\"><pre class=\"brush: html\"><em>La classe non ?</em>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJlbS1leGFtcGxlIiwgMTAwLCA2MCk=}}</td>"
tr (59:3) => tableRow
type: "html"
value: "<td id=\"i-example\"><pre class=\"brush: html\">Marque la phrase <i>généralement en italique</i>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJpLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td>"
tr (66:3) => tableRow
type: "html"
value: "<td id=\"b-example\"><pre class=\"brush: html\">Met en avant un <b>mot ou une phrase d'une certaine importance</b>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJiLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td>"
tr (73:3) => tableRow
type: "html"
value: "<td id=\"strong-example\"><pre class=\"brush: html\"><strong>Ce contenu est important !</strong></pre>{{RW1iZWRMaXZlU2FtcGxlKCJzdHJvbmctZXhhbXBsZSIsIDEwMCwgNjAp}}</td>"
tr (79:3) => tableRow
type: "html"
value: "<td id=\"mark-example\"><pre class=\"brush: html\"><mark>Vous me voyez ?</mark></pre>{{RW1iZWRMaXZlU2FtcGxlKCJtYXJrLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td>"
tr (85:3) => tableRow
type: "html"
value: "<td id=\"s-example\"><pre class=\"brush: html\"><s>Je ne suis plus pertinent.</s></pre>{{RW1iZWRMaXZlU2FtcGxlKCJzLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td>"
type: "html"
value: "<td id=\"small-example\"><pre class=\"brush: html\">Utilisé pour représenter <small>les petites\nnotes </small> d'un document.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJzbWFsbC1leGFtcGxlIiwgMTAwLCA2MCk=}}</td>"
tr (105:2) => tableRow
type: "html"
value: "<td id=\"address-example\"><pre class=\"brush: html\"><address>15 Rue du Bourg</address></pre>{{RW1iZWRMaXZlU2FtcGxlKCJhZGRyZXNzLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td>"
tr (111:2) => tableRow
type: "html"
value: "<td id=\"cite-example\"><pre class=\"brush: html\">Pour plus d'informations sur les monstres,\nvoir <cite>Le monstrueux livre des monstres</cite>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJjaXRlLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td>"
type: "html"
value: "<td id=\"time-example\"><pre class=\"brush: html\">Utilisé pour mettre en forme la date. Par exemple :\n<time datetime=\"2020-05-24\" pubdate>\nPublié le 24 mai 2020</time>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJ0aW1lLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td>"
tr (155:3) => tableRow
type: "html"
value: "<td id=\"code-example\"><pre class=\"brush: html\">Ce texte est au format normal,\nmais <code>celui-ci représente du code</code>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJjb2RlLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td>"
tr (163:3) => tableRow
type: "html"
value: "<td id=\"audio-example\"><pre class=\"brush: html\"><audio controls=\"controls\">\n <source=\"t-rex-roar.mp3\" type=\"audio/mpeg\">\n Votre navigateur ne prend pas en charge audio.\n</audio></pre>{{RW1iZWRMaXZlU2FtcGxlKCJhdWRpby1leGFtcGxlIiwgMTAwLCA4MCk=}}</td>"
tr (173:3) => tableRow
type: "html"
value: "<td id=\"video-example\"><pre class=\"brush: html\"><video controls width=\"250\"\n src=\"https://archive.org/download/ElephantsDream/ed_hd.ogv\" >\n L'élément <code>video</code> n'est pas pris en charge.\n</video></pre>{{RW1iZWRMaXZlU2FtcGxlKCJ2aWRlby1leGFtcGxlIiwgMTAwLCAyMDAp}}</td>"
table.standard-table (25:1) => table
type: "html"
value: "<tr><td>Un lien</td><td>{{SFRNTEVsZW1lbnQoImEiKQ==}}</td><td id=\"a-example\"><pre class=\"brush: html\"><a href=\"https://example.org\">\nUn lien vers example.org</a>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJhLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td></tr>",type: "html"
value: "<tr><td>Une image</td><td>{{SFRNTEVsZW1lbnQoImltZyIp}}</td><td id=\"img-example\"><pre class=\"brush: html\"><img src=\"beast.png\" width=\"25\" /></pre>{{RW1iZWRMaXZlU2FtcGxlKCJpbWctZXhhbXBsZSIsIDEwMCwgNjAp}}</td></tr>",type: "html"
value: "<tr><td>Un conteneur en ligne</td><td>{{SFRNTEVsZW1lbnQoInNwYW4iKQ==}}</td><td id=\"span-example\"><pre class=\"brush: html\">Utilisé pour grouper des éléments, par exemple pour <span style=\"color:blue\">les mettre en forme</span>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJzcGFuLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td></tr>",type: "html"
value: "<tr><td>Emphase du texte</td><td>{{SFRNTEVsZW1lbnQoImVtIik=}}</td><td id=\"em-example\"><pre class=\"brush: html\"><em>La classe non ?</em>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJlbS1leGFtcGxlIiwgMTAwLCA2MCk=}}</td></tr>",type: "html"
value: "<tr><td>Texte idiomatique</td><td>{{SFRNTEVsZW1lbnQoImkiKQ==}}</td><td id=\"i-example\"><pre class=\"brush: html\">Marque la phrase <i>généralement en italique</i>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJpLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td></tr>",type: "html"
value: "<tr><td>Texte d'attention</td><td>{{SFRNTEVsZW1lbnQoImIiKQ==}}</td><td id=\"b-example\"><pre class=\"brush: html\">Met en avant un <b>mot ou une phrase d'une certaine importance</b>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJiLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td></tr>",type: "html"
value: "<tr><td>Texte d'importance</td><td>{{SFRNTEVsZW1lbnQoInN0cm9uZyIp}}</td><td id=\"strong-example\"><pre class=\"brush: html\"><strong>Ce contenu est important !</strong></pre>{{RW1iZWRMaXZlU2FtcGxlKCJzdHJvbmctZXhhbXBsZSIsIDEwMCwgNjAp}}</td></tr>",type: "html"
value: "<tr><td>Marquer du texte</td><td>{{SFRNTEVsZW1lbnQoIm1hcmsiKQ==}}</td><td id=\"mark-example\"><pre class=\"brush: html\"><mark>Vous me voyez ?</mark></pre>{{RW1iZWRMaXZlU2FtcGxlKCJtYXJrLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td></tr>",type: "html"
value: "<tr><td>Texte barré</td><td>{{SFRNTEVsZW1lbnQoInMiKQ==}}</td><td id=\"s-example\"><pre class=\"brush: html\"><s>Je ne suis plus pertinent.</s></pre>{{RW1iZWRMaXZlU2FtcGxlKCJzLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td></tr>",type: "html"
value: "<tr><td>Mise en indice</td><td>{{SFRNTEVsZW1lbnQoInN1YiIp}}</td><td id=\"sub-example\"><pre class=\"brush: html\">H<sub>2</sub>O</pre>{{RW1iZWRMaXZlU2FtcGxlKCJzdWItZXhhbXBsZSIsIDEwMCwgNjAp}}</td></tr>",type: "html"
value: "<tr><td>Texte de commentaire</td><td>{{SFRNTEVsZW1lbnQoInNtYWxsIik=}}</td><td id=\"small-example\"><pre class=\"brush: html\">Utilisé pour représenter <small>les petites\nnotes </small> d'un document.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJzbWFsbC1leGFtcGxlIiwgMTAwLCA2MCk=}}</td></tr>",type: "html"
value: "<tr><td>Adresse</td><td>{{SFRNTEVsZW1lbnQoImFkZHJlc3MiKQ==}}</td><td id=\"address-example\"><pre class=\"brush: html\"><address>15 Rue du Bourg</address></pre>{{RW1iZWRMaXZlU2FtcGxlKCJhZGRyZXNzLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td></tr>",type: "html"
value: "<tr><td>Citation textuelle</td><td>{{SFRNTEVsZW1lbnQoImNpdGUiKQ==}}</td><td id=\"cite-example\"><pre class=\"brush: html\">Pour plus d'informations sur les monstres,\nvoir <cite>Le monstrueux livre des monstres</cite>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJjaXRlLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td></tr>",type: "html"
value: "<tr><td>Mise en exposant</td><td>{{SFRNTEVsZW1lbnQoInN1cCIp}}</td><td id=\"sup-example\"><pre class=\"brush: html\">x<sup>2</sup></pre>{{RW1iZWRMaXZlU2FtcGxlKCJzdXAtZXhhbXBsZSIsIDEwMCwgNjAp}}</td></tr>",type: "html"
value: "<tr><td>Citation en ligne</td><td>{{SFRNTEVsZW1lbnQoInEiKQ==}}</td><td id=\"q-example\"><pre class=\"brush: html\"><q>Toi aussi mon fils ?</q>, a-t-il dit.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJxLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td></tr>",type: "html"
value: "<tr><td>Un saut de ligne</td><td>{{SFRNTEVsZW1lbnQoImJyIik=}}</td><td id=\"br-example\"><pre class=\"brush: html\">Ligne 1<br>Ligne 2</pre>{{RW1iZWRMaXZlU2FtcGxlKCJici1leGFtcGxlIiwgMTAwLCA4MCk=}}</td></tr>",type: "html"
value: "<tr><td>Un saut de ligne possible</td><td>{{SFRNTEVsZW1lbnQoIndiciIp}}</td><td id=\"wbr-example\"><pre class=\"brush: html\"><div style=\"width: 200px\">\n Llanfair<wbr>pwllgwyngyllgogerychwyrngogogoch.\n</div></pre>{{RW1iZWRMaXZlU2FtcGxlKCJ3YnItZXhhbXBsZSIsIDEwMCwgODAp}}</td></tr>",type: "html"
value: "<tr><td>Date</td><td>{{SFRNTEVsZW1lbnQoInRpbWUiKQ==}}</td><td id=\"time-example\"><pre class=\"brush: html\">Utilisé pour mettre en forme la date. Par exemple :\n<time datetime=\"2020-05-24\" pubdate>\nPublié le 24 mai 2020</time>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJ0aW1lLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td></tr>",type: "html"
value: "<tr><td>Code</td><td>{{SFRNTEVsZW1lbnQoImNvZGUiKQ==}}</td><td id=\"code-example\"><pre class=\"brush: html\">Ce texte est au format normal,\nmais <code>celui-ci représente du code</code>.</pre>{{RW1iZWRMaXZlU2FtcGxlKCJjb2RlLWV4YW1wbGUiLCAxMDAsIDYwKQ==}}</td></tr>",type: "html"
value: "<tr><td>Audio</td><td>{{SFRNTEVsZW1lbnQoImF1ZGlvIik=}}</td><td id=\"audio-example\"><pre class=\"brush: html\"><audio controls=\"controls\">\n <source=\"t-rex-roar.mp3\" type=\"audio/mpeg\">\n Votre navigateur ne prend pas en charge audio.\n</audio></pre>{{RW1iZWRMaXZlU2FtcGxlKCJhdWRpby1leGFtcGxlIiwgMTAwLCA4MCk=}}</td></tr>",type: "html"
value: "<tr><td>Video</td><td>{{SFRNTEVsZW1lbnQoInZpZGVvIik=}}</td><td id=\"video-example\"><pre class=\"brush: html\"><video controls width=\"250\"\n src=\"https://archive.org/download/ElephantsDream/ed_hd.ogv\" >\n L'élément <code>video</code> n'est pas pris en charge.\n</video></pre>{{RW1iZWRMaXZlU2FtcGxlKCJ2aWRlby1leGFtcGxlIiwgMTAwLCAyMDAp}}</td></tr>"
tr (199:3) => tableRow
type: "html"
value: "<td id=\"p-example\"><pre class=\"brush: html\"><p>Je suis un paragraphe</p>\n<p>Et un autre paragraph</p></pre>{{RW1iZWRMaXZlU2FtcGxlKCJwLWV4YW1wbGUiLCAxMDAsIDE1MCk=}}</td>"
tr (208:3) => tableRow
type: "html"
value: "<td id=\"blockquote-example\"><pre class=\"brush: html\">Ils sont alors dit :\n<blockquote>L'élément blockquote indique une citation étendue.</blockquote></pre>{{RW1iZWRMaXZlU2FtcGxlKCJibG9ja3F1b3RlLWV4YW1wbGUiLCAxMDAsIDEwMCk=}}</td>"
tr (216:3) => tableRow
type: "html"
value: "<td id=\"details-example\"><pre class=\"brush: html\"><details>\n <summary>Anti-sèche HTML</summary>\n <p>Éléments en ligne</p>\n <p>Éléments de bloc</p>\n</details></pre>{{RW1iZWRMaXZlU2FtcGxlKCJkZXRhaWxzLWV4YW1wbGUiLCAxMDAsIDE1MCk=}}</td>"
tr (228:3) => tableRow
type: "html"
value: "<td id=\"ul-example\"><pre class=\"brush: html\"><ul><br>\n <li>Je suis un élément de liste</li><br>\n <li>Et moi un autre</li><br>\n</ul></pre>{{RW1iZWRMaXZlU2FtcGxlKCJ1bC1leGFtcGxlIiwgMTAwLCAxMDAp}}</td>"
tr (239:3) => tableRow
type: "html"
value: "<td id=\"ol-example\"><pre class=\"brush: html\"><ol><br>\n <li>Je suis le premier élément</li><br>\n <li>Et moi le deuxième</li><br>\n</ol></pre>{{RW1iZWRMaXZlU2FtcGxlKCJvbC1leGFtcGxlIiwgMTAwLCAxMDAp}}</td>"
tr (250:3) => tableRow
type: "html"
value: "<td id=\"dl-example\"><pre class=\"brush: html\"><dl>\n <dt>Un terme</dt><br>\n <dd>La définition du terme</dd>\n <dt>Un autre terme</dt>\n <dd>La définition d'un autre terme</dd>\n</dl></pre>{{RW1iZWRMaXZlU2FtcGxlKCJkbC1leGFtcGxlIiwgMTAwLCAxNTAp}}</td>"
type: "html"
value: "<td id=\"h1-h6-example\"><pre class=\"brush: html\"><h1> Titre de niveau 1 </h1>\n<h2> Titre de niveau 2 </h2>\n<h3> Titre de niveau 3 </h3>\n<h4> Titre de niveau 4 </h4>\n<h5> Titre de niveau 5 </h5>\n<h6> Titre de niveau 6 </h6></pre>{{RW1iZWRMaXZlU2FtcGxlKCJoMS1oNi1leGFtcGxlIiwgMTAwLCAzNTAp}}</td>"
table.standard-table (190:1) => table
type: "html"
value: "<tr><td>Un paragraphe</td><td>{{SFRNTEVsZW1lbnQoInAiKQ==}}</td><td id=\"p-example\"><pre class=\"brush: html\"><p>Je suis un paragraphe</p>\n<p>Et un autre paragraph</p></pre>{{RW1iZWRMaXZlU2FtcGxlKCJwLWV4YW1wbGUiLCAxMDAsIDE1MCk=}}</td></tr>",type: "html"
value: "<tr><td>Une citation étendue</td><td>{{SFRNTEVsZW1lbnQoImJsb2NrcXVvdGUiKQ==}}</td><td id=\"blockquote-example\"><pre class=\"brush: html\">Ils sont alors dit :\n<blockquote>L'élément blockquote indique une citation étendue.</blockquote></pre>{{RW1iZWRMaXZlU2FtcGxlKCJibG9ja3F1b3RlLWV4YW1wbGUiLCAxMDAsIDEwMCk=}}</td></tr>",type: "html"
value: "<tr><td>Information supplémentaire</td><td>{{SFRNTEVsZW1lbnQoImRldGFpbHMiKQ==}}</td><td id=\"details-example\"><pre class=\"brush: html\"><details>\n <summary>Anti-sèche HTML</summary>\n <p>Éléments en ligne</p>\n <p>Éléments de bloc</p>\n</details></pre>{{RW1iZWRMaXZlU2FtcGxlKCJkZXRhaWxzLWV4YW1wbGUiLCAxMDAsIDE1MCk=}}</td></tr>",type: "html"
value: "<tr><td>Une liste non-ordonnée</td><td>{{SFRNTEVsZW1lbnQoInVsIik=}}</td><td id=\"ul-example\"><pre class=\"brush: html\"><ul><br>\n <li>Je suis un élément de liste</li><br>\n <li>Et moi un autre</li><br>\n</ul></pre>{{RW1iZWRMaXZlU2FtcGxlKCJ1bC1leGFtcGxlIiwgMTAwLCAxMDAp}}</td></tr>",type: "html"
value: "<tr><td>Une liste ordonnée</td><td>{{SFRNTEVsZW1lbnQoIm9sIik=}}</td><td id=\"ol-example\"><pre class=\"brush: html\"><ol><br>\n <li>Je suis le premier élément</li><br>\n <li>Et moi le deuxième</li><br>\n</ol></pre>{{RW1iZWRMaXZlU2FtcGxlKCJvbC1leGFtcGxlIiwgMTAwLCAxMDAp}}</td></tr>",type: "html"
value: "<tr><td>Une liste de définitions</td><td>{{SFRNTEVsZW1lbnQoImRsIik=}}</td><td id=\"dl-example\"><pre class=\"brush: html\"><dl>\n <dt>Un terme</dt><br>\n <dd>La définition du terme</dd>\n <dt>Un autre terme</dt>\n <dd>La définition d'un autre terme</dd>\n</dl></pre>{{RW1iZWRMaXZlU2FtcGxlKCJkbC1leGFtcGxlIiwgMTAwLCAxNTAp}}</td></tr>",type: "html"
value: "<tr><td>Un séparateur horizontal</td><td>{{SFRNTEVsZW1lbnQoImhyIik=}}</td><td id=\"hr-example\"><pre class=\"brush: html\">avant<hr>après</pre>{{RW1iZWRMaXZlU2FtcGxlKCJoci1leGFtcGxlIiwgMTAwLCAxMDAp}}</td></tr>",type: "html"
value: "<tr><td>Un titre</td><td>{{SFRNTEVsZW1lbnQoIkhlYWRpbmdfRWxlbWVudHMiLCAiJmx0O2gxJmd0Oy0mbHQ7aDYmZ3Q7Iik=}}</td><td id=\"h1-h6-example\"><pre class=\"brush: html\"><h1> Titre de niveau 1 </h1>\n<h2> Titre de niveau 2 </h2>\n<h3> Titre de niveau 3 </h3>\n<h4> Titre de niveau 4 </h4>\n<h5> Titre de niveau 5 </h5>\n<h6> Titre de niveau 6 </h6></pre>{{RW1iZWRMaXZlU2FtcGxlKCJoMS1oNi1leGFtcGxlIiwgMTAwLCAzNTAp}}</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Vous devez au préalable savoir comment <a href=\"/fr/Apprendre/HTML/Écrire_une_simple_page_HTML\">créer un document HTML simple</a> et connaître comment <a href=\"/fr/Apprendre/HTML/Comment/Ajouter_des_images_à_une_page_web\">ajouter des images accessibles à une page web.</a></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devez au préalable savoir comment <a href=\"/fr/Apprendre/HTML/Écrire_une_simple_page_HTML\">créer un document HTML simple</a> et connaître comment <a href=\"/fr/Apprendre/HTML/Comment/Ajouter_des_images_à_une_page_web\">ajouter des images accessibles à une page web.</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Apprendre comment faire pour que différentes zones d'une même image pointent vers différentes pages.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devez au préalable savoir comment <a href=\"/fr/Learn/HTML/Write_a_simple_page_in_HTML\">créer un document HTML simple</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Apprendre comment introduire de nouveaux mots-clés et comment construire une liste de définitions.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devriez au préalable savoir comment <a href=\"/fr/Learn/HTML/Write_a_simple_page_in_HTML\">créer un document HTML simple</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Savoir comment utiliser du code JavaScript dans un fichier HTML et apprendre les bonnes pratiques afin que le code JavaScript utilisé soit accessible.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Être familiarisé avec les bases du HTML, traitées à la page <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le HTML</a> et du formatage de texte HTML, décrit dans les <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals\">Fondamentaux du texte HTML</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Être familiarisé avec les bases du HTML, traitées à la page <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le HTML</a> et du formatage de texte HTML, décrit dans les <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals\">Fondamentaux du texte HTML</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Apprendre comment utiliser des éléments HTML moins connus pour baliser des fonctions sémantiques avancées.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Être familiarisé avec les bases du HTML, traitées à la page <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le HTML</a> et du formatage de texte HTML, décrit dans les <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals\">Fondamentaux du texte HTML</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Être familiarisé avec les bases du HTML, traitées à la page <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le HTML</a> et du formatage de texte HTML, décrit dans les <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals\">Fondamentaux du texte HTML</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre à implémenter un hyperlien efficacement, et à relier de multiples fichiers ensemble.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Être familiarisé avec les bases du HTML, traitées aux pages <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le HTML,</a> <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals\">Fondamentaux du texte HTML </a>et <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Creating_hyperlinks\">Création d'hyperliens</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Être familiarisé avec les bases du HTML, traitées aux pages <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le HTML,</a> <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals\">Fondamentaux du texte HTML </a>et <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Creating_hyperlinks\">Création d'hyperliens</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre les bases de l'utilisation des outils de débogage pour détecter des problèmes en HTML.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Être familiarisé avec les bases du HTML, traitées à la page <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le HTML</a> et du formatage de texte HTML, décrit dans les <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals\">Fondamentaux du texte HTML</a>. Comment fonctionnent les liens hyperlinks , comme décrit dans <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Creating_hyperlinks\">Création d'hyperliens</a>.</td>"
td (32:4) => tableCell
type: "paragraph"
summary: "De même que HTML est utilisé pour définir les diverses parties indépendantes d'une page (comme un « paragraphe » ou une « image »), HTML l'est pour définir des zones de votre site web (comme l'« en‑tête », le « menu de navigation », le « contenu principal », etc.). Cet article détaille la structure d'un site simple et l'écriture du HTML correspondant."
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Apprendre comment structurer votre document en utilisant des balises sémantiques et comment élaborer la structure d'un site web simple."
tr (30:3) => tableRow
type: "html"
value: "<th scope=\"row\">Objectif :</th>",type: "html"
value: "<td><p>Apprendre comment structurer votre document en utilisant des balises sémantiques et comment élaborer la structure d'un site web simple.</p></td>"
table.standard-table (24:1) => table
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Être familiarisé avec les bases du HTML, traitées à la page <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le HTML</a> et du formatage de texte HTML, décrit dans les <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals\">Fondamentaux du texte HTML</a>. Comment fonctionnent les liens hyperlinks , comme décrit dans <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Creating_hyperlinks\">Création d'hyperliens</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td><p>Apprendre comment structurer votre document en utilisant des balises sémantiques et comment élaborer la structure d'un site web simple.</p></td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Notions sur le fonctionnement d'un ordinateur, avoir installé les <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">logiciels de base</a> et savoir <a href=\"/fr/Apprendre/Commencer_avec_le_web/G%C3%A9rer_les_fichiers\">gérer les fichiers</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Notions sur le fonctionnement d'un ordinateur, avoir installé les <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">logiciels de base</a> et savoir <a href=\"/fr/Apprendre/Commencer_avec_le_web/G%C3%A9rer_les_fichiers\">gérer les fichiers</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Se familiariser avec le langage HTML et acquérir de la pratique en écrivant quelques éléments HTML.</td></tr>"
type: "html"
value: "<th scope=\"row\">Pré-requis:</th>",type: "html"
value: "<td><p>Connaître les bases du langage HTML, telles que traitées à la page <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le HTML</a>.</p></td>"
td (35:4) => tableCell
type: "paragraph"
summary: "L'un des principaux buts de HTML est de structurer du texte et lui donner du sens (ce que l'on appelle la {{Z2xvc3NhcnkoInPDqW1hbnRpcXVlIik=}}) afin que le navigateur puisse l'afficher correctement. Cet article explique comment {{Z2xvc3NhcnkoIkhUTUwiKQ==}} peut être utilisé pour structurer une page en ajoutant des titres et des paragraphes, en marquant des emphases, en créant des listes, et bien plus encore."
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Apprendre comment ajouter des balises dans une page de texte simple pour la structurer et lui donner du sens — en incluant des paragraphes, des titres, des listes, des emphases et des citations."
tr (33:3) => tableRow
type: "html"
value: "<th scope=\"row\">Objectif:</th>",type: "html"
value: "<td><p>Apprendre comment ajouter des balises dans une page de texte simple pour la structurer et lui donner du sens — en incluant des paragraphes, des titres, des listes, des emphases et des citations.</p></td>"
table.standard-table (25:1) => table
type: "html"
value: "<tr><th scope=\"row\">Pré-requis:</th><td><p>Connaître les bases du langage HTML, telles que traitées à la page <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le HTML</a>.</p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td><p>Apprendre comment ajouter des balises dans une page de texte simple pour la structurer et lui donner du sens — en incluant des paragraphes, des titres, des listes, des emphases et des citations.</p></td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Avant de se lancer dans cet exercice, vous devez déja avoir travaillé <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/Getting_started\">Commencer avec le HTML, </a><a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML\">Qu'y-a-t-il dans l'en-tête ? Métadonnées en HTML, </a><a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals\">Fondamentaux du texte HTML, </a><a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks\">Création d'hyperliens</a> et <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting\">Formatage avancé du texte</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Avant de se lancer dans cet exercice, vous devez déja avoir travaillé <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/Getting_started\">Commencer avec le HTML, </a><a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML\">Qu'y-a-t-il dans l'en-tête ? Métadonnées en HTML, </a><a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals\">Fondamentaux du texte HTML, </a><a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks\">Création d'hyperliens</a> et <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting\">Formatage avancé du texte</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Tester vos connaissances en balisage HTML simple et avancé de texte, d'hyperliens et de ce qu'il convient de mettre dans l'élément <head>.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Avant de commencer cette évaluation, vous devriez avoir déjà travaillé sur le reste du cours, en particulier sur <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Document_and_website_structure\">Structure de Site Web et de document</a></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Avant de commencer cette évaluation, vous devriez avoir déjà travaillé sur le reste du cours, en particulier sur <a href=\"/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/Document_and_website_structure\">Structure de Site Web et de document</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Tester vos connaissances sur la structure des pages web et d'une représentation prospective d'un design de mise en page avec un balisage.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Connaître les bases du HTML, telles qu'elles sont exposées dans l'article <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/Getting_started\">Commencer avec le HTML</a></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Connaître les bases du HTML, telles qu'elles sont exposées dans l'article <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML/Getting_started\">Commencer avec le HTML</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs:</th><td>En savoir plus sur la balise <head> du HTML, son objet, les éléments les plus importants qu'elle peut contenir et l'effet qu'elle peut avoir sur le document HTML.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Vous devriez au préalable savoir comment <a href=\"/fr/Apprendre/HTML/Write_a_simple_page_in_HTML\">créer un document HTML simple</a> et comment <a href=\"/fr/Apprendre/HTML/Comment/Ajouter_des_images_à_une_page_web\">insérer une image dans un document HTML</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devriez au préalable savoir comment <a href=\"/fr/Apprendre/HTML/Write_a_simple_page_in_HTML\">créer un document HTML simple</a> et comment <a href=\"/fr/Apprendre/HTML/Comment/Ajouter_des_images_à_une_page_web\">insérer une image dans un document HTML</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Apprendre comment intégrer une image SVG dans une page web.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Notions élémentaires en informatique, <a href=\"/fr/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">installation des outils de base</a>, bases de la <a href=\"/fr/Apprendre/Commencer_avec_le_web/G%C3%A9rer_les_fichiers\">manipulation des fichiers</a>, fondamentaux du HTML (comme décrit dans <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le Web).</a></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Notions élémentaires en informatique, <a href=\"/fr/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">installation des outils de base</a>, bases de la <a href=\"/fr/Apprendre/Commencer_avec_le_web/G%C3%A9rer_les_fichiers\">manipulation des fichiers</a>, fondamentaux du HTML (comme décrit dans <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le Web).</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Apprendre à intégrer des images simples en HTML, à les légender d'un intitulé, et à mettre en relation ces images HTML avec les images d'arrière-plan du CSS.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Avant de vous attaquer à cette étude, vous devriez avoir déjà travaillé sur les paragraphes précédents composant le module <a href=\"/fr/Apprendre/HTML/Multimedia_and_embedding\">Multimedia et Intégration</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Avant de vous attaquer à cette étude, vous devriez avoir déjà travaillé sur les paragraphes précédents composant le module <a href=\"/fr/Apprendre/HTML/Multimedia_and_embedding\">Multimedia et Intégration</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Tester vos connaissances sur l'intégration d'images et vidéos dans des pages web ainsi que des techniques d'images adaptatives (images \"responsive\").</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Compétences informatiques de base, <a href=\"/fr/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">installation des outils de base</a>, bases de la <a href=\"/fr/Apprendre/Commencer_avec_le_web/G%C3%A9rer_les_fichiers\">manipulation des fichiers</a>, connaissance des fondamentaux du HTML (comme expliqué dans <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le HTML)</a> et articles précédents de ce module.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Compétences informatiques de base, <a href=\"/fr/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">installation des outils de base</a>, bases de la <a href=\"/fr/Apprendre/Commencer_avec_le_web/G%C3%A9rer_les_fichiers\">manipulation des fichiers</a>, connaissance des fondamentaux du HTML (comme expliqué dans <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le HTML)</a> et articles précédents de ce module.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre comment incorporer des éléments, tels que d'autres pages ou des clips Flash, dans des pages Web à l'aide de {{aHRtbGVsZW1lbnQoIm9iamVjdCIp}}, {{aHRtbGVsZW1lbnQoImVtYmVkIik=}}, et {{aHRtbGVsZW1lbnQoImlmcmFtZSIp}}.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vous devriez connaître <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">les fondamentaux de HTML</a> et <a href=\"/fr/docs/conflicting/Learn/HTML/Multimedia_and_embedding/Images_in_HTML\">comment ajouter des images statiques à une page web</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Apprendre comment utiliser des fonctionnalités comme <a href=\"/fr/docs/Web/HTML/Element/Img#attr-srcset\"><code>srcset</code></a> et l'élément <a href=\"/fr/docs/Web/HTML/Element/picture\"><code><picture></code></a> pour implémenter des solutions d'images adaptatives sur les sites web.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Compétences informatiques de base, <a href=\"/fr/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">installation des outils de base</a>, bases de la <a href=\"/fr/Apprendre/Commencer_avec_le_web/G%C3%A9rer_les_fichiers\">manipulation des fichiers</a>, connaissance des fondamentaux du HTML (comme expliqué dans <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le HTML)</a> et <a href=\"/fr/Apprendre/HTML/Multimedia_and_embedding/Images_in_HTML\">Images en HTML</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Compétences informatiques de base, <a href=\"/fr/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">installation des outils de base</a>, bases de la <a href=\"/fr/Apprendre/Commencer_avec_le_web/G%C3%A9rer_les_fichiers\">manipulation des fichiers</a>, connaissance des fondamentaux du HTML (comme expliqué dans <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML/Getting_started\">Commencer avec le HTML)</a> et <a href=\"/fr/Apprendre/HTML/Multimedia_and_embedding/Images_in_HTML\">Images en HTML</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Apprendre à intégrer vidéos et audios dans une page web et y ajouter des légendes et des sous-titres.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Les bases de HTML (voir <a href=\"/fr/docs/Learn/HTML/Introduction_to_HTML\">Introduction au HTML</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>En apprendre plus sur les fonctionnalités HTML plus avancées et l'accessibilité aux tableaux.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Les bases de HTML (voir <a href=\"/fr/Apprendre/HTML/Introduction_%C3%A0_HTML\">Introduction au HTML</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Se familiariser avec les tableaux HTML.</td></tr>"
type: "html"
value: "<tr><td colspan=\"2\"></td><th scope=\"col\">Nom</th><th scope=\"col\">Masse (10<sup>24</sup>kg)</th><th scope=\"col\">Diamètre (km)</th><th scope=\"col\">Densité (kg/m<sup>3</sup>)</th><th scope=\"col\">Gravité (m/s<sup>2</sup>)</th><th scope=\"col\">Durée du jour (hours)</th><th scope=\"col\">Distance du Soleil (10<sup>6</sup>km)</th><th scope=\"col\">Température moyenne (°C)</th><th scope=\"col\">Nombre de lunes</th><th scope=\"col\">Notes</th></tr>",type: "html"
value: "<tr><th colspan=\"2\" rowspan=\"4\" scope=\"rowgroup\">Planètes telluriques</th><th scope=\"row\">Mercure</th><td>0.330</td><td>4,879</td><td>5427</td><td>3.7</td><td>4222.6</td><td>57.9</td><td>167</td><td>0</td><td>La plus proche du Soleil</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Venus</th><td>4.87</td><td>12,104</td><td>5243</td><td>8.9</td><td>2802.0</td><td>108.2</td><td>464</td><td>0</td><td></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Terre</th><td>5.97</td><td>12,756</td><td>5514</td><td>9.8</td><td>24.0</td><td>149.6</td><td>15</td><td>1</td><td>Notre monde</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Mars</th><td>0.642</td><td>6,792</td><td>3933</td><td>3.7</td><td>24.7</td><td>227.9</td><td>-65</td><td>2</td><td>La planète rouge</td></tr>",type: "html"
value: "<tr><th rowspan=\"4\" scope=\"rowgroup\">Planètes joviennes</th><th rowspan=\"2\" scope=\"rowgroup\">Géantes gazeuses</th><th scope=\"row\">Jupiter</th><td>1898</td><td>142,984</td><td>1326</td><td>23.1</td><td>9.9</td><td>778.6</td><td>-110</td><td>67</td><td>La plus grosse planète</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Saturne</th><td>568</td><td>120,536</td><td>687</td><td>9.0</td><td>10.7</td><td>1433.5</td><td>-140</td><td>62</td><td></td></tr>",type: "html"
value: "<tr><th rowspan=\"2\" scope=\"rowgroup\">Géantes glacées</th><th scope=\"row\">Uranus</th><td>86.8</td><td>51,118</td><td>1271</td><td>8.7</td><td>17.2</td><td>2872.5</td><td>-195</td><td>27</td><td></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Neptune</th><td>102</td><td>49,528</td><td>1638</td><td>11.0</td><td>16.1</td><td>4495.1</td><td>-200</td><td>14</td><td></td></tr>",type: "html"
value: "<tr><th colspan=\"2\" scope=\"rowgroup\">Planètes naines</th><th scope=\"row\">Pluton</th><td>0.0146</td><td>2,370</td><td>2095</td><td>0.7</td><td>153.3</td><td>5906.4</td><td>-225</td><td>5</td><td>Déclassée en tant que planète en 2006 mais décision controverséee.</td></tr>"
tr (255:3) => tableRow
type: "html"
value: "<td>Bonjour, je suis votre première cellule.</td>",type: "html"
value: "<td>je suis votre deuxième cellule.</td>",type: "html"
value: "<td>je suis votre troisième cellule</td>",type: "html"
value: "<td>je suis votre quatrième cellule</td>"
table (253:1) => table
type: "html"
value: "<tr><td>Bonjour, je suis votre première cellule.</td><td>je suis votre deuxième cellule.</td><td>je suis votre troisième cellule</td><td>je suis votre quatrième cellule</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Avant de tenter cette évaluation, vous devez déjà avoir travaillé tous les articles de ce module.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Avant de tenter cette évaluation, vous devez déjà avoir travaillé tous les articles de ce module.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Vérifier la compréhension des tableaux HTML et des fonctionnalités associées.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Connaissances informatiques de base, compréhension raisonnable des principes fondamentaux de JavaScript, compréhension du code asynchrone en général et des promesses.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances informatiques de base, compréhension raisonnable des principes fondamentaux de JavaScript, compréhension du code asynchrone en général et des promesses.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre <code>async/await</code> et comment les utiliser.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Connaissances informatiques de base, une compréhension raisonnable des principes fondamentaux de JavaScript.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances informatiques de base, une compréhension raisonnable des principes fondamentaux de JavaScript.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Être capable de faire un choix judicieux quant à l'utilisation de différentes techniques de programmation asynchrone.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances informatiques de base, compréhension raisonnable des principes fondamentaux de JavaScript.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre les concepts de base de la programmation asynchrone et la façon dont elles se manifestent dans les navigateurs Web et dans JavaScript.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances informatiques de base, compréhension raisonnable des principes fondamentaux de JavaScript.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Se familiariser avec ce qu'est le JavaScript asynchrone, comment il diffère du JavaScript synchrone et quels sont ses cas d'utilisation.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances informatiques de base, compréhension raisonnable des principes fondamentaux de JavaScript.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre les promesses et savoir comment les utiliser.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances informatiques de base, compréhension raisonnable des principes fondamentaux de JavaScript.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre les boucles et les intervalles asynchrones et leur utilité.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Savoir-faire de base, une compréhension minimale HTML et CSS, <a href=\"/fr/docs/Learn/JavaScript/First_steps\">premiers pas en JavaScript</a>, <a href=\"/fr/docs/Learn/JavaScript/Building_blocks/Functions\">Fonctions — blocs de code réutilisables</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Savoir-faire de base, une compréhension minimale HTML et CSS, <a href=\"/fr/docs/Learn/JavaScript/First_steps\">premiers pas en JavaScript</a>, <a href=\"/fr/docs/Learn/JavaScript/Building_blocks/Functions\">Fonctions — blocs de code réutilisables</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Fournir quelques pratiques de création de fonctions, et expliquer un peu plus les détails associés.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Connaissances du vocabulaire informatique, compréhension des bases du HTML et des CSS, <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas en JavaScript</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances du vocabulaire informatique, compréhension des bases du HTML et des CSS, <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas en JavaScript</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre comment utiliser les structures conditionnelles en JavaScript.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Connaissances de base en informatique, une compréhension de base de HTML et CSS, <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas en JavaScript</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Connaissances de base en informatique, une compréhension de base de HTML et CSS, <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas en JavaScript</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Comprendre la théorie fondamentale des événements, comment ils fonctionnent dans les navigateurs et comment les événements peuvent différer dans différents environnements de programmation.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prerequis:</th>",type: "html"
value: "<td>Culture informatique basique, compréhension basique du HTML et du CSS, <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas en JavaScript...</a></td>"
type: "html"
value: "<tr><th scope=\"row\">Prerequis:</th><td>Culture informatique basique, compréhension basique du HTML et du CSS, <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas en JavaScript...</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Comprendre les concepts fondamentaux des fonctions JavaScript.</td></tr>"
type: "html"
value: "<th scope=\"row\">Conditions préalables:</th>",type: "html"
value: "<td>Avant de tenter cette évaluation, vous devriez avoir parcouru tous les articles de ce module. </td>"
type: "html"
value: "<tr><th scope=\"row\">Conditions préalables:</th><td>Avant de tenter cette évaluation, vous devriez avoir parcouru tous les articles de ce module. </td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Tester la compréhension des boucles, des fonctions, des conditions et des événements JavaScript.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Culture informatique basique, compréhension basique du HTML et du CSS, <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas en JavaScript...</a></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Culture informatique basique, compréhension basique du HTML et du CSS, <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas en JavaScript...</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre comment utiliser les boucles dans JavaScript.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td><p>Base en langage informatique, une compréhension basic de HTML et CSS, <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas en JavaScript</a>, <a href=\"/fr/docs/Learn/JavaScript/Building_blocks/Functions\">Fonctions — blocks de code réutilisable</a>.</p></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td><p>Base en langage informatique, une compréhension basic de HTML et CSS, <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas en JavaScript</a>, <a href=\"/fr/docs/Learn/JavaScript/Building_blocks/Functions\">Fonctions — blocks de code réutilisable</a>.</p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Comprendre les valeurs de retour, et comment les utiliser.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Notions de bases de JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">premiers pas</a>, <a href=\"/fr/Apprendre/JavaScript/Building_blocks\">les briques JavaScript</a>, <a href=\"/fr/docs/Learn/JavaScript/Objects\">les objets JavaScript</a>), les <a href=\"/fr/Apprendre/JavaScript/Client-side_web_APIs/Introduction\">notions de base des APIs côté client</a></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Notions de bases de JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">premiers pas</a>, <a href=\"/fr/Apprendre/JavaScript/Building_blocks\">les briques JavaScript</a>, <a href=\"/fr/docs/Learn/JavaScript/Objects\">les objets JavaScript</a>), les <a href=\"/fr/Apprendre/JavaScript/Client-side_web_APIs/Introduction\">notions de base des APIs côté client</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Apprendre à utiliser les APIs de stockage côté client pour stocker des données de l'application.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Bases de JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">premiers pas</a>, <a href=\"/fr/Apprendre/JavaScript/Building_blocks\">les briques JavaScript</a>, <a href=\"/fr/docs/Learn/JavaScript/Objects\">introduction aux objets</a>), les <a href=\"/fr/Apprendre/JavaScript/Client-side_web_APIs/Introduction\">notions de bases des APIs côté client</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Apprendre les bases pour dessiner sur des éléments <code><canvas></code> en utilisant JavaScript.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Notions de base de JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">premiers pas</a>, <a href=\"/fr/Apprendre/JavaScript/Building_blocks\">les briques JavaScript</a>, <a href=\"/fr/docs/Learn/JavaScript/Objects\">les objets JavaScript</a>), les <a href=\"/fr/Apprendre/JavaScript/Client-side_web_APIs/Introduction\">notions de bases des APIs côté client</a></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Notions de base de JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">premiers pas</a>, <a href=\"/fr/Apprendre/JavaScript/Building_blocks\">les briques JavaScript</a>, <a href=\"/fr/docs/Learn/JavaScript/Objects\">les objets JavaScript</a>), les <a href=\"/fr/Apprendre/JavaScript/Client-side_web_APIs/Introduction\">notions de bases des APIs côté client</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Apprendre à récupérer des données du serveur web et les utiliser pour mettre à jour le contenu de la page.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Des connaissances de base en informatique, une compréhension de base du <a href=\"/fr/docs/Learn/HTML\">HTML</a> et <a href=\"/fr/docs/Learn/CSS\">CSS</a>, des notions de JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">premiers pas</a>, <a href=\"/fr/docs/Learn/JavaScript/Building_blocks\">briques JavaScript</a>, <a href=\"/fr/docs/Learn/JavaScript/Objects\">objets JavaScript</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Des connaissances de base en informatique, une compréhension de base du <a href=\"/fr/docs/Learn/HTML\">HTML</a> et <a href=\"/fr/docs/Learn/CSS\">CSS</a>, des notions de JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">premiers pas</a>, <a href=\"/fr/docs/Learn/JavaScript/Building_blocks\">briques JavaScript</a>, <a href=\"/fr/docs/Learn/JavaScript/Objects\">objets JavaScript</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Vous familiariser avec les API, ce qu'elles permettent de faire, et comment les utiliser dans votre code.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Connaissances de base en informatique, notions de base d'HTML, CSS, et JavaScript — dont les objets JavaScript.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances de base en informatique, notions de base d'HTML, CSS, et JavaScript — dont les objets JavaScript.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Se familiariser avec les APIs DOM, et autres APIs souvent associées au DOM et à la manipulation de document</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Les bases de JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">premiers pas</a>, <a href=\"/fr/docs/Apprendre/JavaScript/Building_blocks\">blocs de construction</a>, <a href=\"/fr/docs/Learn/JavaScript/Objects\">les objets JavaScript</a>), <a href=\"/fr/docs/Apprendre/JavaScript/Client-side_web_APIs/Introduction\">les bases des API côté client</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Comprendre le fonctionnement des API tierces et comment les utiliser pour ajouter des fonctionnalités à ses sites / applications.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Les bases du JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">premiers pas en JavaScript</a>, <a href=\"/fr/Apprendre/JavaScript/Building_blocks\">les briques Javascript</a>, <a href=\"/fr/docs/Learn/JavaScript/Objects\">Introduction aux objets</a>), <a href=\"/fr/Apprendre/JavaScript/Client-side_web_APIs/Introduction\">Introduction aux APIs web</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Apprendre à utiliser les APIs du navigateur pour contrôler la lecture de audio et vidéo.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Une culture informatique basique, et des notions de HTML et CSS.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Une culture informatique basique, et des notions de HTML et CSS.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Avoir une première expérience d'écriture de JavaScript et comprendre les implications de l'écriture d'un programme en JavaScript.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Vocabulaire courant de l'informatique, bases de HTML et CSS, compréhension de ce que fait JavaScript.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vocabulaire courant de l'informatique, bases de HTML et CSS, compréhension de ce que fait JavaScript.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre ce que sont les tableaux et savoir comment les manipuler en JavaScript.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Vocabulaire courant de l'informatique, bases de HTML et CSS, compréhension de ce que fait JavaScript.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vocabulaire courant de l'informatique, bases de HTML et CSS, compréhension de ce que fait JavaScript.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Se familiariser avec les bases des maths en JavaScript.</td></tr>"
td (160:4) => tableCell
type: "paragraph"
summary: "À ce point du didacticiel, nous parlerons de « mathématiques en JavaScript » — comment utiliser les {{R2xvc3NhcnkoIk9wZXJhdG9yIiwib3BlcmF0b3JzIik=}} et autres fonctionnalités pour manier avec succès les nombres pour faire nos bricolages."
locale: "fr"
rowIndex: 5
shouldWrap: true
children:
type: "text"
value: "Reste (quelquefois nommé modulo)"
td (163:4) => tableCell
type: "paragraph"
summary: "À ce point du didacticiel, nous parlerons de « mathématiques en JavaScript » — comment utiliser les {{R2xvc3NhcnkoIk9wZXJhdG9yIiwib3BlcmF0b3JzIik=}} et autres fonctionnalités pour manier avec succès les nombres pour faire nos bricolages."
locale: "fr"
rowIndex: 5
shouldWrap: true
children:
type: "text"
value: "Renvoie le reste de la division du nombre de gauche par celui de droite."
tr (158:3) => tableRow
type: "html"
value: "<td><p>Reste (quelquefois nommé modulo)</p></td>",type: "html"
value: "<td><p>Renvoie le reste de la division du nombre de gauche par celui de droite.</p></td>"
table.standard-table (124:1) => table
type: "html"
value: "<tr><td><code>%</code></td><td><p>Reste (quelquefois nommé modulo)</p></td><td><p>Renvoie le reste de la division du nombre de gauche par celui de droite.</p></td><td><code>8 % 3</code> (renvoie 2, car 3 est contenu 2 fois dans 8, et il reste 2.)</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td><p>Avant de vous lancer dans cette évaluation, vous devez avoir déjà travaillé sur tous les articles de ce module.</p></td>"
td (23:4) => tableCell
type: "paragraph"
summary: "Dans cette évaluation, vous aurez pour tâche d'utiliser les connaissances que vous avez apprises dans les articles de ce module et de les appliquer dans le but de créer une appli ludique qui génère des histoires absurdes au hasard. Amusez-vous bien !"
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Tester la compréhension des fondamentaux JavaScript tels que les variables, les nombres, les opérateurs, les chaînes de caractères et les tableaux."
tr (21:3) => tableRow
type: "html"
value: "<th scope=\"row\">Objectif :</th>",type: "html"
value: "<td><p>Tester la compréhension des fondamentaux JavaScript tels que les variables, les nombres, les opérateurs, les chaînes de caractères et les tableaux.</p></td>"
table.standard-table (13:1) => table
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td><p>Avant de vous lancer dans cette évaluation, vous devez avoir déjà travaillé sur tous les articles de ce module.</p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td><p>Tester la compréhension des fondamentaux JavaScript tels que les variables, les nombres, les opérateurs, les chaînes de caractères et les tableaux.</p></td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Connaissance de base en informatique, une compréhension basique de HTML et CSS et savoir ce qu'est JavaScript.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissance de base en informatique, une compréhension basique de HTML et CSS et savoir ce qu'est JavaScript.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Devenir familier avec les fondamentaux pour manipuler les chaînes de caractères en JavaScript.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Vocabulaire courant de l'informatique, bases de HTML et CSS, compréhension de ce que fait JavaScript.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vocabulaire courant de l'informatique, bases de HTML et CSS, compréhension de ce que fait JavaScript.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre que les chaînes de caractères sont des objets, et apprendre à utiliser certaines méthodes basiques disponibles sur ces objets pour manipuler les chaînes.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Vocabulaire courant de l'informatique, bases de HTML et CSS, compréhension de ce que fait JavaScript.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vocabulaire courant de l'informatique, bases de HTML et CSS, compréhension de ce que fait JavaScript.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Se familiariser avec l'usage élémentaire des variables en JavaScript.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td><p>Une culture informatique basique et une compréhension élémentaire de HTML et CSS.</p></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td><p>Une culture informatique basique et une compréhension élémentaire de HTML et CSS.</p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Se familiariser avec JavaScript, ce qu'il peut faire et comment il s'intègre dans un site web.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td><p>Vocabulaire courant de l'informatique, bases de HTML et CSS, compréhension de ce que fait JavaScript.</p></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td><p>Vocabulaire courant de l'informatique, bases de HTML et CSS, compréhension de ce que fait JavaScript.</p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Acquérir la capacité et la confiance pour commencer à résoudre des problèmes simples dans votre propre code.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Avant de vous lancer dans cet exercice, il est fortement conseillé d'avoir vus et compris tous les précédents articles de ce module.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Avant de vous lancer dans cet exercice, il est fortement conseillé d'avoir vus et compris tous les précédents articles de ce module.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs:</th><td>Tester votre connaissance du Javascript orienté objet en conception et en pratique.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Connaissances informatiques de base, connaissances basiques concernant HTML et CSS, bonnes connaissances des bases de JavaScript (cf. <a href=\"/fr/docs/Learn/JavaScript/First_steps\">les premiers pas</a> et <a href=\"/fr/docs/Learn/JavaScript/Building_blocks\">les briques de construction</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances informatiques de base, connaissances basiques concernant HTML et CSS, bonnes connaissances des bases de JavaScript (cf. <a href=\"/fr/docs/Learn/JavaScript/First_steps\">les premiers pas</a> et <a href=\"/fr/docs/Learn/JavaScript/Building_blocks\">les briques de construction</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Comprendre les théories de base derrière la programmation orientée objet, comment l'appliquer à JavaScript, et comment travailler avec des objets JavaScript.</td></tr>"
type: "html"
value: "<th scope=\"row\">Pré-requis :</th>",type: "html"
value: "<td>Une connaissance générale de l'informatique, des notions d'HTML et CSS, une connaissance des bases en JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas</a> et <a href=\"/fr/docs/Learn/JavaScript/Building_blocks\">Blocs de construction</a>) ainsi que des notions de JavaScript orienté objet (JSOO) (voir <a href=\"/fr/docs/Learn/JavaScript/Object-oriented/Introduction\">Introduction aux objets</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Pré-requis :</th><td>Une connaissance générale de l'informatique, des notions d'HTML et CSS, une connaissance des bases en JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas</a> et <a href=\"/fr/docs/Learn/JavaScript/Building_blocks\">Blocs de construction</a>) ainsi que des notions de JavaScript orienté objet (JSOO) (voir <a href=\"/fr/docs/Learn/JavaScript/Object-oriented/Introduction\">Introduction aux objets</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre comment implémenter l'héritage en JavaScript.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Vocabulaire de base d'informatique, connaissances de base en HTML et CSS, connaissances de base en JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas</a> et <a href=\"/fr/docs/Learn/JavaScript/Building_blocks\">Les blocs</a>) et en Javascript orienté objets (voir <a href=\"/fr/docs/Learn/JavaScript/Object-oriented/Introduction\">Introduction aux objets</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Vocabulaire de base d'informatique, connaissances de base en HTML et CSS, connaissances de base en JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas</a> et <a href=\"/fr/docs/Learn/JavaScript/Building_blocks\">Les blocs</a>) et en Javascript orienté objets (voir <a href=\"/fr/docs/Learn/JavaScript/Object-oriented/Introduction\">Introduction aux objets</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre comment utiliser les données stockées dans un objet JSON, et créer vos propres objets JSON.</td></tr>"
type: "html"
value: "<th scope=\"row\">Pré-requis :</th>",type: "html"
value: "<td>Connaissances de base en informatique et compréhension des notions HTML et CSS, notions de JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas</a> et <a href=\"/fr/docs/Learn/JavaScript/Building_blocks\">Blocs de construction</a>)</td>"
type: "html"
value: "<tr><th scope=\"row\">Pré-requis :</th><td>Connaissances de base en informatique et compréhension des notions HTML et CSS, notions de JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas</a> et <a href=\"/fr/docs/Learn/JavaScript/Building_blocks\">Blocs de construction</a>)</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre les concepts de base derrière la programmation orientée objet et comment ils s'appliquent à JavaScript ( « tout est objet » ) et comment créer des constructeurs et instancier des objets.</td></tr>"
type: "html"
value: "<th scope=\"row\">Pré-requis :</th>",type: "html"
value: "<td><p>Connaissance basique de l'informatique, une compréhension basique du HTML et du CSS, une familiarité avec les bases du JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas</a> et <a href=\"/fr/docs/Learn/JavaScript/Building_blocks\">Les blocs de construction</a>) et les bases de la programmation objet en JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/Object-oriented/Introduction\">Introduction aux objets</a>). </p></td>"
td (33:4) => tableCell
type: "paragraph"
summary: "Dans l'article précédent, nous avons passé en revue l'essentiel de la théorie de l'objet Javascript et sa syntaxe détaillée, vous donnant ainsi des bases solides sur lesquelles commencer. Dans le présent article nous plongeons dans un exercice pratique afin d'accroître votre savoir-faire dans la construction d'objets entièrement personnalisés donnant un résultat plutôt amusant et très coloré."
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Acquérir plus de pratique dans l'utilisation des objets et des techniques orientées objet dans un contexte \"monde réel\"."
tr (31:3) => tableRow
type: "html"
value: "<th scope=\"row\">Objectif :</th>",type: "html"
value: "<td><p>Acquérir plus de pratique dans l'utilisation des objets et des techniques orientées objet dans un contexte \"monde réel\".</p></td>"
table.standard-table (23:1) => table
type: "html"
value: "<tr><th scope=\"row\">Pré-requis :</th><td><p>Connaissance basique de l'informatique, une compréhension basique du HTML et du CSS, une familiarité avec les bases du JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas</a> et <a href=\"/fr/docs/Learn/JavaScript/Building_blocks\">Les blocs de construction</a>) et les bases de la programmation objet en JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/Object-oriented/Introduction\">Introduction aux objets</a>). </p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td><p>Acquérir plus de pratique dans l'utilisation des objets et des techniques orientées objet dans un contexte \"monde réel\".</p></td></tr>"
type: "html"
value: "<th scope=\"row\">Pré-requis :</th>",type: "html"
value: "<td>Une connaissance générale de l'informatique, des notions d'HTML et CSS, une connaissance des bases en JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas</a> et <a href=\"/fr/docs/Learn/JavaScript/Building_blocks\">Blocs de construction</a>) ainsi que des notions de JavaScript orienté objet (JSOO) (voir <a href=\"/fr/docs/Learn/JavaScript/Object-oriented/Introduction\">Introduction aux objets</a>).</td>"
type: "html"
value: "<tr><th scope=\"row\">Pré-requis :</th><td>Une connaissance générale de l'informatique, des notions d'HTML et CSS, une connaissance des bases en JavaScript (voir <a href=\"/fr/docs/Learn/JavaScript/First_steps\">Premiers pas</a> et <a href=\"/fr/docs/Learn/JavaScript/Building_blocks\">Blocs de construction</a>) ainsi que des notions de JavaScript orienté objet (JSOO) (voir <a href=\"/fr/docs/Learn/JavaScript/Object-oriented/Introduction\">Introduction aux objets</a>).</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Comprendre le concept de prototype en JavaScript, comprendre comment fonctionne une chaîne de prototypage et comment ajouter de nouvelles méthodes aux propriétés d'un prototype.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Bases de l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">logiciels de base</a> installés et connaissances de base <a href=\"/fr/docs/Learn/Getting_started_with_the_web\">des technologies web opérant côté client</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Bases de l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">logiciels de base</a> installés et connaissances de base <a href=\"/fr/docs/Learn/Getting_started_with_the_web\">des technologies web opérant côté client</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>En savoir davantage sur l'impact des éléments et attributs HTML le l'optimisation des performances pour le web.</td></tr>"
type: "html"
value: "<th scope=\"row\">Pré-requis :</th>",type: "html"
value: "<td>Bases de l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">logiciels de base</a> installés et connaissances de base <a href=\"/fr/docs/Learn/Getting_started_with_the_web\">des technologies web opérant côté client</a>.</td>"
td (23:7) => tableCell
type: "paragraph"
summary: "La mesure des performance fournit un indicateur important pour vous aider à assurer le succès de votre application, site ou service web."
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Proposer des informations sur les indicateurs de performance web que vous pouvez collecter avec les différentes API de performances web et présenter des outils qui permettent de visualiser ces données."
tr (21:5) => tableRow
type: "html"
value: "<th scope=\"row\">Objectif :</th>",type: "html"
value: "<td><p>Proposer des informations sur les indicateurs de performance web que vous pouvez collecter avec les différentes API de performances web et présenter des outils qui permettent de visualiser ces données.</p></td>"
table.standard-table (15:1) => table
type: "html"
value: "<tr><th scope=\"row\">Pré-requis :</th><td>Bases de l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">logiciels de base</a> installés et connaissances de base <a href=\"/fr/docs/Learn/Getting_started_with_the_web\">des technologies web opérant côté client</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td><p>Proposer des informations sur les indicateurs de performance web que vous pouvez collecter avec les différentes API de performances web et présenter des outils qui permettent de visualiser ces données.</p></td></tr>"
type: "html"
value: "<th scope=\"row\">Pré-requis :</th>",type: "html"
value: "<td>Bases de l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">logiciels de base</a> installés et connaissances de base <a href=\"/fr/docs/Learn/Getting_started_with_the_web\">des technologies web opérant côté client</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Pré-requis :</th><td>Bases de l'informatique, <a href=\"/fr/docs/Learn/Getting_started_with_the_web/Installing_basic_software\">logiciels de base</a> installés et connaissances de base <a href=\"/fr/docs/Learn/Getting_started_with_the_web\">des technologies web opérant côté client</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs :</th><td>Connaître les différents formats d'images, apprendre leur impact sur les performances et savoir comment réduire l'impact des images sur le temps de chargement général d'une page web.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Connaissances de base en informatique, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">installation des outils de base</a>, et connaissances de base des <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web\">technologies Web côté client</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Connaissances de base en informatique, <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web/Installation_outils_de_base\">installation des outils de base</a>, et connaissances de base des <a href=\"/fr/docs/Apprendre/Commencer_avec_le_web\">technologies Web côté client</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Connaître les raisons pour lesquelles les performances Web sont importantes pour une bonne expérience utilisateur.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Pré-requis:</th><td>Avoir complété <a href=\"/fr/docs/Learn/Server-side/Django/Models\">Django didactique Section 3: Utilisation des modèles de données</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Comprendre les avantages et les limites du site d'administration de Django. Utiliser ce site pour enregistrer des données pour les objets créés dans le chapitre précédent.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Connaissances de base sur l'utilisation d'un terminal/invite de commande et comment installer des packages sur l'OS de l'ordinateur que vous utiliserez pour développer.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances de base sur l'utilisation d'un terminal/invite de commande et comment installer des packages sur l'OS de l'ordinateur que vous utiliserez pour développer.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Avoir un environnement de développement pour Django (2.0) fonctionnel sur votre ordinateur.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Avoir terminé les formations précédentes, y compris <a href=\"/fr/docs/Learn/Server-side/Django/authentication_and_sessions\">Django Tutorial Part 8: User authentication and permissions</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Avoir terminé les formations précédentes, y compris <a href=\"/fr/docs/Learn/Server-side/Django/authentication_and_sessions\">Django Tutorial Part 8: User authentication and permissions</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs:</th><td>Comprendre comment écrire des formulaires pour récupérer des informations de la part des utilisateurs et mettre à jour la base de données. Comprendre commment il est possible de simplifier grandement la création de formulaires si l 'on travaille avec un seul modèle en utilisant les vues génériques de formulaires d'éditions s'appuyant sur des classes. </td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td><p>Avoir terminé tous les tutoriels précédents, y compris <a href=\"/fr/docs/Learn/Server-side/Django/Home_page\">Django Tutorial Part 5: Creating our home page</a>.</p></td>"
td (33:4) => tableCell
type: "paragraph"
summary: "Avoir terminé tous les tutoriels précédents, y compris Django Tutorial Part 5: Creating our home page."
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Comprendre où et comment utiliser des vues génériques basées sur classes, et comment extraire des patterns dans des URLs pour transmettre les informations aux vues."
tr (31:3) => tableRow
type: "html"
value: "<th scope=\"row\">Objectif:</th>",type: "html"
value: "<td><p>Comprendre où et comment utiliser des vues génériques basées sur classes, et comment extraire des patterns dans des URLs pour transmettre les informations aux vues.</p></td>"
table.standard-table (23:1) => table
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td><p>Avoir terminé tous les tutoriels précédents, y compris <a href=\"/fr/docs/Learn/Server-side/Django/Home_page\">Django Tutorial Part 5: Creating our home page</a>.</p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td><p>Comprendre où et comment utiliser des vues génériques basées sur classes, et comment extraire des patterns dans des URLs pour transmettre les informations aux vues.</p></td></tr>"
td (311:4) => tableCell
type: "paragraph"
summary: "Avoir terminé tous les tutoriels précédents, y compris Django Tutorial Part 5: Creating our home page."
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "C'est là l'expression régulière utilisée dans notre mappeur d'URL. Elle recherche une chaîne qui a "
type: "inlineCode"
value: "book/"
type: "text"
value: " au commencement de la ligne ("
type: "strong"
children:
type: "text"
value: "^book/"
type: "text"
value: "), ensuite a au moins 1 digit ("
type: "inlineCode"
value: "\\d+"
type: "text"
value: "), et enfin se termine (avec aucun caractère non-digit avant la fin du marqueur de ligne).",type: "paragraph"
summary: "Avoir terminé tous les tutoriels précédents, y compris Django Tutorial Part 5: Creating our home page."
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Elle capture aussi tous les digits "
type: "strong"
children:
type: "text"
value: "(?P<pk>\\d+)"
type: "text"
value: " et les passe à la vue dans un paramètre appelé 'pk'. "
type: "strong"
children:
type: "text"
value: "Les valeurs capturées sont toujours passées comme des chaînes !",type: "paragraph"
summary: "Avoir terminé tous les tutoriels précédents, y compris Django Tutorial Part 5: Creating our home page."
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Par exemple, cette expression régulière trouverait une correspondance dans l'URL "
type: "inlineCode"
value: "book/1234"
type: "text"
value: ", et enverrait alors une variable "
type: "inlineCode"
value: "pk='1234'"
type: "text"
value: " à la vue."
tr (309:3) => tableRow
type: "html"
value: "<td><p>C'est là l'expression régulière utilisée dans notre mappeur d'URL. Elle recherche une chaîne qui a <code>book/</code> au commencement de la ligne (<strong>^book/</strong>), ensuite a au moins 1 digit (<code>\\d+</code>), et enfin se termine (avec aucun caractère non-digit avant la fin du marqueur de ligne).</p><p>Elle capture aussi tous les digits <strong>(?P<pk>\\d+)</strong> et les passe à la vue dans un paramètre appelé 'pk'. <strong>Les valeurs capturées sont toujours passées comme des chaînes !</strong></p><p>Par exemple, cette expression régulière trouverait une correspondance dans l'URL <code>book/1234</code>, et enverrait alors une variable <code>pk='1234'</code> à la vue.</p></td>"
td (321:4) => tableCell
type: "paragraph"
summary: "Avoir terminé tous les tutoriels précédents, y compris Django Tutorial Part 5: Creating our home page."
locale: "fr"
rowIndex: 2
shouldWrap: true
children:
type: "text"
value: "Ceci rechercher la même URL que dans le cas précédent. L'information capturée serait envoyée à la vue en tant qu'argument non nommé."
tr (319:3) => tableRow
type: "html"
value: "<td><p>Ceci rechercher la même URL que dans le cas précédent. L'information capturée serait envoyée à la vue en tant qu'argument non nommé.</p></td>"
td (327:4) => tableCell
type: "paragraph"
summary: "Avoir terminé tous les tutoriels précédents, y compris Django Tutorial Part 5: Creating our home page."
locale: "fr"
rowIndex: 3
shouldWrap: true
children:
type: "text"
value: "Ceci recherche une chaîne qui a "
type: "inlineCode"
value: "book/"
type: "text"
value: " au commencement de la ligne ("
type: "strong"
children:
type: "text"
value: "^book/"
type: "text"
value: "), ensuite a au moins 1 caractère étant "
type: "emphasis"
children:
type: "text"
value: "soit"
type: "text"
value: " un '-', "
type: "emphasis"
children:
type: "text"
value: "soit"
type: "text"
value: " un caractère de mot ("
type: "strong"
children:
type: "text"
value: "[-\\w]+"
type: "text"
value: "), puis la fin. Ce pattern capture aussi cet ensemble de caractères et le passe à la vue en tant que paramètre nommé 'stub'.",type: "paragraph"
summary: "Avoir terminé tous les tutoriels précédents, y compris Django Tutorial Part 5: Creating our home page."
locale: "fr"
rowIndex: 3
shouldWrap: true
children:
type: "text"
value: "Ceci est un pattern relativement typique pour un \"stub\". Les stubs sont des clés primaires basées sur des mots (plus agréables que des IDs) pour retrouver des données. Vous pouvez utiliser un stub si vous voulez que votre URL de livre contienne plus d'informations. Par exemple "
type: "inlineCode"
value: "/catalog/book/the-secret-garden"
type: "text"
value: ", plutôt que "
type: "inlineCode"
value: "/catalog/book/33"
type: "text"
value: "."
tr (325:3) => tableRow
type: "html"
value: "<td><p>Ceci recherche une chaîne qui a <code>book/</code> au commencement de la ligne (<strong>^book/</strong>), ensuite a au moins 1 caractère étant <em>soit</em> un '-', <em>soit</em> un caractère de mot (<strong>[-\\w]+</strong>), puis la fin. Ce pattern capture aussi cet ensemble de caractères et le passe à la vue en tant que paramètre nommé 'stub'.</p><p>Ceci est un pattern relativement typique pour un \"stub\". Les stubs sont des clés primaires basées sur des mots (plus agréables que des IDs) pour retrouver des données. Vous pouvez utiliser un stub si vous voulez que votre URL de livre contienne plus d'informations. Par exemple <code>/catalog/book/the-secret-garden</code>, plutôt que <code>/catalog/book/33</code>.</p></td>"
table.standard-table (301:1) => table
type: "html"
value: "<tr><td><strong>r'^book/(?P<pk>\\d+)$'</strong></td><td><p>C'est là l'expression régulière utilisée dans notre mappeur d'URL. Elle recherche une chaîne qui a <code>book/</code> au commencement de la ligne (<strong>^book/</strong>), ensuite a au moins 1 digit (<code>\\d+</code>), et enfin se termine (avec aucun caractère non-digit avant la fin du marqueur de ligne).</p><p>Elle capture aussi tous les digits <strong>(?P<pk>\\d+)</strong> et les passe à la vue dans un paramètre appelé 'pk'. <strong>Les valeurs capturées sont toujours passées comme des chaînes !</strong></p><p>Par exemple, cette expression régulière trouverait une correspondance dans l'URL <code>book/1234</code>, et enverrait alors une variable <code>pk='1234'</code> à la vue.</p></td></tr>",type: "html"
value: "<tr><td><strong>r'^book/(\\d+)$'</strong></td><td><p>Ceci rechercher la même URL que dans le cas précédent. L'information capturée serait envoyée à la vue en tant qu'argument non nommé.</p></td></tr>",type: "html"
value: "<tr><td><strong>r'^book/(?P<stub>[-\\w]+)$'</strong></td><td><p>Ceci recherche une chaîne qui a <code>book/</code> au commencement de la ligne (<strong>^book/</strong>), ensuite a au moins 1 caractère étant <em>soit</em> un '-', <em>soit</em> un caractère de mot (<strong>[-\\w]+</strong>), puis la fin. Ce pattern capture aussi cet ensemble de caractères et le passe à la vue en tant que paramètre nommé 'stub'.</p><p>Ceci est un pattern relativement typique pour un \"stub\". Les stubs sont des clés primaires basées sur des mots (plus agréables que des IDs) pour retrouver des données. Vous pouvez utiliser un stub si vous voulez que votre URL de livre contienne plus d'informations. Par exemple <code>/catalog/book/the-secret-garden</code>, plutôt que <code>/catalog/book/33</code>.</p></td></tr>"
type: "html"
value: "<th scope=\"row\">Pré-requis:</th>",type: "html"
value: "<td>L'<a href=\"/fr/docs/Learn/Server-side/Django/Introduction\">introduction</a> à cette série didactique et les sections précédentes y compris celle sur <a href=\"/fr/docs/Learn/Server-side/Django/Admin_site\">le site d'administration</a> du site web.</td>"
type: "html"
value: "<tr><th scope=\"row\">Pré-requis:</th><td>L'<a href=\"/fr/docs/Learn/Server-side/Django/Introduction\">introduction</a> à cette série didactique et les sections précédentes y compris celle sur <a href=\"/fr/docs/Learn/Server-side/Django/Admin_site\">le site d'administration</a> du site web.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objective:</th><td>Apprendre à construire un routage d'URL et les pages de publication des vues (où les données ne sont pas encodées dans l'url). Obtenir et publier des données via les objets du modèle de données et les publier à l'aide de gabarits.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Connaissances basiques de programmation. Une compréhension générale de la <a href=\"/fr/docs/Learn/Server-side/First_steps\">programmation coté serveur</a> ainsi qu'une <a href=\"/fr/docs/Learn/Server-side/First_steps/Client-Server_overview\">compréhension des interactions client-serveur dans les sites web</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Connaissances basiques de programmation. Une compréhension générale de la <a href=\"/fr/docs/Learn/Server-side/First_steps\">programmation coté serveur</a> ainsi qu'une <a href=\"/fr/docs/Learn/Server-side/First_steps/Client-Server_overview\">compréhension des interactions client-serveur dans les sites web</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Se familiariser avec Django en comprenant ce que c'est, les fonctionnalités qu'il fournit ainsi que les blocs de construction principaux d'une application Django.</td></tr>"
type: "html"
value: "<th scope=\"row\">Pré-requis:</th>",type: "html"
value: "<td><p><a href=\"/fr/docs/Learn/Server-side/Django/skeleton_website\">Django didactique Section 2: Créer le squelette du site web.</a></p></td>"
td (23:4) => tableCell
type: "paragraph"
summary: "Ce troisième article est consacré aux modèles de données pour les sites web générés avec Django. Après une définition et une présentation de la notion de modèle de données, il explique comment les déclarer, choisir le type de champs et quelques méthodes d'accès au modèle de données via Django."
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Concevoir et créer vos propres modèles de données et choisir les attributs idoines."
tr (21:3) => tableRow
type: "html"
value: "<th scope=\"row\">Objectif:</th>",type: "html"
value: "<td><p>Concevoir et créer vos propres modèles de données et choisir les attributs idoines.</p></td>"
table.standard-table (13:1) => table
type: "html"
value: "<tr><th scope=\"row\">Pré-requis:</th><td><p><a href=\"/fr/docs/Learn/Server-side/Django/skeleton_website\">Django didactique Section 2: Créer le squelette du site web.</a></p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td><p>Concevoir et créer vos propres modèles de données et choisir les attributs idoines.</p></td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td><a href=\"/fr/docs/Learn/Server-side/Django/development_environment\">Set up a Django development environment</a>. Avoir pris connaissance de <a href=\"/fr/docs/Learn/Server-side/Django/Tutorial_local_library_website\">l'article précédent</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td><a href=\"/fr/docs/Learn/Server-side/Django/development_environment\">Set up a Django development environment</a>. Avoir pris connaissance de <a href=\"/fr/docs/Learn/Server-side/Django/Tutorial_local_library_website\">l'article précédent</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs:</th><td>Être capable d'utiliser les outils de Django pour initier un nouveau projet.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Avoir terminé tous les tutoriels précédents, y compris <a href=\"/fr/docs/Learn/Server-side/Django/Forms\">Django Tutorial Part 9: Working with forms</a>.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Avoir terminé tous les tutoriels précédents, y compris <a href=\"/fr/docs/Learn/Server-side/Django/Forms\">Django Tutorial Part 9: Working with forms</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Comprendre comment écrire des tests unitaires pour des sites web basés sur Django.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>La lecture de <a href=\"/fr/docs/Learn/Server-side/Django/Introduction\">l'introduction</a>. Pour les articles suivants avoir mis à jour l'environnement comme décrit précédemment. </td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>La lecture de <a href=\"/fr/docs/Learn/Server-side/Django/Introduction\">l'introduction</a>. Pour les articles suivants avoir mis à jour l'environnement comme décrit précédemment. </td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectifs:</th><td>Présenter l'application à venir et les thèmes qui seront abordés dans cette série didactique.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Une culture de base en informatique, une compréhension globale de la <a href=\"/fr/docs/Learn/Server-side/First_steps\">programmation côté serveur</a> et, en particulier, les mécanismes d'<a href=\"/fr/docs/Learn/Server-side/First_steps/Client-Server_overview\">interactions client-serveur dans un site web.</a></td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Une culture de base en informatique, une compréhension globale de la <a href=\"/fr/docs/Learn/Server-side/First_steps\">programmation côté serveur</a> et, en particulier, les mécanismes d'<a href=\"/fr/docs/Learn/Server-side/First_steps/Client-Server_overview\">interactions client-serveur dans un site web.</a></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Devenir familier avec ce qu'est Express et comment il s'intègre dans Node, les fonctionnalités qu'il apporte, et les principales étapes pour construire une application Express.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Compréhension basique des notions informatiques et de ce qu'est un serveur web.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Compréhension basique des notions informatiques et de ce qu'est un serveur web.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre les interactions client-serveur sur un site dynamique et particulièrement quelles opérations devront être effectuées par le code côté serveur.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis:</th>",type: "html"
value: "<td>Connaissances de base en informatique. Une compréhension de base de ce qu'est un serveur web.</td>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Connaissances de base en informatique. Une compréhension de base de ce qu'est un serveur web.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Se familiariser avec la programmation côté serveur, ce qu'elle peut faire, et en quoi elle diffère de la programmation côté client.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissance informatique de base.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre comment les frameworks simplifient le développement/la maintenance du code côté serveur et vous faire réfléchir à propos de la sélection d'un framework pour votre propre développement.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Pré-requis :</th><td>Connaissances de base en informatique.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td>Comprendre les menaces les plus courantes à la sécurité des applications web et ce que vous pouvez faire pour réduire le risque de piratage de votre site.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prerequisites:</th><td>Familiarity with the core <a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>, and <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a> languages.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objective:</th><td>To understand how client-side JavaScript frameworks came to exist, what problems they solve, what alternatives there are, and how to go about choosing one.</td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prerequisites:</th><td>Familiarity with the core <a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>, and <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a> languages.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objective:</th><td>To understand the main code features of frameworks.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prerequisites:</th>",type: "html"
value: "<td><p>Familiarity with the core <a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>, and <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a> languages, knowledge of the <a href=\"/fr/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line\">terminal/command line</a>.</p><p>React uses an HTML-in-JavaScript syntax called JSX (JavaScript and XML). Familiarity with both HTML and JavaScript will help you to learn JSX, and better identify whether bugs in your application are related to JavaScript or to the more specific domain of React.</p></td>"
type: "html"
value: "<tr><th scope=\"row\">Prerequisites:</th><td><p>Familiarity with the core <a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>, and <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a> languages, knowledge of the <a href=\"/fr/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line\">terminal/command line</a>.</p><p>React uses an HTML-in-JavaScript syntax called JSX (JavaScript and XML). Familiarity with both HTML and JavaScript will help you to learn JSX, and better identify whether bugs in your application are related to JavaScript or to the more specific domain of React.</p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objective:</th><td>To setup a local React development environment, create a start app, and understand the basics of how it works</td></tr>"
type: "html"
value: "<th scope=\"row\">Prerequisites:</th>",type: "html"
value: "<td><p>Familiarity with the core <a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>, and <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a> languages, knowledge of the <a href=\"/fr/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line\">terminal/command line</a>.</p></td>"
type: "html"
value: "<tr><th scope=\"row\">Prerequisites:</th><td><p>Familiarity with the core <a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>, and <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a> languages, knowledge of the <a href=\"/fr/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line\">terminal/command line</a>.</p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objective:</th><td>To introduce our todo list case study, and get the basic <code>App</code> structure and styling in place.</td></tr>"
type: "html"
value: "<th scope=\"row\">Conditions préalables:</th>",type: "html"
value: "<td><p>Familiarité avec les langages <a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>et <a href=\"/fr/docs/Learn/JavaScript\">JavaScript,</a> connaissance de la <a href=\"/fr/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line\">ligne terminal/commande</a>.</p><p>Les composants Vue sont écrits sous la forme d’une combinaison d’objets JavaScript qui gèrent les données de l’application et d’une syntaxe de modèle html qui cartographie la structure DOM sous-jacente. Pour l’installation et pour utiliser certaines des fonctionnalités les plus avancées de Vue (comme les composants de fichier unique ou les fonctions de rendu), vous aurez besoin d’un terminal avec nœud + npm installé.</p></td>"
type: "html"
value: "<tr><th scope=\"row\">Conditions préalables:</th><td><p>Familiarité avec les langages <a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>et <a href=\"/fr/docs/Learn/JavaScript\">JavaScript,</a> connaissance de la <a href=\"/fr/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line\">ligne terminal/commande</a>.</p><p>Les composants Vue sont écrits sous la forme d’une combinaison d’objets JavaScript qui gèrent les données de l’application et d’une syntaxe de modèle html qui cartographie la structure DOM sous-jacente. Pour l’installation et pour utiliser certaines des fonctionnalités les plus avancées de Vue (comme les composants de fichier unique ou les fonctions de rendu), vous aurez besoin d’un terminal avec nœud + npm installé.</p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Pour configurer un environnement de développement Vue local, créez une application de démarrage et comprenez les bases de son fonctionnement.</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td><p>Connaissances avec le noyau des langages <a href=\"/fr/Apprendre/HTML\">HTML</a>, <a href=\"/fr/Apprendre/CSS\">CSS</a> et <a href=\"/fr/Apprendre/JavaScript\">JavaScript</a> ; une idée du haut niveau des principes du <a href=\"/fr/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction\">test en navigateur croisé</a>.</p></td>"
td (36:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Être capable de diagnostiquer les problèmes courants d'Accessibilité, et utiliser les outils et techniques appropriés pour les résoudre."
tr (34:3) => tableRow
type: "html"
value: "<th scope=\"row\">Objectif :</th>",type: "html"
value: "<td><p>Être capable de diagnostiquer les problèmes courants d'Accessibilité, et utiliser les outils et techniques appropriés pour les résoudre.</p></td>"
table.standard-table (26:1) => table
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td><p>Connaissances avec le noyau des langages <a href=\"/fr/Apprendre/HTML\">HTML</a>, <a href=\"/fr/Apprendre/CSS\">CSS</a> et <a href=\"/fr/Apprendre/JavaScript\">JavaScript</a> ; une idée du haut niveau des principes du <a href=\"/fr/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction\">test en navigateur croisé</a>.</p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td><p>Être capable de diagnostiquer les problèmes courants d'Accessibilité, et utiliser les outils et techniques appropriés pour les résoudre.</p></td></tr>"
td (396:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 2
shouldWrap: true
children:
type: "text"
value: "Sélectionne/active les éléments mis en avant par le curseur VO. Cela inclut les items sélectionnés dans le Rotor (voir plus bas)."
tr (394:3) => tableRow
type: "html"
value: "<td><p>Sélectionne/active les éléments mis en avant par le curseur VO. Cela inclut les items sélectionnés dans le Rotor (voir plus bas).</p></td>"
td (402:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 3
shouldWrap: true
children:
type: "text"
value: "Se déplacer dans un groupe d'éléments (comme un tableau HTML, ou un formulaire, etc.) Une fois dans un groupe vous pouvez vous déplacer et sélectionner les éléments à l'intérieur de ce groupe en utilisant les commandes ci-dessus normalement."
tr (400:3) => tableRow
type: "html"
value: "<td><p>Se déplacer dans un groupe d'éléments (comme un tableau HTML, ou un formulaire, etc.) Une fois dans un groupe vous pouvez vous déplacer et sélectionner les éléments à l'intérieur de ce groupe en utilisant les commandes ci-dessus normalement.</p></td>"
td (412:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 5
shouldWrap: true
children:
type: "text"
value: "(à l'intérieur d'un tableau) lire l'entête de la colonne courante."
tr (410:3) => tableRow
type: "html"
value: "<td><p>(à l'intérieur d'un tableau) lire l'entête de la colonne courante.</p></td>"
td (426:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 8
shouldWrap: true
children:
type: "text"
value: "(à l'intérieur d'un tableau) lire toute la ligne courante, incluant les entêtes qui correspondent à chacune des cellules."
tr (424:3) => tableRow
type: "html"
value: "<td><p>(à l'intérieur d'un tableau) lire toute la ligne courante, incluant les entêtes qui correspondent à chacune des cellules.</p></td>"
td (440:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 11
shouldWrap: true
children:
type: "text"
value: "Utiliser le rotor, qui affiche des listes de rubriques, de liens, de contrôles de formulaires, etc. pour une navigation simplifiée."
tr (438:3) => tableRow
type: "html"
value: "<td><p>Utiliser le rotor, qui affiche des listes de rubriques, de liens, de contrôles de formulaires, etc. pour une navigation simplifiée.</p></td>"
td (446:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 12
shouldWrap: true
children:
type: "text"
value: "(à l'intérieur du Rotor) Se déplacer ente les différentes listes disponibles dans le Rotor."
tr (444:3) => tableRow
type: "html"
value: "<td><p>(à l'intérieur du Rotor) Se déplacer ente les différentes listes disponibles dans le Rotor.</p></td>"
td (452:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 13
shouldWrap: true
children:
type: "text"
value: "(à l'intérieur du Rotor) Se déplacer entre les différents éléments dans la liste courante du Rotor."
tr (450:3) => tableRow
type: "html"
value: "<td><p>(à l'intérieur du Rotor) Se déplacer entre les différents éléments dans la liste courante du Rotor.</p></td>"
td (470:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 17
shouldWrap: true
children:
type: "text"
value: "Aller dans le Dock du Mac, pour que vous puissiez sélectionner des applis à exécuter."
tr (468:3) => tableRow
type: "html"
value: "<td><p>Aller dans le Dock du Mac, pour que vous puissiez sélectionner des applis à exécuter.</p></td>"
table.standard-table (379:1) => table
type: "html"
value: "<tr><td>VO + Barre espace</td><td><p>Sélectionne/active les éléments mis en avant par le curseur VO. Cela inclut les items sélectionnés dans le Rotor (voir plus bas).</p></td></tr>",type: "html"
value: "<tr><td>VO + Shift + curseur bas</td><td><p>Se déplacer dans un groupe d'éléments (comme un tableau HTML, ou un formulaire, etc.) Une fois dans un groupe vous pouvez vous déplacer et sélectionner les éléments à l'intérieur de ce groupe en utilisant les commandes ci-dessus normalement.</p></td></tr>",type: "html"
value: "<tr><td>VO + C</td><td><p>(à l'intérieur d'un tableau) lire l'entête de la colonne courante.</p></td></tr>",type: "html"
value: "<tr><td>VO + R + R (deux R d'affilé)</td><td><p>(à l'intérieur d'un tableau) lire toute la ligne courante, incluant les entêtes qui correspondent à chacune des cellules.</p></td></tr>",type: "html"
value: "<tr><td>VO + U</td><td><p>Utiliser le rotor, qui affiche des listes de rubriques, de liens, de contrôles de formulaires, etc. pour une navigation simplifiée.</p></td></tr>",type: "html"
value: "<tr><td>VO + curseur gauche, VO + curseur droit</td><td><p>(à l'intérieur du Rotor) Se déplacer ente les différentes listes disponibles dans le Rotor.</p></td></tr>",type: "html"
value: "<tr><td>VO + curseur haut, VO + curseur bas</td><td><p>(à l'intérieur du Rotor) Se déplacer entre les différents éléments dans la liste courante du Rotor.</p></td></tr>",type: "html"
value: "<tr><td>VO + D</td><td><p>Aller dans le Dock du Mac, pour que vous puissiez sélectionner des applis à exécuter.</p></td></tr>"
td (510:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Arrête NVDA après que vous l'ayez démarré."
tr (508:3) => tableRow
type: "html"
value: "<td><p>Arrête NVDA après que vous l'ayez démarré.</p></td>"
td (524:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 4
shouldWrap: true
children:
type: "text"
value: "Se déplace à l'élément suivant/précédent de la page et le lit."
tr (522:3) => tableRow
type: "html"
value: "<td><p>Se déplace à l'élément suivant/précédent de la page et le lit.</p></td>"
td (530:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 5
shouldWrap: true
children:
type: "text"
value: "Se déplace au caractère suivant/précédent dans l'élément courant et le lit."
tr (528:3) => tableRow
type: "html"
value: "<td><p>Se déplace au caractère suivant/précédent dans l'élément courant et le lit.</p></td>"
td (536:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 6
shouldWrap: true
children:
type: "text"
value: "Se déplace au titre suivante/précédente et le lit."
tr (534:3) => tableRow
type: "html"
value: "<td><p>Se déplace au titre suivante/précédente et le lit.</p></td>"
td (542:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 7
shouldWrap: true
children:
type: "text"
value: "Se déplace au lien suivant/précédent et le lit."
tr (540:3) => tableRow
type: "html"
value: "<td><p>Se déplace au lien suivant/précédent et le lit.</p></td>"
td (548:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 8
shouldWrap: true
children:
type: "text"
value: "Se déplace au repère de document (par ex. "
type: "inlineCode"
value: "<nav>"
type: "text"
value: ") suivant/précédent et le lit."
tr (546:3) => tableRow
type: "html"
value: "<td><p>Se déplace au repère de document (par ex. <code><nav></code>) suivant/précédent et le lit.</p></td>"
td (554:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 9
shouldWrap: true
children:
type: "text"
value: "Se déplace au titre (niveau 1 à 6) suivant/précédent et le lit."
tr (552:3) => tableRow
type: "html"
value: "<td><p>Se déplace au titre (niveau 1 à 6) suivant/précédent et le lit.</p></td>"
td (560:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 10
shouldWrap: true
children:
type: "text"
value: "Se déplace à l'entrée de formulaire suivante/précédente et se focalise dessus."
tr (558:3) => tableRow
type: "html"
value: "<td><p>Se déplace à l'entrée de formulaire suivante/précédente et se focalise dessus.</p></td>"
td (566:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 11
shouldWrap: true
children:
type: "text"
value: "Se déplace sur la donnée de tableau suivante/précédente et se focalise dessus."
tr (564:3) => tableRow
type: "html"
value: "<td><p>Se déplace sur la donnée de tableau suivante/précédente et se focalise dessus.</p></td>"
td (572:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 12
shouldWrap: true
children:
type: "text"
value: "Se déplace sur le bouton suivant/précédent et lit son libellé."
tr (570:3) => tableRow
type: "html"
value: "<td><p>Se déplace sur le bouton suivant/précédent et lit son libellé.</p></td>"
td (578:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 13
shouldWrap: true
children:
type: "text"
value: "Se déplace à la liste suivante/précédente et lit son premier item de liste."
tr (576:3) => tableRow
type: "html"
value: "<td><p>Se déplace à la liste suivante/précédente et lit son premier item de liste.</p></td>"
td (584:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 14
shouldWrap: true
children:
type: "text"
value: "Se déplace à l'item de liste suivant/précédent et le lit."
tr (582:3) => tableRow
type: "html"
value: "<td><p>Se déplace à l'item de liste suivant/précédent et le lit.</p></td>"
td (590:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 15
shouldWrap: true
children:
type: "text"
value: "(quand un lien/bouton ou autre élément activable est sélectionné) Active l'élément."
tr (588:3) => tableRow
type: "html"
value: "<td><p>(quand un lien/bouton ou autre élément activable est sélectionné) Active l'élément.</p></td>"
td (596:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 16
shouldWrap: true
children:
type: "text"
value: "(quand un formulaire est sélectionné) Entre dans le formulaire pour que les éléments puissent être sélectionnés individuellement, ou quitter le formulaire si vous êtes déjà dedans."
tr (594:3) => tableRow
type: "html"
value: "<td><p>(quand un formulaire est sélectionné) Entre dans le formulaire pour que les éléments puissent être sélectionnés individuellement, ou quitter le formulaire si vous êtes déjà dedans.</p></td>"
td (602:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 17
shouldWrap: true
children:
type: "text"
value: "(à l'intérieur d'un formulaire) Se déplacer entre les entrées de formulaire."
tr (600:3) => tableRow
type: "html"
value: "<td><p>(à l'intérieur d'un formulaire) Se déplacer entre les entrées de formulaire.</p></td>"
td (608:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 18
shouldWrap: true
children:
type: "text"
value: "(à l'intérieur d'un formulaire) Modifier les valeurs d'une entrée de formulaire (dans les cas comme les listes déroulantes)"
tr (606:3) => tableRow
type: "html"
value: "<td><p>(à l'intérieur d'un formulaire) Modifier les valeurs d'une entrée de formulaire (dans les cas comme les listes déroulantes)</p></td>"
td (614:4) => tableCell
type: "paragraph"
summary: "Tournons maintenant notre attention vers l'accessibilité, les informations sur les problèmes communs, comment faire des tests simples, et comment faire pour utiliser les outils d'audit/automatisation pour trouver les problèmes d'accessibilités."
locale: "fr"
rowIndex: 19
shouldWrap: true
children:
type: "text"
value: "(à l'intérieur d'un formulaire) Sélectionner la valeur choisie."
tr (612:3) => tableRow
type: "html"
value: "<td><p>(à l'intérieur d'un formulaire) Sélectionner la valeur choisie.</p></td>"
table.standard-table (499:1) => table
type: "html"
value: "<tr><td>NVDA + Q</td><td><p>Arrête NVDA après que vous l'ayez démarré.</p></td></tr>",type: "html"
value: "<tr><td>curseur haut ou curseur bas, ou Shift + Tab et Tab</td><td><p>Se déplace à l'élément suivant/précédent de la page et le lit.</p></td></tr>",type: "html"
value: "<tr><td>curseur gauche et curseur droit</td><td><p>Se déplace au caractère suivant/précédent dans l'élément courant et le lit.</p></td></tr>",type: "html"
value: "<tr><td>Shift + H et H</td><td><p>Se déplace au titre suivante/précédente et le lit.</p></td></tr>",type: "html"
value: "<tr><td>Shift + K et K</td><td><p>Se déplace au lien suivant/précédent et le lit.</p></td></tr>",type: "html"
value: "<tr><td>Shift + D et D</td><td><p>Se déplace au repère de document (par ex. <code><nav></code>) suivant/précédent et le lit.</p></td></tr>",type: "html"
value: "<tr><td>Shift + 1–6 et 1–6</td><td><p>Se déplace au titre (niveau 1 à 6) suivant/précédent et le lit.</p></td></tr>",type: "html"
value: "<tr><td>Shift + F et F</td><td><p>Se déplace à l'entrée de formulaire suivante/précédente et se focalise dessus.</p></td></tr>",type: "html"
value: "<tr><td>Shift + T et T</td><td><p>Se déplace sur la donnée de tableau suivante/précédente et se focalise dessus.</p></td></tr>",type: "html"
value: "<tr><td>Shift + B et B</td><td><p>Se déplace sur le bouton suivant/précédent et lit son libellé.</p></td></tr>",type: "html"
value: "<tr><td>Shift + L et L</td><td><p>Se déplace à la liste suivante/précédente et lit son premier item de liste.</p></td></tr>",type: "html"
value: "<tr><td>Shift + I et I</td><td><p>Se déplace à l'item de liste suivant/précédent et le lit.</p></td></tr>",type: "html"
value: "<tr><td>Entrée/Retour</td><td><p>(quand un lien/bouton ou autre élément activable est sélectionné) Active l'élément.</p></td></tr>",type: "html"
value: "<tr><td>NVDA + Barre espace</td><td><p>(quand un formulaire est sélectionné) Entre dans le formulaire pour que les éléments puissent être sélectionnés individuellement, ou quitter le formulaire si vous êtes déjà dedans.</p></td></tr>",type: "html"
value: "<tr><td>Shift Tab et Tab</td><td><p>(à l'intérieur d'un formulaire) Se déplacer entre les entrées de formulaire.</p></td></tr>",type: "html"
value: "<tr><td>Curseur haut et curseur bas</td><td><p>(à l'intérieur d'un formulaire) Modifier les valeurs d'une entrée de formulaire (dans les cas comme les listes déroulantes)</p></td></tr>",type: "html"
value: "<tr><td>Barre espace</td><td><p>(à l'intérieur d'un formulaire) Sélectionner la valeur choisie.</p></td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td><p>Connaissances avec le noyau des langages <a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>, et <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a> ; une idée du haut niveau des <a href=\"/fr/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction\">principes du test en navigateur croisé</a>.</p></td>"
td (33:4) => tableCell
type: "paragraph"
summary: "Maintenant que les bases sont posées, nous allons nous concentrer sur les problèmes courants en navigateur croisé que vous allez rencontrer en code HTML et CSS, et quels outils peuvent être utilisés pour prévenir l'arrivée de ces problèmes, ou résoudre les problèmes qui surviennent. Cela inclut le linting code, la gestion des préfixes CSS, l'utilisation des outils de dev des navigateurs pour localiser les problèmes, utiliser des polyfills pour apporter du support dans les navigateurs, se confronter aux problèmes de responsive design et plus encore."
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Etre capable de diagnostiquer des problèmes courants de CSS et de HTML en navigateur croisé, et utiliser les techniques et outils appropriés pour les réparer."
tr (31:3) => tableRow
type: "html"
value: "<th scope=\"row\">Objectif :</th>",type: "html"
value: "<td><p>Etre capable de diagnostiquer des problèmes courants de CSS et de HTML en navigateur croisé, et utiliser les techniques et outils appropriés pour les réparer.</p></td>"
table.standard-table (23:1) => table
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td><p>Connaissances avec le noyau des langages <a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>, et <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a> ; une idée du haut niveau des <a href=\"/fr/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction\">principes du test en navigateur croisé</a>.</p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td><p>Etre capable de diagnostiquer des problèmes courants de CSS et de HTML en navigateur croisé, et utiliser les techniques et outils appropriés pour les réparer.</p></td></tr>"
type: "html"
value: "<tr><th scope=\"row\">Prérequis:</th><td>Etre familier avec les bases des langage <a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>, et <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif:</th><td>Acquérir et comprendre des concepts de haut niveau impliqués dans les tests sur multi-navigateur</td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td><p>Connaissances de la base des langages <a href=\"/fr/Apprendre/HTML\">HTML</a>, <a href=\"/fr/Apprendre/CSS\">CSS</a> et <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a> ; une idée du haut niveau des <a href=\"/fr/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction\">principes du test en navigateur croisé</a>.</p></td>"
td (33:4) => tableCell
type: "paragraph"
summary: "Nous allons maintenant aborder les problèmes Javascript en navigateur croisé et comment les résoudre. Cela comprend des informations sur l'utilisation des outils de dev des navigateurs pour localiser et fixer les problèmes, l'utilisation des Polyfills et de librairies pour contourner les problèmes, utiliser les fonctionnalités modernes de Javascript sur des vieux navigateurs, et plus encore."
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Être capable de diagnostiquer les problèmes courant de Javascript en navigateur croisé, et l'utilisation des outils et techniques appropriés pour les fixer."
tr (31:3) => tableRow
type: "html"
value: "<th scope=\"row\">Objectif :</th>",type: "html"
value: "<td><p>Être capable de diagnostiquer les problèmes courant de Javascript en navigateur croisé, et l'utilisation des outils et techniques appropriés pour les fixer.</p></td>"
table.standard-table (23:1) => table
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td><p>Connaissances de la base des langages <a href=\"/fr/Apprendre/HTML\">HTML</a>, <a href=\"/fr/Apprendre/CSS\">CSS</a> et <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a> ; une idée du haut niveau des <a href=\"/fr/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction\">principes du test en navigateur croisé</a>.</p></td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td><p>Être capable de diagnostiquer les problèmes courant de Javascript en navigateur croisé, et l'utilisation des outils et techniques appropriés pour les fixer.</p></td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td>Connaissances avec le noyau des langages <a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>, et <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a> ; une idée du haut niveau<a href=\"/fr/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction\"> des principes du test en navigateur croisé</a>.</td>"
td (21:4) => tableCell
type: "paragraph"
summary: "Cet article commence en donnant un aperçu sur le sujet des tests sur navigateurs (croisé), répondant aux questions telles que \"qu'est-ce que le test en navigateur croisé ?\", \"Quels sont les problèmes les plus communs que vous allez rencontrer ?\", et \"quelles sont les principales approches pour tester, identifier, et fixer les problèmes ?\""
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Obtenir une compréhension des concepts de haut-niveau impliqués dans le test en navigateur croisé."
tr (19:3) => tableRow
type: "html"
value: "<th scope=\"row\">Objectif :</th>",type: "html"
value: "<td><p>Obtenir une compréhension des concepts de haut-niveau impliqués dans le test en navigateur croisé.</p></td>"
table.standard-table (13:1) => table
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td>Connaissances avec le noyau des langages <a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>, et <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a> ; une idée du haut niveau<a href=\"/fr/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction\"> des principes du test en navigateur croisé</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td><p>Obtenir une compréhension des concepts de haut-niveau impliqués dans le test en navigateur croisé.</p></td></tr>"
type: "html"
value: "<th scope=\"row\">Prérequis :</th>",type: "html"
value: "<td><p>Être familiarisé avec les bases des langages</p><a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>, et <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a>.</td>"
td (32:4) => tableCell
type: "paragraph"
summary: "Au cours de tout process de développement, vous allez très certainement être confronté à la nécessité d'exécuter des commandes dans un terminal (ce que l'on appelle \"travailler en ligne de commande\"). Cet article vous propose une introduction au terminal et vous dévoile les commandes essentielles dont vous aurez besoin, la façon de les chaîner, et comment ajouter vos propres outils d'interface en ligne de commande (CLI, command line interface)."
locale: "fr"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Comprendre ce qu'est la ligne de commande, savoir quelles sont les commandes de base que vous devriez connaître, et comment installer de nouveaux outils de ligne de commande."
tr (30:3) => tableRow
type: "html"
value: "<th scope=\"row\">Objectif :</th>",type: "html"
value: "<td><p>Comprendre ce qu'est la ligne de commande, savoir quelles sont les commandes de base que vous devriez connaître, et comment installer de nouveaux outils de ligne de commande.</p></td>"
table.standard-table (22:1) => table
type: "html"
value: "<tr><th scope=\"row\">Prérequis :</th><td><p>Être familiarisé avec les bases des langages</p><a href=\"/fr/docs/Learn/HTML\">HTML</a>, <a href=\"/fr/docs/Learn/CSS\">CSS</a>, et <a href=\"/fr/docs/Learn/JavaScript\">JavaScript</a>.</td></tr>",type: "html"
value: "<tr><th scope=\"row\">Objectif :</th><td><p>Comprendre ce qu'est la ligne de commande, savoir quelles sont les commandes de base que vous devriez connaître, et comment installer de nouveaux outils de ligne de commande.</p></td></tr>"