Règles d'écriture des rédactionnels

Document

Comme tous les sites Web actuellement sur Internet, les narratifs, rédactionnels sont écrits dans un langage de balisage léger lisible par l'homme, contraitement au codage par balises HTML !

Ce "langage" a été inventé par John Gruber .

voir https://fr.wikipedia.org/wiki/Markdown
https://www.markdownguide.org/getting-started/

Il n'est pas nécessaire de disposer d'un éditeur Markdown, néanmoins, c'est une aide appréciable pour la création du rédactionnel avec des images intégrées et des liens Internet (prévisualisation du résultat).

Sous Linux, j'utilise l'excellent logiciel opensource Apostrophe (mais il y en a bien d'autres).

Quelques balises que j'utilise : minimalisme encore et toujours !

# -> gros titre (laisser une ligne vide après)

## titre de taille inféreure (dito)

**texte à mettre en gras**
_texte en italique_ 
(attention laisser un espace après le dernier 
underscore !)

Liste à puces non numérotées
* une ligne..
* une autre
* la dernière

Liste à puces numérotées
1. première
2. deuxième
3. etc...

Insertion d'une image dans le narratif   
![](nomimage.extension)
(Attention extension en minuscule)

Insertion d'un lien Internet
[ce qui est affiché](URL site ex https://brave.com) 
(les utilisateurs aiment bien voir où ils vont...) 
Donc mettre le même texte exemple :

[https://brave.com](https://brave.com)

Insertion d'un email
[ce qui est affiché](mailto:tartempion@serveur.com)
comme ci-dessus mettre le même
[tartempion@serveur.com](mailto:tartempion@serveur.com)

Un paragraphe est séparé par une ligne vide !

4 espaces à la fin d'une ligne fait un saut de ligne

> tout ce qui est après est affiché derrière une barre 
verticale jaune sur fond sombre (CSS)

Effroyable de complexité non ? Merci John !

Conventions imposées par Runes

Donc vous, gentil créateur de contenus, vous vous concentrez sur votre rédactionnel ainsi que les éléments multimédias (votre art/expertise) et l'automate s'occupe de la plomberie !

Rédactionnel/narratif

Particularités des images

Une image de nom image.extension pourra avoir un commentaire/rédactionnel, placé au dessous par l'automate, à condition que ce fichier joint porte le nom de image.extension.md, de plus (cerise sur le gâteau) celle-ci pourra comporter un commentaire sonore/podcast avec pour nom image.extension.mp3 auquel cas un lecteur sera créé avec contrôle de volume etc...

Toutes les images doivent être incluses dans article.md (noms de celles-ci).

Rendu final

Après moult recherches sur le Net , j'ai trouvé une perle rare en terme de feuille de style CSS très légère en taille (un vrai domaine en design et très complexe !) qui ne nécessite pas de rajouter des monceaux de code pour être agréable à regarder et surtout responsive et mobile friendly, la base en 2024 !

C'est à l'adresse https://simplecss.org, il explique très bien sa philosophie que je rejoins totalement ! J'ai écris un article à ce propos.

Limitation du poids des images

Plus un site Web est léger, plus le chargement des pages est rapide ! Tout le monde n'a pas une liaison fibre/4G/5G ou le dernier smartphone à 1500 euros voire plus...
Plus il est codé de manière spartiate moins il consomme de ressources de traitement dans le serveur et de bande passante sur les tuyaux Internet...

Pour comparer avec une voiture, il y en a qui consomment 5 litres aux 100 Km et d'autres 15 litres...

Je conseille l'utilisation du format WEBP qui permet une plus grande compression à rendu égal que JPG . Une taille de 720pixels et une qualité de 80% en sortie de traitement photo est largement suffisante...

Pour les podcasts audio, une qualité d'échantillonnage de 8Khz est largement suffisante (bande passante téléphonique 300-3400Hz) !

J'utilise depuis des années l'excellent logiciel darktable (opensource) pour traiter toutes mes photos en RAW et JPG , il permet d'appliquer aussi des LUT 3D Look Up Tables comme en post-production cinéma.

On le trouve à l'adresse https://darktable.org

Conclusion

A vous de vous exprimer sur votre art !

Document

Retour