Chronique familiale




La chronique familiale pas à pas

Inclure un PDF dans la chronique

 

 Le principe


Le stockage de fichiers adossé à la chronique ne permet d'héberger que des images. Il faudra donc mettre sur un autre hébergeur 1 notre fichier PDF et récupérer l'adresse de ce dernier.

Pour insérer le fichier dans la chronique, nous utiliserons la balise <object>2 et les attributs type, data, width et height avec la syntaxe suivante :

<div style="width:100%; text-align:center;">
<object type="application/pdf"
data="adresse du fichier"
width="800"
height="600">
Votre configuration ne permet pas d'afficher ce fichier 3.
</object>
</div>



<div style="width:100%; text-align:center;"> permet de centrer horizontalement le PDF dans la page.

type="application/pdf" sert à définir quel "objet" va être inséré dans la balise, ici en l'occurrence un PDF.

data="adresse du fichier" je mets ici l'adresse du fichier récupérée chez l'hébergeur extérieur.

width="800" et height="600" doivent être uniquement exprimées en nombres entiers (correspondant à des pixels) 4. Choisissez des valeurs qui permettent une consultation confortable du fichier ; les valeurs que j'ai spécifiées me conviennent mais bien entendu vous les ajusterez à votre guise.

Votre configuration... est le texte de remplacement qui apparaîtra si l'ordinateur du visiteur ne peut pas afficher le fichier.



 

 Exemple


Voici ce que donne l'exemple ci-dessus avec une adresse de fichier réelle 5 :


Votre configuration ne permet pas d'afficher ce fichier.


 

 Notes

 
1. Archive-Host ↗ est un des très rares hébergeurs gratuits à accepter à peu près tous les formats de fichiers et donc ceux au format PDF.
 
2. Cette balise <object> sert, comme son nom l'indique, à insérer des "objets" autres que du texte et notamment du multimédia dans une page web. Elle ne fait pas partie des balises originellement reconnues par GeneWeb mais est acceptée depuis maintenant quelques années.
 
3. Notez qu'on n'utilise pas ici d'attribut alt et que le texte alternatif est placé entre la balise ouvrante <object ... > et la balise fermante </object>.
 
4. Les valeurs exprimées en pourcentage du conteneur sont déconseillées en HTML5, bien qu'elles soient correctement interprétées. Ceux qui ne craignent pas d'avoir à modifier leur code en cas d'obsolescence peuvent donc les utiliser et notamment en ayant au préalable défini une hauteur en vh dans la <div>. Ils se retrouveront ainsi avec une taille relative en largeur et hauteur adaptée aux différents écrans.
 
5. Je remercie chaleureusement le Pr Daniel G. (qui tient à garder l'anonymat mais se reconnaîtra) pour m'avoir fourni cet excellent exposé sur les unités pifométriques.



───── oOo ─────


Index des pages