La gestion des visuels dans Come4News

Attention, contribution totalement improvisée, je risque de me planter, car j’expérimente. Remarque liminaire : aucun rubriquage (mise en « cage » de rubriques, pourrait-on dire) n’est vraiment satisfaisant. Mais dans le cas d’espèce, la catégorie « Vie pratique, Système D » semble idoine. Cela étant, une rubrique «  Vie de C4N » ou quelque chose de la même eau, serait bienvenue. Je vois de nombreux articles dont les visuels sont, faute d’avoir approfondi les possibilités de disposition, tous insérés de manière basique. Je vais tenter de créer une disposition à l’aide d’un tableau…

On ne peut tout redire. Sur les modalités de disposition des visuels dans les articles de Come4News, je considère acquises les notions exposées dans la contribution « Améliorer C4N (suite), la forme et le fond ». Mais comme ce n’était pas très clair pour tout le monde, certaines redites peuvent apparaître ci-dessous.

Comme je dispose de « droits » d’édition (forts restreints, soit d’intervenir sur certains articles de tiers), j’ai tenté de « bidouiller » la disposition des visuels de l’article sur Angers de Nolwenn (que je félicite au passage). On comparera la nouvelle disposition (en espérant qu’elle n’est pas pire que l’ancienne, et cela dépend de la taille de votre écran, de votre navigateur, &c., de divers facteurs que l’éditeur ne peut dominer), avec celle d’un autre article de Nolwenn, consacré à Naples. Initialement, les visuels angevins étaient disposés à l’identique des napolitains.

La méthode employée, consistant à disposer des visuels soit à droite (Flotant – sic – à droite), soit à gauche, soit « au milieu », n’est guère satisfaisante pour faire en sorte que deux visuels se retrouvent côte à côte. D’où l’idée de créer un tableau et d’insérer des images dans ses cellules. Remarquez que l’image ci-contre à été « habillée » (un peu de blanc sur la droite de manière à ce que le texte ne « cogne » pas contre le bord de l’image…). 

Attention, on y va, j’improvise.

Première étape, cliquer sur l’icône du tableau (à gauche de celle d’insertion des images), puis déterminer un nombre adéquat de cellules (donc de lignes horizontales et de colonnes verticales). Optons pour quatre lignes et quatre colonnes dans lesquelles nous disposerons soit du texte (ou des lignes blanches), soit des visuels. J’opte pour « ajuster automatiquement » en espérant que les cellules s’adapteront à la taille des visuels.

Dans l’onglet des Options, j’augmente la marge intérieure des cellules à huit pixels (histoire d’envisager que mes visuels ne seront pas tout à fait accolés). Go!

En sélectionnant (surlignant) le tableau ci-dessus, voici ce qui m’est apparu à l’écran (capture d’écran) :

et là (ci-contre), idem pour le visuel, un minimum aussi d’habillage.

 

 

Pas évident, n’est-il pas ?
Je clique de nouveau sur l’icône du tableau après avoir sélectionné une partie du tableau, mais cette fois, avec un clic droit. Une liste déroulante apparaît. Je choisis « Propriétés du tableau », puis l’onglet « Cellule ».
Ah, tiens, pour la cellule sélectionnée, je vois que je peux choisir une « Image de fond ». Ben, tentons.
J’importe effectivement une image, mais ce qui en apparaît n’est que la partie supérieure de cette image.
Il y a quelque chose qui cloche là-dedans, j’y retourne immédiatement.

Là, ci-contre, application d’une image de fond. Pas fameux, le résultat. L’image est disposée à droite. Vous avez intérêt, visuellement, à disposer les images plus ou moins en quinconce (soit pas toutes à gauche, pas toutes à droite, mais cela se discute).

On recommence. Insérer tableau.

 

 

 

 

Tiens, elle est de retour, mon image dont seule la partie supérieure
était visible en l’important en image de fond dans la cellule, précédemment.

 

 

 

 

 

Je pourrais à présent supprimer des cellules,
faire en sorte que la bordure noire repasse en blanc, &c.

 

 

Cette fois, j’ai conservé une couleur de bordure afin de visualiser mon tableau. J’importe une première image (pas du tout en allant rechercher une image de fond pour la cellule, mais via l’icône d’importation des images), celle de DSK, puis une seconde. Damned, ce n’est pas gagné. D’ailleurs, si vous ne voyez pas l’image de DSK, c’est simple, j’ai dû supprimer la cellule (bêtement, par erreur), parce qu’avec le tableau était trop large. Et impossible d’annuler, pour recommencer autrement : une cellule supprimée ne semble pouvoir être rétablie.

CQFD, c’est trop compliqué pour moi. Enfin, pourtant, naguère, j’arrivais, avec un éditeur complet HTLM, à créer des pages avec des tableaux pour disposer des images, et c’était assez satisfaisant. Là, je m’y perds. Et j’ai bien l’impression que la majorité de celles et ceux qui veulent, sur Come4News, obtenir une disposition leur convenant de leurs images vont aussi patauger. Je me trompe ?

Il (me et nous) reste deux solutions. Soit attendre un didacticiel (ou tutoriel) nous expliquant comment utiliser les tableaux dans Come4News (et là, ne comptez plus sur moi), soit procéder autrement.
Je ne vois guère que la solution d’utiliser un logiciel de traitement et retouche des images pour, en ayant créé une seule image, importer dedans d’autres visuels et les disposer à son gré. L’ennui, c’est que, si on veut légender dans l’image (outil Texte), la légende risque d’être peu lisible (eh oui, on va « pixéliser » le texte, qui n’apparaîtra plus aussi net qu’une légende « texte », hors de l’image).

Allez, je retourne pour le moment à des choses plus sérieuses. Mais je lance « un cri » : administrateurs de Come4News, encore un effort. Il doit bien se trouver un moyen de se tirer de là, et de pouvoir enfin disposer nos images de manière maîtrisée, plus simplement, non ? Cela étant, ce n’est pas meilleur sur d’autres sites de presse participative. Mais cela viendra. Stay tuned!

En tout cas, le tableau : FBI – fausse bonne idée. En sus, si vos images sont un peu trop larges, que le tableau s’ajuste, il va être trop large pour apparaître en son entier à l’écran. Mais qui saurait maîtriser l’emploi des tableaux pourrait parvenir à quelque chose de satisfaisant. Ne vous découragez pas. Attention, le Ctrl+Z (annuler la dernière opération) ne fonctionne pas vraiment dans les tableaux.
Une solution que je n’ai pas encore tentée, mais vous pouvez peut-être essayer : créer un tableau dans Word et tenter de l’importer. Fausse bonne idée aussi ? À vous de nous le dire…

Auteur/autrice : Jef Tombeur

Longtemps "jack of all trades", toujours grand voyageur. Réside principalement à Paris (Xe), fréquemment ailleurs (à présent, en Europe seulement). A pratiqué le journalisme plus de sept lustres (toutes périodicités, tous postes en presse écrite), la traduction (ang.>fr. ; presse, littérature, docs techs), le transport routier (intl. et France), l'enseignement (typo, PAO, journalisme)... Congru en typo, féru d'orthotypographie. Blague favorite : – et on t'a dit que c'était drôle ? Eh bien, on t'aura menti !

6 réflexions sur « La gestion des visuels dans Come4News »

  1. Pas très beau, ce tableau ci-dessus, n’est-il pas ? En fait, j’ai dû bidouiller à l’excès avant de me décourager. Il était trop large. Initialement, il contenait trois images : j’ai supprimé une cellule pour redimensionner le tableau, l’image a disparu, j’ai renoncé. Et pas mal d’effets indésirables sont apparus en bidouillant. Le recours aux tableaux semble réservé aux utilisateurs très expérimentés (pas à ceux qui l’ont été – ou correctement, dans mon genre – et devraient vraiment se remettre à jour) sous [i]Come4News[/i].
    Ah, voui, autre chose : j’ai bidouillé sous Google Chrome. Il est possible que, sous un autre navigateur (Firefox, par ex.), cela ne réagisse pas à l’identique. Faut veiller à tout.

  2. Vu sur Facebook :
    « Gautron Francoise – normalement open office puis convertir htlm code source copier et ensuite édition htlm ou source dans c4N copier cela ne devrait pas bouger ? ».
    Bonne idée. J’ai OpenOffice, je tenterai à l’occasion.
    Cela étant, on commente sur Facebook ou ici ?
    Risque de dispersion…

  3. Au fait, cela n’a rien à voir, mais si un administrateur du site passe par ici :
    [url]http://www.google.com/webfonts#UsePlace:use[/url]
    Bon, on ne va pas refaire sempiternellement la « charte graphique » de Come4News.
    Mais c’est à connaître.
    Pour les autres : tout plein de polices de caractères gratuites, préférer les polices proposant plusieurs graisses et styles.

  4. Bonjour,

    Cette fois, il n’y a pas erreur, on ne trouve plus si facilement Jef Tombeur / Come4News dans Google…

    Un effet de la série DSK ?

  5. Bonjour, à la lecture, je vois que je vais me contenter d’arriver à ce qu’une image paraisse avec l’article. Merci.

  6. [b]Personnellement, et je le regrette, (ma belle fille aussi) (celle qui m’a fait ma marmotte, pas encore remise aux couleurs du site)

    Je regrette disais je, que nos articles se suivent sans classement aucun.
    J’aurais aimé retrouver regroupés tous mes articles par rubrique.
    Ce qui facilite la lecture pour ceux qui recherchent une catégorie d’articles bien précis.
    Sinon il faut dérouler la liste pour retrouver les thèmes similaires.

    C’est VRAI aussi que dans les rubriques de la UNE, un article est vite mis « à l’index », poussé par un autre, et ainsi de suite.
    Puis parfois j’hésite quand il faut cliquer, ne sachant pas toujours OÙ mettre mon article.[/b]

Les commentaires sont fermés.