Historique : En juin 1998 est sortie la première revue de « Sainte-Ménehould et ses voisins d’Argonne », revue dont la publication est trimestrielle et dont les articles écrits par une petite équipe de rédacteurs bénévoles, ont pour sujet le patrimoine historique et culturel de l’Argonne. En 2008, François Duboisy qui est alors rédacteur en chef de cette revue, informé par un ami commun pour qui j’avais créé un site internet pour sa bouquinerie, m’a contacté pour me demander si je pouvais faire de même pour publier les revues de l’association sur le Web. Sitôt dit, sitôt fait et en mai 2008 sera publiée sur internet le sommaire de la revue N°39 et ensuite intégralement les sept précédentes du N°32 au N°38. Les 31 autres le seront également quelques semaines plus tard.
Cahier des charges et structure du site internet : Mon idée première pour la réalisation du site sera de donner un aspect et des couleurs (le jaune) qui soient au plus près de l’aspect de la revue papier. Et aussi faire en sorte que les articles publiés aient une présentation quasi identique à ceux de ladite revue. A l’intérieur du site, il faut retrouver l’articulation simple des revues et leurs articles avec un maximum d’interactivité et permettre aux internautes de commenter chaque article (le récapitulatif de ces articles est sur la page « forum » du menu). Après ce cahier des charges, il fallait trouver le bon outil pour faire de la publication sur internet. Ce sera SPIP (Système de Publication Pour l’Internet), www.spip.net, qui présente l’avantage d’être un logiciel libre, distribué sous la licence GNU/GPL et facile d’emploi. Ce SGC (Système de Gestion de Contenu en français) ou CMS (Content Management System en anglais) permet de créer des sites internet. Cet outil collaboratif évolue constamment grâce aux contributions de webmasters chevronnés auquel peuvent s’ajouter de nombreuses petites applications appelés « plugins » permettant d’améliorer l’interactivité du site internet (une application pour créer un diaporama par exemple). Autre avantage, le système propose des pages appelées « squelettes » par les concepteurs dont diverses fonctionnalités sont préformatées. La page « rubrique.html » servira pour afficher individuellement le contenu de toutes les rubriques et idem pour la page « article.html » pour les articles et « brève.html » pour les brèves. Il propose d’autres pages pour afficher le plan du site, le sommaire, les articles d’un même auteur, les articles répondant au même mot clé, les articles issues d’une recherche… Et enfin il propose une partie de page servant d’entête et une partie de page servant de pied de page dont les fonctionnalités sont également préformatées et qui seront intégrées dans chaque page du site. Le Webmaster n’est pas obligé d’utiliser toutes les fonctionnalités proposées dans les squelettes des pages, il choisit celles qui l’intéressent pour composer ses pages. SPIP propose un fichier contenant une feuille de style appelé habillage.css qui permet de gérer des styles qui s’appliqueront à l’ensemble du site, exemples : une police, des marges, des couleurs, un fond d’écran … Par contre, l’éditeur de texte n’a pas de bouton pour « justifier » les textes, c’est donc dans ce fichier que nous indiquons que les textes doivent être justifiés. La justification s’appliquera automatiquement ainsi à tous les textes des articles du site. Pour approfondir, un peu de technique : je précise que les nombreux fichiers qui constituent les différents rouages de SPIP utilisent le langage PHP (officiellement, ce sigle est un acronyme récursif pour PHP Hypertext Preprocessor) qui est un langage de scripts généraliste et Open Source, spécialement conçu pour le développement d’applications web. Il peut être intégré facilement au code HTML (HyperText Marqup Language) qui est le code utilisé pour structurer une page web. Le langage HTML ou code HTML est le langage qu’interprètent tous les navigateurs pour afficher des pages sur le web. J’aurai l’occasion d’y revenir plus tard. Autre particularité de SPIP, pour fonctionner il installe une base de données (MySql) dans laquelle sont enregistrés les textes des rubriques, des articles, des brèves, des mots clés, les noms d’auteurs, les noms des fichiers images, photos, documents. Pour établir les liens entre ces différents éléments, il leur affecte un numéro propre, à l’enregistrement, pour retrouver le contenu. Si je clique sur le titre d’une rubrique, d’un article ou d’une brève, il ira chercher le numéro correspondant dans la base de données pour les afficher. C’est le même principe pour afficher une image. On peut tout de suite voir combien cette base de données est importante pour le bon fonctionnement du site mais aussi pour préserver le travail de plusieurs années. Des sauvegardes régulières sont indispensables. Enfin, SPIP dispose d’un espace privé accessible par le menu du pied de page du site et qui permet au webmaster de gérer les fonctionnalités générales du site. C’est dans cet espace que le ou les rédacteurs peuvent créer des rubriques, des articles, des brèves à partir d’un éditeur de texte dont nous parlerons par la suite. Il permet de saisir leur contenu ainsi que d’y intégrer photos, documents, images qui leurs sont liés. Ci-dessous, le menu général de l’espace Privé
La structure du site : Nous avons parlé précédemment de rubriques qui pour chacune d’entre elles contiennent des articles et éventuellement des brèves. Lorsqu’une revue sort en version papier, je crée une rubrique qui a pour titre « revue N° XX » et c’est dans cette rubrique que je saisirai les titres et les contenus des articles de cette revue.
J’ai donc créé 95 rubriques pour 95 revues.
Les logiciels que j’utilise :
-J’utilise fréquemment « Dreamweaver » de « Macromédia », logiciel qui a une vingtaine d’année et qui est un éditeur de code HTML qui permet de créer des pages web mais aussi d’effectuer les transferts des fichiers que je modifie sur mon ordinateur vers le serveur de l’hébergeur du site « la société Scaleway SAS anciennement online.net ». Avec « Dreamweaver », j’ai créé les pages « Accueil », « i>Qui sommes-nous », « Nos revues », « Derniers articles », « Forum », « Abonnement », « Contact », (voir entête) ainsi que toutes les pages présentant les couvertures de chaque revue. Toutes ces pages fonctionnent indépendamment de SPIP sauf pour l’entête et le pied page (partie haute et partie basse) de la page web.
–Le logiciel « Fireworks » de « Macromedia », logiciel qui a lui aussi une vingtaine d’année qui a été conçu pour la retouche, l’optimisation et la publication d’images sur le web.
-Le logiciel « Word » de « Microsoft » me sert à éditer les fichiers des articles que me transmet le secrétaire de la revue avant leur transfert dans l’éditeur de SPIP.
-Le logiciel « Power Pdf » de « Nuance » me sert à éditer et transformer des fichiers du format Word au format Pdf et vice-versa. Je l’utilise essentiellement quand le secrétaire de la revue me transmet « le bon à tirer » que l’imprimeur lui envoie pour vérifier la mise en page des revues qui est au format Pdf et qui me donne le contenu de l’ensemble d’une revue. Passons à la pratique :
Dès que je reçois une nouvelle revue, la première étape est de créer une nouvelle rubrique en cliquant sur le bouton « Créer une rubrique » en bas de la liste de toutes les rubriques. L’éditeur de texte de SPIP s’ouvre (voir ci-contre) et je donne un titre à la revue, la dernière en date, « Revue N°95 ». Ensuite je rentre dans l’éditeur de texte de SPIP la présentation de la revue qui se trouve sur la couverture (textes et photo). L’éditeur de texte de SPIP comprend des boutons qui fonctionnent comme un éditeur de texte ordinaire. Il suffit de sélectionner la partie de texte pour laquelle on veut appliquer un style et cliquer sur le bouton choisi (voir ci-dessus). Si par exemple je veux le mettre en italique, il suffit de cliquer sur le bouton i mais à la différence d’un éditeur classique le texte ne passe pas en italique à l’écran mais deux balises sont générées texte sélectionné , la première pour ouvrir, la seconde pour fermer. C’est le code HTML évoqué plus haut qui va indiquer au navigateur Web qu’il doit mettre le texte en italique. Il en est de même pour toutes les autres styles souligné, gras, centré, retrait à gauche, etc. Les concepteurs de SPIP ont même créé des raccourcis de balise qui étaient un peu longues. Pour centrer du texte, ils ont par exemple créé les balises [|texte|] pour remplacer <div align=’’center’’>texte</div>. Pour inclure une photo dans le texte, à gauche de l’éditeur se trouve une interface qui permet d’aller chercher une photo dans un dossier et de la télécharger (Téléverser). Je reviendrai sur les photos (ou autres documents) plus tard car elles nécessitent une préparation particulière avant d’être mises sur le Web. Ci-dessous : texte de présentation de la revue N°95.
<b>Eté 2022</b> [[<i><u>Photo en page de couverture</u> : Le monument aux morts place de l'Hôtel de ville à Sainte Ménehould. ) </i>]] <br>
<img4946|center>
<br>
[|<b>Témoignage d’Ida Boniack-Ksiazenicer <br>
Promenades et randonnées : « Forêts et champs <br>
Dupin de Dommartin, maire royaliste<br>
Messire Moineau et dame Moinelle<br>
Les récompenses après Varennes<br>
Le poilu de Menou a cent ans</b>|]
Vous pourrez juger du résultat en ligne ci-dessous :
Témoignage d’Ida Boniack-Ksiazenicer
Promenades et randonnées : « Forêts et champs
Dupin de Dommartin, maire royaliste
Messire Moineau et dame Moinelle
Les récompenses après Varennes
Le poilu de Menou a cent ans
Vous l’aurez compris, il ne suffit pas de prendre du texte dans Word et de faire un copier-coller, il faut refaire la totalité du style. Jean Yves Loppin
Suite et fin de cet article dans le prochain numéro.
Notes
[1] Photo en page de couverture : Le monument aux morts place de l’Hôtel de ville à Sainte Ménehould. )