Tout savoir sur menouetsesvoisinsdargonne.fr .

Pour une meilleure compréhension du rôle de chaque balise du code HTML, dans l’exemple de la revue N°95 présenté dans l’article précédent, j’ai appliqué le style du texte alors que dans la réalité le texte entre les balises reste brut jusqu’à l’enregistrement.
Signification des balises HTML de l’exemple de la revue N°95.

Il ne reste plus qu’à enregistrer pour visualiser le style de la présentation ou utiliser le bouton « Voir » avant d’enregistrer pour visualiser le contenu en réel. Ensuite il faut publier la rubrique en lui affectant une date de publication. Sinon, il est toujours possible de faire des modifications pour corriger si le résultat publié en ligne ne correspond pas à notre attente, en revenant dans l’éditeur de texte à l’aide du bouton « Modifier cette rubrique ».


Maintenant, la deuxième étape consiste à créer le sommaire de la nouvelle revue.
Alors que je reste positionné dans la rubrique N°95, il me faut créer un à un les articles en utilisant le bouton « Ecrire un nouvel article ».
Comme pour les rubriques, l’éditeur de texte apparaît ce qui permet de créer et d’écrire un article. Il offre plus de possibilités que celui des rubriques car en plus du titre, il permet de rajouter un sur-titre et/ou un sous-titre, un chapeau (le chapeau, souvent écrit chapô dans le milieu de la presse, est un texte généralement court, présenté en plus gros et/ou en caractères gras, précédant le corps d’un article de presse et dont le but est d’en encourager la lecture, par exemple en résumant le message), et un lien hypertexte qui permet de renvoyer vers un autre site internet. Bien sûr il dispose comme pour les rubriques de la même barre de menu (voir page suivante).



Pour créer un article, il suffit de saisir le titre correspondant à la revue. En principe, le premier article est l’éditorial du Président de l’association. C’est le seul article que je publie en entier en respectant le style du texte, en utilisant les boutons de l’éditeur comme expliqué dans le premier article.
Ensuite il suffit de répéter cette opération autant de fois qu’il y a d’articles.
Pour les articles qui suivent l’éditorial, dans la première partie du texte, afin d’attirer l’attention du lecteur je mets une « accroche » qui correspond à trois ou quatre lignes du début du texte de l’article que je mets en italique. Ensuite je rajoute un lien vers la page abonnement.



Pour un gain de temps, je rentre dans l’éditeur en copier-coller la deuxième partie du texte avec son code HTML que j’ai enregistré dans un fichier Word car elle est identique à tous les articles du sommaire.

1ère partie du contenu : l’accroche.

2ème partie du contenu : deux liens vers la page abonnement.

Voilà ci-dessus, l’exemple du deuxième article de la revue N°95 tel qu’écrit dans l’éditeur avant enregistrement. Là encore, j’ai appliqué volontairement le style pour une meilleure compréhension du rôle des balises (gras, italique…). Dans la réalité, le texte entre les balises reste brut et le style ne s’applique qu’après enregistrement.
Je vous ai mis en gras le code HTML avec l’explication du rôle des nouvelles balises du texte encadré ci-dessus :

Une fois, un article enregistré, on peut ajouter son ou ses auteurs et des mots-clés en rapport avec l’article.
Il reste à publier les articles en ligne et affecter à chaque article une date de publication.

Afin que l’ordre des articles publiés sur le site soit identique au sommaire, il faut affecter au 1er article la date de fin du mois de la parution de la revue, ex. : 30 juin, et aux articles suivants un ordre décroissant, 29 juin, 28 juin, etc.
Il ne faut pas chercher de logique là-dedans, c’est la seule façon de faire ! (Voir ci-contre pour la revue N°95).
Il reste à créer une brève (bouton ci-contre) dont le titre sera « revue N°XX » et qui s’affichera dans la marge gauche de la page d’accueil du site pour annoncer la sortie de la nouvelle revue version papier. La rédaction du texte dans l’éditeur est identique aux rubriques et aux articles.
La date de publication sera le dernier jour du mois donc le 30 juin 2022 pour la revue N°95.
Voici le texte de la brève de la revue N°95 inséré dans l’éditeur avec son code HTML :

La publication du sommaire de la nouvelle revue est terminée.
Vous l’aurez compris, ce n’est pas un simple sommaire présentant une liste d’articles, mais une publication partielle des articles avec une accroche et un lien vers la page abonnement du site. Excepté l’éditorial qui est publié intégralement.
Mise en ligne de la totalité des articles d’une revue :
Le principe adopté par l’Association est de publier la sixième revue précédant celle qui vient de sortir en version papier. À la suite de la sortie de la revue N°95, j’ai publié entièrement la revue N°89.
En pratique pour commencer la publication intégrale d’une revue, je reprends la liste des articles du sommaire et je remplace leur contenu par le texte intégral de chacun d’entre eux. Ces textes me sont fournis sous forme de fichiers Word par le secrétaire de la revue. Je réintègre le texte dans l’éditeur en faisant un copier-coller.
Dans cette partie, je ne reviendrai pas sur le mode d’utilisation de l’éditeur de texte longuement expliqué précédemment pour appliquer le style de l’article au format HTML.
L’objectif principal est de respecter le style du texte tel qu’il est présenté dans la revue papier (paragraphe, police, italique, gras, souligné…). Cette opération demande un certain temps environ cinq à six heures pour une revue car il faut constamment vérifier en ligne que la présentation est identique à celle de la revue papier. La difficulté principale étant que l’affichage à l’écran n’est pas au même format que le papier. Ce problème sera le même pour l’intégration des photos, images, documents.
Tous les articles étant saisis, il reste à insérer les photos, images, documents divers.
Pour ce faire, toujours dans le fichier Word, je récupère un par un les documents en les copiant et je les colle dans le logiciel Fireworks dont j’ai déjà parlé précédemment, pour effectuer les opérations suivantes :
1) Modifier la taille de l’image de façon à ce qu’elle occupe le même espace et qu’elle s’insère au même endroit que dans le texte de la revue papier.
2) Améliorer si possible la luminosité et le contraste de l’image.
3) Améliorer la netteté avec le filtre « accentuer » de Fireworks.
4) S’assurer que l’image ne dépasse pas 90 Ko quelle que soit sa taille pour faciliter sa rapidité d’affichage en utilisant la fonction « optimiser » de Fireworks.
5) Exporter l’image au format jpg dans le dossier image de l’ordinateur puis la récupérer pour la télécharger « téléverser » dans l’éditeur de SPIP et l’intégrer dans le texte comme déjà vu dans la présentation de la rubrique (copie d’écran). Il faut préciser si on la place à droite (right) à gauche (left) ou centrée <img4946|center>.
La difficulté va consister à intégrer l’image dans le texte telle qu’elle est dans la revue. Lorsque toutes les images d’un article sont insérées, il faut vérifier en ligne qu’elles sont au bon emplacement, sinon, faire les modifications.
Une fois que toutes les images sont placées dans tous les articles de la revue, le travail est terminé. Cette opération aura nécessité 6 à 7 heures de travail.
Enfin pour annoncer la mise en ligne de la revue, il faudra reprendre la brève qui annonçait la sortie de la revue papier et la modifier en insérant le texte suivant dans l’éditeur (exemple de la revue N°89 au format HTML).

Pour que cette présentation du site menouetsesvoisinsdargonne.fr soit complète voici l’entête (ci-dessus) et le pied de page (ci-dessous), construits et personnalisés à partir de deux pages préformatées proposées par SPIP « inc-entete.html » et « inc-pied.html » (inc- pour « incorporer »). Tous deux apparaissent sur toutes les pages du site.

En quelques chiffres, menouetsesvoisinsdargonne.fr c’est :

–  96 revues dont 89 publiées intégralement à ce jour,

–  1425 articles,

–  4919 images, photos, documents,

–  154 mots-clés,

–  100 brèves.

–  163 auteurs
Jean Yves Loppin