Typographe

«Typographe» – un outil spécialement conçu pour les gestionnaires de contenu et les éditeurs de sites. Il aide à préparer le texte pour une publication web.

«Typographie» – c’est l’art de la mise en forme du texte imprimé par la composition et la mise en page. La typographie représente, d’une part, une branche du design graphique et, d’autre part, un ensemble de règles strictes définissant l’utilisation des polices pour créer un texte le plus compréhensible possible pour le lecteur. La tâche de la typographie est de déterminer les paramètres pour les processus ultérieurs de composition, de mise en page et de préparation avant impression.

Pour commencer, vous devez créer un texte formaté dans Microsoft Office, Open Office, Google Docs ou tout autre éditeur similaire. Il peut s’agir d’un document texte Word ou d’un tableau Excel.

Ces documents sont déjà stylisés d’une certaine manière : taille du texte, couleur, listes numérotées / à puces, tableaux, etc. Il vous suffit de sélectionner le passage de texte souhaité dans le document, de le copier dans le presse‑papiers et de le coller dans «Typographe» dans le champ intitulé «Collez le texte depuis Word». Le passage choisi sera alors converti en code HTML.

Après avoir collé le texte, une liste des tailles de police utilisées dans le document s’affichera. Vous pouvez indiquer quel titre (H1‑H6) utiliser pour cette taille lors de la construction du HTML. Les tailles de police définies lors du rendu du texte seront probablement différentes de celles utilisées lors du formatage. Cela est dû au fait que les éditeurs de texte comme «Word» utilisent des points (pt) pour définir la taille du texte, tandis que les navigateurs utilisent des pixels (px). 1pt n’est pas égal à 1px, il est légèrement plus grand, donc les tailles de police lors de l’analyse du document seront également un peu plus grandes.

Par défaut, un HTML propre est créé (sans ajout de styles via l’attribut «style»). Si vous souhaitez transférer dans le HTML les couleurs du texte et du fond, l’alignement du texte, etc., choisissez les paramètres nécessaires dans la liste trouvée.

Le code obtenu est assez propre et soigné, et il se peut même qu’il n’ait pas besoin d’être édité avant la publication sur le site.

Pour votre confort, «Typographe» dispose d’une fonctionnalité permettant de charger un fichier CSS depuis votre site, dans lequel sont définis les styles pour les balises standard utilisées lors de la publication de pages textuelles. Après avoir chargé le CSS, vous verrez à quoi ressemblera le code HTML publié sur la page de votre site.

Mais vous devez comprendre que le CSS doit être correctement rédigé. Cela signifie qu’il doit styliser toutes les balises standard participant à la construction du contenu textuel sur la page, sans dépendance aux classes. Autrement dit, le sélecteur doit uniquement indiquer le nom de la balise. Malheureusement, cette recommandation est souvent négligée par de nombreux débutants en mise en page.