Logo Mathematiie : les mathématiques pour et par les IIEns

Proposer un article

Vous souhaitez soumettre une page à propos d'une présentation que vous pouvez effectuer, ou d'un exercice de mathématiques ? Cela est tout à fait possible il suffit de créer une page XHTML+MathML+SVG et de me la faire parvenir. Notez qu'il est inutile d'apprendre ces langages, installez et utilisez simplement l'éditeur Wysiwyg du W3C. Rappelez-vous aussi que les articles proposés seront sous licence Creative Commons donc si vous ne souhaitez pas que votre travail soit reproduit librement, ne le soumettez pas.

Une organisation sous forme de Wiki aurait pu être préférable mais les wikis actuels n'autorisent pas l'utilisation de XHTML+MathML+SVG et ne sont pas Wysiwyg. Ainsi l'ajout d'articles se fera pour l'instant d'une manière pouvant sembler quelque peu archaïque : envoi par mail et mise en ligne manuelle par le Webmestre.

Étapes de création

  1. Téléchargez et installez le logiciel Amaya, si ce n'est déjà fait.
  2. Avec Amaya, ouvrez une page du site Mathematiie ou aidez-vous d'un modèle :
  3. Faites "Fichier → enregistrer sous". Dans la fenêtre qui s'ouvre, cochez "Copier les ressources" (de façon à enregistrer aussi le fichier CSS décrivant la mise en page), choisissez un emplacement sur votre disque dur pour "Adresse du document" et enregistrez.
  4. Éditez la page à votre guise à l'aide d'Amaya (voir quelques astuces ci-dessous, ainsi que la documentation du logiciel)
  5. Une fois que vous estimez votre article terminé, envoyez-moi le fichier xml par mail ("frederic.wang"), je la mettrai en ligne dès que possible.

Édition de texte (XHTML)

La palette "Éléments" d'Amaya comporte les éléments les plus utilisés : structuration en titres et sous-titres, listes à puces ou ordonnées, tableaux, information sémantique d'emphase (correspondant à italique et gras pour les rendus visuels) et création de liens. Évitez l'utilisation de couleurs ou autres informations stylistiques pour mettre en valeur du texte, car ce n'est pas pertinent pour les personnes atteintes de déficience visuelle (aveugle, daltonien...).

Préférez aussi l'utilisation d'images vectorielles SVG pour les schémas. Les images non XML ne peuvent être stockées dans le document (ce qui complique l'organisation des répertoires), occupent généralement plus de place en mémoire et n'ont pas les avantages des images SVG qui sont zoomables et imprimables avec une bonne qualité. Néanmoins, si vous ne pouvez faire autrement, utilisez des images PNG de préférence avec peu de couleurs (configurer la palette avec votre éditeur) pour que les fichiers soient plus légers. N'oubliez pas lors de l'insertion de l'image de compléter la case "texte de remplacement" avec une courte description.

Édition de formules (MathML)

Utilisez la palette "Maths" d'Amaya pour éditer vos formules MathML. Elle comporte une centaine de constructions mathématiques prédéfinies que j'ai moi même réalisées. La palette "Caractères Spéciaux" est aussi pratique. Pour les lettres grecques, utilisez le raccourci "Ctrl + g, [Lettre]". Par exemple "Ctrl + g, a" donne un "α" et "Ctrl + G, C" un "Γ".

Attention, il ne faut pas modifier une structure en supprimant une composante (par exemple un symbole d'exposant) car cela peut conduire à un code invalide. Sélectionnez plutôt la structure avec F2 et faites "Édition → Transformer".

Édition de schémas (SVG)

Vous pourrez bientôt éditer directement des schémas SVG dans Amaya !

La version actuelle d'Amaya ne propose pas d'éditeur Wysiwyg pour les images SVG. Vous pouvez éditer directement le code source ou utiliser un éditeur externe tel que Inkscape ou Dia. Pour le premier choisissez lors de l'enregistrement "SVG simple" (pour éviter des balises spécifiques au logiciel) et pour le second utilisez "Fichier → Exporter...".

Le doctype XHTML+MathML+SVG utilise une syntaxe spéciale pour distinguer le balisage SVG du balisage XHTML et MathML. Si vous ne parvenez pas à intégrer l'image dans le fichier XML, envoyez moi les fichiers séparés et je m'en chargerai. Typiquement, les balises doivent être préfixée par "svg:", par exemple :

<svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="largeur de l'image"
height="hauteur de l'image">
<svg:desc>Description de l'image</svg:desc>
</svg:svg>

Si vous ne donnez pas un texte de commentaire à coté de votre image SVG, utilisez une balise <svg:desc>...</svg:desc> pour que les personnes non-voyantes puissent tout de même avoir accès à une description. Vous pouvez aussi éditez vos schémas à la main en utilisant ce modèle. L'article sur les courbes de Bézier donne aussi des informations plus précises sur les chemins.

 
Cette page respecte les recommandations du W3C. Son contenu est sous licence Creative Commons.
Valid XHTML 1.1 Valid MathML 2.0 Valid SVG Valid CSS Amaya, the W3C browser/editor Creative Commons License