Chronique familiale




La chronique familiale pas à pas

Pour aller plus loin



Si vous êtes arrivés jusqu'ici c'est, soit que vous étiez déjà un chroniqueur aguerri, soit que vous avez passé avec succès les étapes précédentes. Dans les deux cas, vous voudrez peut-être aller un peu plus loin et avec ce que vous avez appris (ou que vous saviez déjà) élaborer une chronique plus intéressante et plus attractive.

Il me semble important d'apporter dès le départ quelques précisions. Nous n'utiliserons que des procédures conformes au HTML5 et valides dans la chronique, mais comme vous le savez, l'informatique évolue très vite et le code employé peut devenir rapidement obsolète. A priori, ce que je vais vous proposer devrait rester valide quelques années mais je ne saurais le garantir pour des décennies.

Vous avez pu remarquer que les rubriques du sommaire ont changé ; en effet pour des raisons de longueur, je n'y ai fait figurer que le retour à l'accueil, la page actuelle et le lien vers chaque paragraphe de cette dernière.Dans chacun de ceux-ci, vous trouverez un lien vers la page du tutoriel expliquant la marche à suivre.

 

 Créer une "boite" avec la balise <div>

Nous avons déjà vu ici : Alignement par défaut ↗ que la balise <div> servait à créer des conteneurs (des "boites") paramétrables dans lesquelles on pouvait héberger du texte, des images, etc.

Dans la page Créer un conteneur avec <div>, nous allons approfondir l'usage de cette balise et voir les services qu'elle peut rendre dans une mise en page.

 

 Tracer une ligne

La balise <hr>(horizontal rule en anglais, règle horizontale en français) qui permet de tracer des lignes est toujours reconnue sur la chronique mais ses attributs sont obsolètes et ne sont plus interprétés. On peut à la rigueur avec l'attribut style lui affecter une longueur et un alignement mais c'est tout. Or beaucoup de chroniqueurs ne souhaitent pas se contenter d'une banale ligne noire qui traverse la page.

C'est pourquoi vous trouverez dans la page Tracer une ligne une autre solution pour faire des lignes d'aspect, longueur, épaisseur, couleur différents.

 

 Ajouter une infobulle

Vous avez pu voir de temps en temps dans ce tutoriel des mots soulignés en pointillé dont le survol déclenchait l'affichage d'une infobulle explicative, comme ceci : texte souligné. Cette fonctionnalité peut s'avérer intéressante lorsqu'on veut fournir une explication courte sur un mot qu'on pense peu familier au lecteur (mots techniques, sigles peu courants, etc.)

Il existe en HTML une balise qui remplit à peu près cette fonction, il s'agit de <abbr> même si, comme son nom l'indique, elle serait normalement destinée à définir une abréviation ou un sigle. Mais cette balise n'ayant jamais été reconnue par GeneWeb, il nous faut trouver une autre solution. Nous allons voir dans la page Ajouter une infobulle comment contourner la difficulté.

 

 Les notes de bas de page

Je les ai utilisées tout au long de ce tutoriel. Elles se révèlent utiles lorsqu'on veut apporter des précisions sans alourdir le texte principal, citer une source, renvoyer vers un autre site, etc.

Consultez la page suivante : Les notes de bas de page pour apprendre comment faire.

 

 Inclure un PDF dans la chronique

La question revient souvent sur le forum de Geneanet de savoir si l'on peut inclure un fichier au format PDF dans la chronique et si oui, comment il faut procéder. Nous allons voir que c'est possible et comment Mettre un PDF dans sa chronique.

 

 Intégrer une vidéo

Vous voudrez peut-être intégrer une vidéo à votre chronique.

Le code d'intégration est très simple comme vous pourrez le voir sur cette page : Intégrer une vidéo.

 

 Texte sur plusieurs colonnes

Vous aurez peut-être envie de créer une page avec une présentation "journalistique", autrement dit où le texte et même parfois les images sont disposés en colonnes.
Nous allons apprendre comment faire dans la page Texte sur plusieurs colonnes

 

 Personnaliser un titre

Depuis une mise à jour au début de 2015 le titre des pages de la chronique (généré avec la balise TITLE=) n'est plus centré mais reprend la charte graphique des sous-titres de la chronique.

Certains d'entre vous voudraient s'affranchir de cette contrainte et retrouver un titre dont ils pourraient choisir l'alignement, la police, la taille, la graisse ou la couleur.

Voyons comment Personnaliser un titre.

 

 Photos avec zones cliquables

À partir d'une photo de groupe, pouvoir identifier un individu au survol et d'un clic sur celui-ci accéder à sa fiche apportera à votre chronique ce petit plus que n'ont pas les autres.

Par chance c'est réalisable en HTML comme nous allons le voir dans la page Photos avec zones cliquables

 

 Adresse des images dans "Mes documents"

Comme je l'ai expliqué dans cette note ↗, il est possible d'héberger des images dans Mes documents ↗ et d'en récupérer l'adresse et ce même si vous n'êtes pas Premium.

Cependant ces dépôts sont destinés à être rattachés à des fiches individuelles et pas à être insérés dans la chronique. Geneanet gère donc l'adressage (auquel vous n'avez pas d'accès direct) et la liaison de ces documents avec la fiche concernée. Il suffit que Geneanet modifie ce système d'adressage, même si c'est peu probable, pour que les adresses que vous auriez récupérées deviennent invalides.

Pour ceux qui voudraient malgré tout user de cette possibilité, la page Adresse des images dans "Mes documents" vous explique comment procéder.

 

 Placer le sommaire

Vous voulez centrer horizontalement le sommaire dans la page, l'entourer d'images, etc.

Nous allons voir ici ce qu'il est possible de faire : Placer le sommaire.

 

 Créer une carte avec OpenStreetMap

Vous voudriez intégrer à votre chronique une carte géographique comportant des liens, des images, des vidéos et qui soit évolutive au gré de vos découvertes ou de vos envies ?

Une carte comme celle-ci : Carte de l'île de Ré ↗

Toutes les explications sont sur cette page : Créer une carte avec OpenStreetMap



───── oOo ─────


Index des pages