Mise en page de votre contenu dans Orangium

Image

Avec la venue des outils de gestion du contenu en ligne (appelés CMS – Content Management System –), vous pouvez faire la mise en page de vos textes en utilisant des règles toutes simples sans devoir apprendre tout le code qui se trouve derrière.

Je suis intégratrice de formation et c'est mon métier de faire l'intégration du contenu dans les pages web (mise en page), mais je suis en train de vous rédiger un texte pour que vous puissiez le faire vous-même... Amusant, non ? Bienvenue à l'automatisation des contenus ! ;-)

Récemment, nous avons fait la suggestion suivante à un de nos clients :

Malgré quelques espaces manquants, des textes un peu trop longs et quelques autres ajustements qui pourraient faciliter encore plus la lecture de ces pages, la version révisée est définitivement plus invitante que la première.

Dans l'éditeur de contenu Orangium, on vous suggère d'utiliser les boutons disponibles pour la mise en page de vos textes. Voici un tableau-résumé des choses à NE PAS FAIRE versus les outils que vous pouvez utiliser pour arriver à vos fins : 

NE PAS FAIRE OUTIL À UTILISER
Ajouter des espaces pour centrer du texte Sélectionnez le texte à centrer et utilisez le bouton « Centrer »
Faire des « bulles » (listes d’énumérations) manuellement Sélectionnez les lignes faisant partie de l’énumération (s’assurer qu’il y a bien un retour de chariot – touche « Enter » – entre les lignes d’énumération). Choisissez une liste ordonnée avec des numéros ou  une liste non ordonnée avec des points.
faire une liste dans Orangium
Sélectionner des grandeurs relatives (telles que small, medium, large, X-large, etc.) pour les titres et sous-titres

Pour les titres que vous ajoutez dans la boîte « Titre » de l’éditeur de contenu Orangium : rien à faire ! C’est la mise en page qui est codée dans une feuille de mise en page en cascades (CSS) propre à chacun des sites gérés par Orangium. Pour les sous-titres qui sont à l’intérieur de votre texte : sélectionnez le sous-titre en question et utilisez, idéalement, la balise « En-tête 3 » via la liste déroulante « Format ».

utiliser la balise h3

Faire un « copier-coller » à partir de Word ou autre traitement de texte

Trop de mauvais code propre à Word ou à d’autres logiciels de traitement de texte (que vous ne voyez pas) est transféré en même temps que le texte. Deux solutions : 

1. Sans mise en page

Copiez votre texte et collez-le dans Bloc-Note (accessoire système de Windows). La mise en page va disparaître et le mauvais code aussi ! Vous pourrez faire la mise en page de votre texte à partir des boutons de l’éditeur de contenu.

2. Avec mise en page

Si vous désirez conserver une partie de votre mise en page faite dans Word [cela fonctionne bien seulement avec une mise en page simple incluant hyperliens (URL), gras (bold), italique (italic) et listes d’énumération (bullet points)], voici comment procéder :

  • Sélectionnez votre texte dans votre logiciel de mise en page (Ctrl + A = Sélectionner tout)
  • Copiez-le (Ctrl + C = Copier tout)
  • Collez votre texte dans la boîte de l’éditeur de contenu (Ctrl + V = Coller tout)
  • Une boîte de dialogue telle que celle-ci pourrait apparaître : nettoyer le texte avant insertion
    Suivez les instructions suggérées par cette boîte (donc y coller votre texte provenant de Word). Note : pour les utilisateurs d’Internet Explorer, il est possible qu’une boîte de dialogue demandant l’accès à votre presse-papier apparaisse avant celle ci-dessus. Cliquez sur « Autoriser l’accès » pour pouvoir continuer. 
  • Le résultat : bien que du code indésirable sera tout de même transféré dans Orangium, la majorité du code indésirable sera effacé et vous pourrez conserver certains éléments de la mise en page initiale (et donc vous éviter de tout refaire à même l’éditeur de contenu).

 

 

 

 

Plusieurs autres règles s’appliquent pour une bonne mise en page web. Ce thème fera l’objet d’un prochain texte.

Un grand merci à Papa Amadou Touré d’avoir prêté son site web à des fins éducatives !



Claudie Borduas
par Claudie Borduas
02 mars 2010 - 12:52
A été vu 2102 fois





Commentaires


 
[$xPopup:page-id=17588;instant-load=true;request-number=11;popup-height=220px]