Lena, sommaire, textes

L'utilisation des CSS pour améliorer au maximum le confort de lecture

Jesabeth: Mardi 06/12/2005; 11:23 - son site

mots-clés :

Le but du modèle Lena est d'aller plus loin que ce qui était proposé avant au niveau de l'utilisation de la feuille de style afin de pouvoir personnaliser au maximum la présentation des informations (et là on sort des cartouches de mots-clé qui sont une solution à part).

J'ai créé un texte pour le suivi de ce modèle, j'en ai profité pour tester l'affichage des titres (dont les styles sont définis pour les textes), et donc testé également le sommaire automatique et la présentation du tout.

Ce qui serait bien ça serait :

de toujours définir les styles des 5 niveaux de titres (taille, espacements, couleurs...) afin de ménager une cohérence visuelle et que la présentation via l'éditeur HTML soit la plus aisée possible (ça ne sera jamais optimimum vu la la manière donc HTML Area interagit mais bon... FCKeditor est beaucoup mieux, entre nous soit dit).

d'encapsuler les paragraphes de la liste des textes et de la liste des articles (Articles faisant un lien vers "nom_du_text" :)dans une div pour chacune avec un id, et de mettre une balise h3 pour leurs titres. J'ai noté que ces listes font toujours un peu paquet. L'avantage d'une div spécifique pour chacune de ces listes permettraient à chacun de jouer avec les styles (fonds, couleurs, bordures, etc...) pour scinder l'information proprement.

d'affecter une classe par niveau au sommaire automatique. Premier <ul class="level_list1">, deuxième ul imbriqué <ul class="level_list2">, etc... afin (toujours) de permettre une personnalisation visuelle la plus fine (couleurs évidemment mais aussi type de puces ou numérotation...)

9 commentaires

Ergonomie/Navigation - Permalien

Commenter l'article

Commentaires

Stephane: Mardi 06/12/2005; 12:15 - son site

FCKeditor

C'est peut être un bon moment pour remplacer htmlarea par FCKeditor. A l'époque, htmlarea était clairement ce qu'il y avait de mieux, mais le développement a été abandonné. Je viens de refaire un tour sur FCKeditor, effectivement ca a l'air très bien.

Ce n'est pas aussi simple que ça a en a l'air car j'ai pas mal customisé htmlarea, en particulier pour insérer des images, fichiers, vidéos et mots-clés. Mais c'est très certainement jouable.

d'encapsuler les paragraphes de la liste des textes et de la liste des articles (Articles faisant un lien vers "nom_du_text" :)dans une div pour chacune avec un id, et de mettre une balise h3 pour leurs titres.

C'est fait, ce sont des classes en fait (au cas où on voudrait le faire un jour dans les sommaires par exemple) : texts_backlinks, news_backlinks, users_backlinks.

d'affecter une classe par niveau au sommaire automatique. Premier <ul class="level_list1">, deuxième ul imbriqué <ul class="level_list2">

Un peu compliqué pour moi. Tu peux pas affecter un style à ul ul ul ? :-)

Commenter l'article - [^] - Répondre

jlb: Mardi 06/12/2005; 13:19 - son site

← Re: FCKeditor

Je suggère de créer un texte qui récapitule tous les "engagements" de Stéphane avec les nuances dont il les assortit souvent : possible, jouable, pourquoi pas ?, un peu compliqué...
Ou plus simple : on affecte ces mots-clés aux articles/commentaires où il prend position et je crèe un texte récapitulatif à l'aide des fonctions évoluées des mots-clés !

Commenter l'article - [^] - Répondre

Jesabeth: Mardi 06/12/2005; 13:53 - son site

← Re: Re: FCKeditor

Oui ça me va moi, c'est sûr que sinon on va avoir du mal à s'y retrouver.

Commenter l'article - [^] - Répondre

Jesabeth: Mardi 06/12/2005; 13:51 - son site

← Re: FCKeditor

Ce n'est pas aussi simple que ça a en a l'air car j'ai pas mal customisé htmlarea, en particulier pour insérer des images, fichiers, vidéos et mots-clés. Mais c'est très certainement jouable.

Ca, je m'en doutais oui. Ne serait-ce qu'à la vue du bouton mots-clés.
Enfin là, j'aurais du mal à développer vu que je ne connais pas les rouages de ton côté.
L'avantage aussi de FCKeditor, c'est que tu peux importer les classes de ta CSS dans le menu.
Pis y'a des smileys

Mais bon, c'est surtout par rapport au respect des nouveaux standards qu'il est intéressant. Le code qu'il génère est beaucoup plus propre que celui de HTML Area (surtout sous Firefox).

Cool pour les listes, rien que la balise de titre, ça le fait.
Par contre, mais il faut que je regarde ça de plus près, apparement je suis coincée pour modifier certaines spécificités si je n'ai pas accès un container différencié (sommaire auto pareil). Je vais faire des tests et je te redirais ça.

Pour les niveaux de listes, ça serait possible si IE n'existait pas...

Commenter l'article - [^] - Répondre

olivierMG: Mardi 06/12/2005; 20:12 - son site

← Re: FCKeditor

je viens d'aller voir le site FCKeditor, dommage il n'y a pas encore de compatibilité avec safari mais apparemment ils y travaillent..

et celui-là ? il est comment ?

http://tinymce.moxiecode.com/

parce-qu'il est aussi open-source et surtout compatible safari et opera.

Commenter l'article - [^] - Répondre

Jesabeth: Mardi 06/12/2005; 20:44 - son site

← Re: Re: FCKeditor

Je viens de le tester en ligne, le code généré est propre, le comportement est sensé (du genre un saut de ligne après un titre ne génère pas une <br/> entre des balises h.
On peut aussi rattacher les styles CSS existant comme FCKeditor, l'insertion d'images donne accès à un visuel "miniatures" du fichier images, il est tout en js....

Je le télécharge et je regarde d'un peu plus prêt de mon côté en tous cas.

Commenter l'article - [^] - Répondre

olivierMG: Mardi 06/12/2005; 20:59 - son site

← Re: Re: Re: FCKeditor

super ! merci.

mais bon c'était juste une idée, il ne faudrait pas changer les habitudes de tous les viabloggeurs pour quelques safaristes et omniwebiens ;o)... mais si le changement est transparent et qu'il y a peu de travail pour l'équipe, c'est une option à étudier.

un problème qu'il faut prendre en compte s'il y a un changement d'éditeur de texte, c'est: qu'est-ce qu'il va se passer quand on va ouvrir un ancien billet qui était fait avec HTMLarea, avec FCKeditor ou un autre ? au moment où on va sauvegarder la modif, la "mise en page" du billet ne risque-t-elle pas d'être modifiée si les deux éditeurs travaillent un peu différemment?

Commenter l'article - [^] - Répondre

Jesabeth: Mardi 06/12/2005; 21:21 - son site

← Re: Re: Re: Re: FCKeditor

Je n'avais pas la prétention de m'engager vis-à-vis de Viabloga :o)

C'est pour ça que je précisais : "je regarde de mon côté en tous cas"

Mais justement, le télécharger me permet de faire ce genre de tests (pour le code généré par HTML Area)

Commenter l'article - [^] - Répondre

Neoxy: Dimanche 08/04/2007; 22:19 - son site

FCK editor

FCK editor est un outils assez puissant mais il garde certains bugs entre Internet et Firefox.

Commenter l'article - [^] - Répondre

Le laboratoire Viabloga