Liens
Voici les liens pour l'exercice 5
L'idée de cette page est d'expliquer les bases des soins à apporter à un lapin de compagnie. Ce type de page pourrait être utilisé par une animalerie ou un vétérinaire souhaitant informer les nouveaux propriétaire de lapin. La DTD a été conçue de telle sorte à ce que n'importe quel animal puisse être abordés.
Comme la DTD n'a que des balises assez générales (header, main, race, habitat, nourriture, leurs titres et textes respectifs et le footer), Il suffirait de changer la root "lapins" par le nom de l'animal que l'on voudrait présenter. Le reste de la DTD a été pensée comme s'il s'agissait de chapitres (race, habitat et nourriture). Ce sont trois thèmes toujours abordés lors de l'adoption d'un nouvel animal. Ainsi, une animalerie ou un vétérinaire aura juste à modifier le contenu des paragraphes de textes en fonction de l'animal qu'il veut présenter à de nouveaux adoptants. Pour le fichier XSL, j'ai voulu faire en sorte que chaque balise définie dans la DTD soit comme une balise "div" du langage HTML5 afin de pouvoir travailler le CSS plus facilement. Ainsi, j'ai pu créer le header "comment s'occuper d'un lapin" et les trois paragraphes avec leur titre respectif qui se distingue du paragraphe de texte pour faciliter la lecture. Comme dans chaque exercice, je crée un footer écrit en petit avec mon nom pour "signature".
En premier lieu, j'ai crée le fichier DTD. Je l'ai immédiatement pensé comme différentes balises div du langage HTML5. J'ai un + pour chaque zone de texte dans le cas où l'auteur voudrait en ajouter plus pour créer plus de paragraphe sur le même thème. les ? du "name" et "date" sont là je pensais que l'auteur n'est pas obligé de signer et dater sa page.
Ensuite, j'ai crée le fichier XML d'une traite en écrivant au fur et à mesure le contenu de la page et en suivant ce qui a été prévu avec le fichier DTD.
Pour le fichier XSL, j'a suivi l'exemple et la documentation sur le fichier XSL vu en cours "01-setup" pour créer le mien en ajoutant les parties supplémentaires nécessaires pour mes propres balises (comme les classes pour le CSS). J'ai codé le fichier XSL dans le même ordre tel qu'il a été déterminé dans la DTD afin de ne pas me mélanger les pinceaux et risquer d'oublier quelque chose.
Enfin le fichier CSS a été créer d'abord en l'appliquant au code HTML généré par la transformation. Ceci a été à travers VS code pour pouvoir utiliser le preview et voir les diverses étapes de résultats. Une fois le résultat satisfaisant, j'ai ajouté le fichier CSS au fichier XSL pour qu'il soit aussi appliqué lors de la "transformation".
J'ai trouvé la prise en main de ces différents fichiers relativement simple comparé à mon ressenti lors du cours présentiel (comme quoi le vendredi ça ne me réussit pas !). Pour un tout premier travail avec XML, je suis plutôt satisfaite dans l'ensemble. Je trouve la page extrêmement simple comparé à ce que sont devenues mes pages d'exercice durant le semestre passé.
Ressources
Bibliographie
Aucune Bibliographie