WYSIWYG

Ce que signifie WYSIWYG

WYSIWYG est l'acronyme de What You See Is What You Get (ce que vous voyez est ce que vous obtenez). Il decrit tout editeur ou constructeur dans lequel ce que vous manipulez a l'ecran correspond au resultat final. Au lieu d'ecrire du code ou du balisage et d'imaginer le resultat, vous editez la page ou le document directement et voyez la vraie mise en forme, la mise en page et le style au fur et a mesure. Le terme s'applique aussi bien aux editeurs de texte, aux constructeurs d'e-mails, aux constructeurs de pages et aux outils de site visuels.

Comment cela fonctionne

Un outil WYSIWYG presente un canevas visuel. Vous saisissez du texte, glissez des elements, choisissez des polices, inserez des images et agencez des sections directement, et l'outil genere le code sous-jacent, generalement du HTML et du CSS, en coulisses. C'est l'oppose d'un flux de travail oriente code, ou vous ecrivez le balisage et ne voyez le resultat qu'apres l'avoir rendu. Les editeurs de texte riche d'un CMS, les outils de conception d'e-mails et les constructeurs de sites comme Webflow, Framer, Wix et Squarespace sont tous WYSIWYG a des degres divers.

L'edition visuelle sur un spectre

Tous les outils WYSIWYG ne se valent pas. Les plus basiques, comme un editeur d'article de blog, ne stylisent que le texte et les medias. Les constructeurs visuels avances comme Webflow exposent l'ensemble du modele de boite, du systeme de mise en page et des interactions, si bien que le canevas visuel correspond etroitement a du HTML et du CSS reels, de qualite production. Plus l'editeur reflete fidelement la facon dont les navigateurs rendent reellement les pages, plus il est puissant et previsible, ce qui explique pourquoi les constructeurs visuels professionnels sont bien plus capables que les premiers editeurs WYSIWYG qui produisaient du code brouillon.

Pourquoi c'est important

L'edition WYSIWYG abaisse la barriere pour creer sur le web. Marketeurs, redacteurs et designers peuvent construire et mettre a jour des pages sans developpeur a chaque changement, ce qui accelere la publication et reduit le cout. Cela garde aussi les responsables de contenu plus proches du resultat, puisqu'ils voient exactement ce que les visiteurs verront. Le compromis historique etait la qualite du code : les anciens outils produisaient un balisage lourd. Les constructeurs professionnels modernes ont largement resolu ce probleme, combinant edition visuelle et code propre, performant et conforme aux standards.

Les erreurs frequentes

Les pieges courants incluent choisir un outil WYSIWYG qui genere un code brouillon et lent, se reposer sur l'edition visuelle sans comprendre la structure sous-jacente si bien que les pages deviennent incoherentes, et coller du contenu mis en forme depuis des traitements de texte qui embarque une mise en forme cachee. Supposer que le WYSIWYG supprime tout besoin de connaissances web est un autre piege : les meilleurs resultats viennent encore de personnes qui comprennent la mise en page, le responsive et la semantique.

Le WYSIWYG chez BeBranded

Nous construisons principalement dans des plateformes WYSIWYG professionnelles comme Webflow et Framer, qui offrent la rapidite de l'edition visuelle avec le code propre et performant d'un site fait main. Cela signifie que nous pouvons vous livrer un site que vous pouvez mettre a jour vous-meme, en editant le texte, en remplacant les images et en publiant des pages visuellement, tandis que la structure en dessous reste rapide, responsive et favorable au SEO. Vous obtenez l'autonomie de l'edition visuelle sans le code brouillon dont les anciens outils WYSIWYG etaient connus.