« Découvrir le SVG/Le SVG pour l'enseignement des mathématiques et de la programmation » : différence entre les versions

Contenu supprimé Contenu ajouté
Replacing Firefox_Logo,_2017.svg with File:Firefox_logo,_2017.svg (by CommonsDelinker because: File renamed: Criterion 4 (harmonizing names of file set)).
Ligne 249 :
Nous pouvons déjà remarquer trois choses :
* les instructions sont mises entre crochets <code>&lt;…&gt;</code> ;
* le pavé (pour l'instant vide) contenant les instructions de dessin est compris entre une balise d'ouverture <codesyntaxhighlight stylelang="color:#0000FFxml" inline>&lt;<svg …&gt;></codesyntaxhighlight> et une balise de fermeture <codesyntaxhighlight stylelang="color:#0000FFxml" inline>&lt;</svg&gt;></codesyntaxhighlight> ;
* le fichier contient des commentaires, c'est-à-dire du texte facilitant la lecture par un humain mais n'ayant aucune action sur le dessin ; ces commentaires sont inclus dans des balises <codesyntaxhighlight stylelang="color:#008800xml" inline>&lt;<!--…--&gt;></codesyntaxhighlight>.
Le fichier présenté ci-contre est notre modèle. Les pavés d'en-tête et de fin de fichier seront toujours les mêmes, nous n'y toucherons sauf pour donner un titre et mettre une description.
 
Ligne 264 :
## Dans la zone de texte « Nom du fichier », tapez « <code>premierExemple.svg</code> ».
## Cliquez sur « Enregistrer ».
# Entre les balises <codesyntaxhighlight stylelang="color:#0000FFxml" inline>&lt;<title&gt;>&lt;</title&gt;></codesyntaxhighlight>, supprimez le commentaire et écrivez à la place le titre : « <code>Premier exemple de fichier SVG</code> ».
# Entre les balises <codesyntaxhighlight stylelang="color:#0000FFxml" inline>&lt;<desc&gt;>&lt;</desc&gt;></codesyntaxhighlight>, supprimez le commentaire et écrivez à la place la description : « <code>Une image simple</code> ».
# Dans le pavé d'instructions, enlevez le commentaire et écrivez à la place :<syntaxhighlight lang="xml">
<line x1="1" y1="1" x2="5" y2="5" />
Ligne 278 :
# Cliquez dans la fenêtre du navigateur Web et appuyez sur la touche « F5 » du clavier. Commentez ce que vous voyez.
# Vérifiez que votre image est conforme au standard du W3C. <br />https://validator.w3.org/
# Selon vous, à quoi sert le descriptif placé entre les balises <codesyntaxhighlight stylelang="color:#0000FFxml" inline>&lt;<desc&gt;>&lt;</desc&gt;></codesyntaxhighlight> ?
 
{{boîte déroulante|titre=Réponses attendues|contenu=Les conclusions attendues sont :