Wikisource:Wikisource visuel

Accueil

Projets

Wikisource visuel

Explication des icônes :

En projet ;

Commencé ;

En cours ;

Avancé ;

Terminé

Projet n^o 15 — Wikisource visuel

Objectif :

Modèles esthétiques, efficacité visuelle pour Wikisource

Étapes :

15.1 - Proposer une marche à suivre et des étapes
15.2 - Donner son avis sur des propositions
15.3 - Recenser pratiques sur d'autres wikisources, d'autres wikis, d'autres sites, des livres, d'autres documents
15.4 - Boîte à idées sur le projet 15
15.5 - Réalisations projet 15

De quoi s’agit-il ?

Un exemple (en projet) ici fera mieux comprendre l'objectif visé que des discours. Autre exemple ici. L’utilisation des images et des couleurs sert à faire comprendre plus rapidement les méta-informations apportées sous forme écrite, à condition bien sûr que ce soit sans altération aucune des textes eux-mêmes.

Tâches proposées

Signatures d’auteurs sur la page auteur de ceux-ci.

Max Elskamp. Récupérer et découper l’image ici

Discussions

Harmonisation visuelle

Exemple : ancien projet de page auteur harmonisée avec le style de la page d’accueil ici .

Ce cadre est une transclusion

Source : Wikisource:Scriptorium/Août 2010

J’ai terminé de programmer les modèles {{début}} et {{fin}}. Je propose de les utiliser pour remplacer la classe "text". Ils contiennent trois div imbriqués ; je n’ai pas vu de cas de figure où on aurait besoin de plus (et quoi qu’il en soit, un modèle est reprogrammable).

Voici un exemple d’utilisation : La Bécasse. Vous devez voir apparaître, dans les options d’affichage, un lien "Maquette" qui permet de changer la disposition du texte. J’ai ajouté trois maquettes dans common.js:

texte dans une colonne de largeur fixe (disposition habituelle sur fr.ws)
texte qui occupe toute la largeur de l’écran (souvent le cas sur en.ws)
texte flottant avec boîte titre sur la droite (disposition habituelle sur de.ws).

Notez que chaque utilisateur peut programmer ses propres maquettes et les ajouter à sa page de configuration javascript. Une maquette n’est qu’une énumération de propriétés CSS. La maquette choisie par l’utilisateur est sauvegardée (cookie) et réutilisée par la suite. ThomasV (d) 27 août 2010 à 16:29 (UTC)[répondre]

Ah, très bien, très pratique. En appliquant ces modèles aux Lettres de Madame de Sévigné, j’ai pensé que ce serait bien d’avoir aussi un bouton Notes qui active et désactive l’affichage des notes, dans la même série que le bouton Maquette qui modifie l’affichage de la page, parce que je trouve que c’est à la fois bien utile d’avoir les notes quand on le désire, et bien agréable de pouvoir lire à d’autres moments le texte seul^[1]. Merci, Thomas, pour tous ces outils ! --Zyephyrus (d) 27 août 2010 à 19:59 (UTC)[répondre]

Oui, il serait possible de faire pareil pour les notes de bas de page. Suite à une discussion sur en.ws, j’ai fait en sorte que ce script ne nécessite pas de modèle du tout. En effet, on m’a fait remarquer qu’il est préférable de ne pas ajouter d’instructions de formattage directement au code des pages, afin de laisser le plus de latitude possible à l’appareil qui les affiche (que ce soit un écran d’ordinateur, un écran de téléphone, une imprimante, etc). À titre de test, j’ai donc activé ce script sur tous les textes en mode page, tout en annulant l’effet des classes (text, lefttext, centertext), qui ne sont plus nécessaire. Par exemple, sur cette page, j’ai supprimé le <div class="text">. Merci de me dire ce que vous en pensez ; si ça pose des problèmes insurmontables on peut revenir en arrière. ThomasV (d) 28 août 2010 à 11:25 (UTC)[répondre]

Il y a un problème d'affichage sous IE 8 http://www.flickr.com/photos/pyb/4934683768/ Pyb (d) 28 août 2010 à 12:28 (UTC)[répondre]

Il y a également un changement lorsqu'on prévisualise Pierrot (Contes de la bécasse). La fenêtre d'édition est de la largeur du texte (sous Firefox). Pyb (d) 28 août 2010 à 13:05 (UTC)[répondre]

merci, j’ai corrigé la fenêtre d’édition. ~~pour IE, je suis en train de regarder. est-ce que tu as vérifié que IE autorise les scripts externes ?~~ Pour ce qui est d’Internet Explorer, j’ai trouvé une machine avec IE7, et j’ai corrigé à peu près tout les bugs que j’ai vu. J’ignore si ces corrections seront valables pour IE8. ThomasV (d) 28 août 2010 à 19:06 (UTC)[répondre]

Il y a un problème avec ce texte. Je n'ai rien contre l'utilisation de {{début}} et {{fin}}, mais il ne faut pas qu'en attendant que tout soit transformé les textes avec "div<text" soient mal fagotés. Enmerkar (d) 28 août 2010 à 15:26 (UTC)[répondre]

Je l’ai corrigé à peu de frais, c’est-à-dire en mettant ce modèle avec le texte. Il serait également possible d’adapter les maquettes à la présence de ce modèle, mais je préfère ne pas les compliquer trop vite, et que nous prenions le temps d’identifier ce que nous voulons y mettre. ThomasV (d) 28 août 2010 à 21:03 (UTC)[répondre]

bon, je viens de supprimer les modèles début et fin ; ils ne sont pas nécessaire avec ce script. Je propose d’observer pendant quelques semaines, et si tout se passe bien de déclarer périmées les classes text, lefttext et compagnie. ThomasV (d) 28 août 2010 à 22:13 (UTC)[répondre]

N'y a-t-il pas moyen de faire passer le "DP-EU" dans la marge de droite ? Apparemment, tes modifications centrent l'ensemble de la page, même l'indicateur de l'état des pages en haut et la ligne des catégories en bas, ce qui est franchement mauvais.

Autre point. Pourquoi, dans les transclusions, le modèle "ChapitreNav" a-t-il complétement changé d'apparence ? Exemple avec ce texte-ci. Peux-tu lui rendre son allure d'origine, s'il te plaît ? Enmerkar (d) 28 août 2010 à 23:43 (UTC)[répondre]

le modèle ChapitreNav avait cette apparence à cause du modèle DP-EU ; je l’ai déplacé et c’est rentré dans l’ordre.

pour ce qui est de l’indicateur de qualité mal centré, je suis assez surpris : c’est un problème que j’ai eu hier, de façon transitoire, et que j’ai corrigé bien avant ton message; peut-être que tu as une version du script qui n’est pas à jour ? merci de confirmer ou infirmer, et de me dire avec quel navigateur ça se produit. ThomasV (d) 29 août 2010 à 06:34 (UTC)[répondre]

j’ai aussi mis le modèle DP-EU à droite de la colonne de texte, mais seulement pour la maquette 1. ThomasV (d) 29 août 2010 à 06:57 (UTC)[répondre]

Merci. L'indicateur de qualité est retourné à sa place (Mozilla 3.6.8). Enmerkar (d) 29 août 2010 à 16:09 (UTC)[répondre]

J’ai remarqué un problème sur au moins deux pages :

Les Misérables TI L1, avec la maquette 1, l’image n’est pas centrée comme elle devrait l’être
Quelques idées sur la création d’une faculté libre d’enseignement supérieur, avec la maquette 1, le tableau page 17 ne prend pas toute la largeur de la page.

Ces deux problèmes n’en forment en fait qu’un seul, en effet l’image comme le tableau étaient en dehors des balises <div class="text"></div>. Il n’y a plus la possibilité maintenant de mettre du contenu en dehors des balises div introduites par ces maquettes. Je ne vois pas tellement de solution pour résoudre ce problème. À part peut-être introduire une nouvelle balise qui serait parsée en js et qui serait remplacée par la fermeture des balises div générales, l’insertion du contenu en pleine largeur, puis la réouverture des balises div. Mais j’ai l’impression que ce n’est pas tellement dans l’esprit des maquettes. Zaran (d) 30 août 2010 à 17:48 (UTC)[répondre]

↑ On peut déjà désactiver les notes en sortant du texte pour aller dans ses Préférences ; un bouton sur place aurait l’avantage d’être plus immédiat et plus souple et permettrait de ne pas avoir à quitter le texte. .

Archives 2006

Scriptorium Septembre 06

Discussion : Avertissements généraux

...définir une palette de couleur restreinte (par exemple des pastels pour ne pas faire trop criard)

Je dirais que cette palette existe : nous ne pouvons pas changer la couleur du logo, et nous conservons les liens non visités et visités traditionnels, donc nous jouons sur le noir, le bleu, le violet, le rouge ; et Grondin a créé des modèles rouge, bleu et vert (j'ai ajouté un modèle noir) pour la couleur des caractères. Nous pouvons encore moduler les fonds en fonction de cette palette de départ, cela laisse pas mal de choix, par contre modifier la palette elle-même demanderait beaucoup de travail et dérouterait nos lecteurs, qui ont besoin de ne pas perdre leurs repères.

En gros, il reste à déterminer le sens à attribuer aux couleurs des différents fonds ; à la grosseur et aux enrichissements des caractères ; aux proportions et aux localisations des boîtes... tout cela peut contribuer à moduler nos signaux.

se reposer la question de l'esthétique des bandeaux de titres (d'œuvre, de chapitre, de poème...)

Plutôt créer ceux qui manquent que recommencer ceux qui existent, àma, ou on n'en finira jamais.

idem pour toutes les pages importantes du type pages d'aide

Oui, et là on avance : Yann a fait une bonne synthèse de nos idées.

illustrer les catégories thématiques, à défaut de faire des portails thématiques comme le portail maritime, ce qui peut devenir lourd à gérer si le nombre de thèmes augmentent. (...)

Cela me paraît aussi une bonne idée. --Zephyrus 13 décembre 2006 à 15:12 (UTC)[répondre]

Bigon 12 décembre 2006 à 21:51 (UTC), voir la page[répondre]