CHOC 02

graphisme généraliste
sites internet
programmation SPIP


Les éditeurs WYSIWYG, c’est pas du joli !

Il faut quelques connaissances de bases en HTML pour comprendre que les éditeurs WYSIWYG, c’est pas du joli !

Enfin si justement, c’est juste pour faire joli... mais en vrai c’est pas très utile.
Et puis quand les rédacteurs d’un même site ne sont pas d’accord entre eux, ou alors que les règles de mises en forme compliquent la rédaction de façon improductive, l’effet d’ensemble n’est pas vraiment très joli non plus.

HTML

Bon, un peu de HTML donc, qui est un langage utilisant des balises :

  • une balise "h1" est utilisée pour un titre de premier niveau, et une balise "h2" pour un titre de second niveau... jusqu’à six niveaux de titres. Dans le code, ça donne ceci : <h2>le titre de second niveau</h2> et <h3>le titre de troisième niveau</h3> etc... C’est ce qui induit une hiérarchie des titres, qui correspond tout naturellement à la structure du document. Visuellement cela rendra comme ceci (au moins dans le présent site) :

    le titre de second niveau

    et

    le titre de troisième niveau

  • un paragraphe correspond à une balise "p" : <p>Mon paragraphe.</p>, ce qui donnera

    Mon paragraphe.

  • des mots en gras sont mis en valeur dans une balise "strong" comme ceci <strong>des mots en gras</strong> qui a pour effet de mettre les mots en gras.
  • une liste simple est un enchaînement de balise ul et li : <ul><li>en premier...</li><li> en second...</li><li>en troisième...</li></ul> ce qui rendra
    • en premier...
    • en second...
    • en troisième...
  • et... restons-en là, c’est bien suffisant pour l’exemple.

C’est juste pour comprendre que le code HTML doit être cohérent avec le sens du texte. La mise en forme qui en résulte découle donc de la valeur des éléments. Un titre de premier niveau sera mieux mis en valeur qu’un titre de second niveau etc...
Il ne s’agit en aucun cas de mettre en forme un texte comme dans un traitement de texte (Word ?), comme lorsqu’on n’a aucune connaissance sérieuse en typographie, en mise en page ou en rédaction. Il ne s’agit pas d’esthétique ! Il s’agit de rendre cohérents les éléments qui constituent la page web. Il s’agit de structurer l’information.

La principale tâche du rédacteur, c’est de structurer l’information.
Le sens prime sur la forme : c’est le sens qui donne la forme.

La séparation du contenu et de sa mise en forme est donc importante. La mise en forme est réglée une fois pour toutes lors de la conception du site, dans des feuilles de styles CSS pour tout vous dire, et le rédacteur peut enfin se concentrer sur son rôle : rédiger, produire un contenu qui a un sens. Il ne doit pas s’embêter avec la couleur des titres de second niveaux qui diffèrent de ceux de premier niveau, où même choisir lui-même la taille de la typographie. Il peut enfin rédiger.

Et l’importance est de taille. Un document bien structuré, ça permet d’utiliser correctement et facilement les informations qu’il contient, ça permet aux moteurs de recherches de trier rapidement leurs résultats, ça permet d’afficher le même texte dans différents environnements sans effets désastreux sur l’esthétique ou sur les fonctionnalités, ça permet de préserver un code peu ou prou valide aux normes W3C, ça permet une lecture plus simple pour les lecteurs vocaux (destinés aux internautes déficients visuels)... et tout ça est bon pour le référencement naturel, et c’est bon tout simplement aussi pour l’internaute qui profite d’une information claire et intelligible. Il n’y a pas de raisons de s’en privé, mais c’est là la responsabilité du rédacteur.

Si le rédacteur s’occupe de la rédaction, du sens de son texte et de la structure de son document, on n’attend pas d’un éditeur de texte de s’occuper du design du site.
Ce n’est tout simplement pas son travail.

La réponse de SPIP

Un bon éditeur de texte doit guider le rédacteur pour qu’il structure son document, et utiliser un langage de balisage légé.
Un peu dans la même veine que le langage Markdown, mais restant chacun avec ses priorités, SPIP utilise ses propres raccourcis typographiques. Il est livré par défaut avec un éditeur sobre, une syntaxe minimale pour remplir sa fonction, et surtout ne pas en faire plus.
Un "bac à sable" existe pour se faire une idée de ce que ça donne : sur http://syntaxe.spip.net/ vous comprendrez par vous-même tout ceci en un clin d’œil !
Il faut aussi lire le billet qui décrit le pourquoi du comment de ce site : http://blog.spip.net/Essayer-la-syntaxe-SPIP.html

Si besoin, on peut lui ajouter quelques enluminures qui viennent l’étoffer avec le plugin Enluminures Typographiques.

Et pour les habitués de Markdown, le plugin du même nom permet d’utiliser l’une et l’autre des syntaxes, dans un même texte.


Voilà. Vous pouvez toujours préférer les éditeurs de texte foisonnants de possibilités, vous saurez au moins un peu pourquoi il vaudrait mieux vous en passer...
Enfin... bonne rédaction !

À l’usage des nouveaux propriétaires et des utilisateurs de sites web dynamiques, aux rédacteurs chevronnés ou qui le seront bientôt, qu’ils publient de manière frénétique ou sporadique mais sans trop savoir ce qu’ils font... voici quelques explications élémentaires sur le fonctionnement de leur outil, pour peut-être comprendre ce que vous raconte votre webmaster préféré ou votre hébergeur adoré, ou bien simplement pour savoir ce qu’on fait, c’est déjà pas rien.
À vrai dire vous pouvez très bien vous en passer et continuer à mettre à jour vos sites web... à lire seulement si ça vous tente !

> choc02 > notions et réflexions

libre ? > de l’informatique libre ? <

Alerte aux DRM : comment nous venons de perdre le Web, ce que nous en avons appris , et ce que nous devons faire désormais

mercredi 13 décembre 2017

Par CORY DOCTOROW

L’EFF s’est battue contre les DRM et ses lois depuis une quinzaine d’années, notamment dans les affaires du « broadcast flag » américain, du traité de radiodiffusion des Nations Unies, du standard européen DVB CPCM, du standard EME du W3C, et dans de nombreuses autres escarmouches, batailles et même guerres au fil des années. Forts de cette longue expérience, voici deux choses que nous voulons vous dire à propos des DRM :

1. Tout le monde sait dans les milieux bien informés que la technologie DRM n’est pas pertinente, mais que c’est la loi sur les DRM qui est décisive ;
2. La raison pour laquelle les entreprises veulent des DRM n’a rien à voir avec le droit d’auteur.

Ces deux points viennent d’être démontrés dans un combat désordonné et interminable autour de la standardisation des DRM dans les navigateurs, et comme nous avons consacré beaucoup d’argent et d’énergie à ce combat, nous aimerions retirer des enseignements de ces deux points, et fournir une feuille de route pour les combats à venir contre les DRM.

Photo par Elitatt (CC BY 2.0)

Voir en ligne : sur Framablog

Civic Tech ou Civic Business ? Le numérique ne pourra pas aider la démocratie sans en adopter les fondements

samedi 4 novembre 2017

Le numérique n’est pas démocratique en soi. Sa simple utilisation ne saurait suffire à gérer magiquement les enjeux démocratiques essentiels, bien au contraire. En lui accordant une confiance aveugle, on ouvre la porte à une perte de souveraineté et de contrôle démocratique. Ce n’est pas sans raison que le mouvement « Open Government » mondial a trouvé ses fondements dans la dynamique Open Data et la gouvernance collaborative de l’internet, elles-mêmes forgées au cœur des principes de la transparence démocratique, de la délibération publique et des communautés du logiciel libre. Il ne saurait être acceptable que le passage au numérique de la vie démocratique s’accompagne de la création de monopoles lucratifs dont les rouages seraient cachés du regard de la société. Cette transition numérique doit donc respecter scrupuleusement, et a minima, le niveau de transparence et de souveraineté de notre héritage démocratique.

Voir en ligne : sur le site regardscitoyens.org

Le Manifeste du web indépendant a 20 ans (depuis quelques mois)

jeudi 5 octobre 2017

Le Web indépendant, ce sont ces millions de sites offrant des millions de pages faites de passion, d’opinion, d’information, mises en place par des utilisateurs conscients de leur rôle de citoyens. Le Web indépendant, c’est un lien nouveau entre les individus, une bourse du savoir gratuite, offerte, ouverte ; sans prétention.

http://www.uzine.net/article60.html

Voir en ligne : sur le site uzine.net

Argent public ? Code public !

mercredi 13 septembre 2017

Pourquoi les logiciels financés par l’impôt ne sont pas publiés sous Licence Libre ?

Nous voulons une législation qui requiert que le logiciel financé par le contribuable pour le secteur public soit disponible publiquement sous une licence de Logiciel Libre et Open Source. S’il s’agit d’argent public, le code devrait être également public.

Le code payé par le peuple devrait être disponible pour le peuple !

https://vimeo.com/232524527

Voir en ligne : sur publiccode.eu

Mozilla accepte d’être le tuteur fiscal et légal de Thunderbird

vendredi 12 mai 2017

Pour ce qui concerne son indépendance opérationnelle, il faut entendre par là, la séparation des éléments comme le site web en cours de migration vers thunderbird.net, avec également un hébergement séparé. Les infrastructures devront être également trouvées pour répondre aux besoins des 25 millions d’utilisateurs du client de messagerie. L’équipe de Thunderbird devra également travailler de manière autonome pour assurer les fonctionnalités du client comme les add-ons et bien d’autres choses.

Voir en ligne : sur developpez.com

0 | 5 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | ... | 155

mentions - Plan du site - SPIP -