Tuto : La Nouvelle interface (WYSIWYG)
Forum Canaris :: Général :: Administration :: Problèmes
Page 1 sur 7•
Page 1 sur 7 • 1, 2, 3, 4, 5, 6, 7 
Tuto : La Nouvelle interface (WYSIWYG)
I - Introduction au WYSIWYG
WYSIWYG est un acronyme (de la locution anglaise What you see is what you get permettant de composer visuellement le résultat voulu signifiant littéralement « ce que vous voyez est ce que vous obtenez » ou plus élégamment « tel affichage, tel résultat ») couramment utilisé en informatique pour désigner les interfaces utilisateur graphiques. Il désigne, de fait, une interface « intuitive » : l'utilisateur voit directement à l'écran à quoi ressemblera le résultat final (imprimé).(déf. Wikipedia)
Mode Basique (Ancien)
Quand vous êtes en mode normal vous devez avoir un tableau de bord comme ça :

Basculer en mode WYSIWYG
Pour basculer en mode WYSIWYG vous devez cliquer sur l'icône
qui se trouve dans le coin en haut tout à droite (sur la même ligne que "Poster une réponse" dans le champ bleu).
Ce qui vous donnera ceci :

Un tout nouveau tableau de bord entièrement différent de l'ancien et qui est là pour vous simplifier l'édition.
II - Explication sur les différentes fonctions
Permet de retirer tout effet de modification effectué sur votre texte (retirer le gras , retirer la couleur ...) , il faut selectionner le texte et cliquer sur cet icone tout simplement.
Tailles : grace à cette fonction vous pouvez désormais modifier la taille de votre texte à votre gout , vous pouvez visualiser avant même de faire la modification (en effet chaque nombre 7 , 9 ... est dans le format qu'il représente)

Couleurs : Vous pouvez désormais choisir en un clic la couleur de votre texte , et le visualiser tout de suite , l'avantage c'est que celà vous prendra beaucoup moins de temps qu'avant , et sans aucun risque d'erreur , de mettre plusieurs couleurs différentes dans une même phrase.

Smilies : Vous pouvez désormais mettre les smilies à partir du tableau de bord grâce la liste défilante de smileys.

: Permet de couper un mot ou une phrase selectionné(e) .
: Permet de copier un mot ou une phrase selectionné(e) .
: Permet de coller un mot ou une phrase selectionné(e) .
: Permet de mettre en gras un mot ou une phrase selectionné(e) .
: Permet de mettre en italic un mot ou une phrase selectionné(e) .
: Permet de souligner un mot ou une phrase selectionné(e) .
Vous pouvez bien sûr combiner plusieurs des fonctions
,
,
.
Exemple: Vive le Fc Nantes
: Permet d'aligner un mot ou un texte sélectionné sur la gauche.
: Permet d'aligner un mot ou un texte sélectionné sur le centre.
: Permet d'aligner un mot ou un texte sélectionné sur la droite.
Paragraphes
: Permet de faire une liste ordonnée , ainsi à chaque retrait à la ligne un chiffre apparaît au début avec un retrait précis.
: Permet de faire une liste mais sans chiffre précisant l'ordre , mais avec des points de retrait.
: Permet d'insérer un lien a un mot ou texte préalablement selectionné , ainsi votre mot ou texte devient cliquable et conduit vers une adresse web.
: Permet de retirer un lien entré auparavant en selectionnant celui-ci puis en cliquant sur cet icône.
: Permet d'insérer une adresse email. ex: nantais2005@neuf.fr
: Permet d'insérer une image à partir de son lien : cliquer sur cet icône puis entrer le lien vers l'image dans le champ qui s'ouvre.
: Permet de créer une citation : entrer un texte le selectionné puis cliquer sur cet icône , le texte apparaîtra cité (ex: citation d'auteur ...)
: Cet icône vous permet d'insérer un code (script) dans votre message.
Enfin l'une des autres nouveautés , est que désormais vous pouvez agrandir votre champ d'édition autant que vous le souhaitez , ainsi lorsque vous tapez un grand article vous pouvez le visualiser entièrement :

: Rétrecir le champ de texte.
: Agrandir le champ de texte.
Basculer vers le mode texte tout en gardant le panneau de contrôle WYSIWYG :

Vous pouvez basculer vers le mode texte , ainsi tout ce que vous ferez sera en mode codé , et non plus en visualisation directe , celà peut aussi vous permettre de voir sous forme de code , tout les actions que vous avez effectuées en mode d'édition.
III - Les Autres avantages
Outre les différents icones disponnibles le WYSIWYG vous permet de :
WYSIWYG est un acronyme (de la locution anglaise What you see is what you get permettant de composer visuellement le résultat voulu signifiant littéralement « ce que vous voyez est ce que vous obtenez » ou plus élégamment « tel affichage, tel résultat ») couramment utilisé en informatique pour désigner les interfaces utilisateur graphiques. Il désigne, de fait, une interface « intuitive » : l'utilisateur voit directement à l'écran à quoi ressemblera le résultat final (imprimé).(déf. Wikipedia)
Mode Basique (Ancien)
Quand vous êtes en mode normal vous devez avoir un tableau de bord comme ça :

Basculer en mode WYSIWYG
Pour basculer en mode WYSIWYG vous devez cliquer sur l'icône
qui se trouve dans le coin en haut tout à droite (sur la même ligne que "Poster une réponse" dans le champ bleu).Ce qui vous donnera ceci :

Un tout nouveau tableau de bord entièrement différent de l'ancien et qui est là pour vous simplifier l'édition.
II - Explication sur les différentes fonctions
Permet de retirer tout effet de modification effectué sur votre texte (retirer le gras , retirer la couleur ...) , il faut selectionner le texte et cliquer sur cet icone tout simplement.Tailles : grace à cette fonction vous pouvez désormais modifier la taille de votre texte à votre gout , vous pouvez visualiser avant même de faire la modification (en effet chaque nombre 7 , 9 ... est dans le format qu'il représente)

Couleurs : Vous pouvez désormais choisir en un clic la couleur de votre texte , et le visualiser tout de suite , l'avantage c'est que celà vous prendra beaucoup moins de temps qu'avant , et sans aucun risque d'erreur , de mettre plusieurs couleurs différentes dans une même phrase.

Smilies : Vous pouvez désormais mettre les smilies à partir du tableau de bord grâce la liste défilante de smileys.

: Permet de couper un mot ou une phrase selectionné(e) .
: Permet de copier un mot ou une phrase selectionné(e) .
: Permet de coller un mot ou une phrase selectionné(e) .
: Permet de mettre en gras un mot ou une phrase selectionné(e) .
: Permet de mettre en italic un mot ou une phrase selectionné(e) .
: Permet de souligner un mot ou une phrase selectionné(e) .Vous pouvez bien sûr combiner plusieurs des fonctions
,
,
.Exemple: Vive le Fc Nantes
: Permet d'aligner un mot ou un texte sélectionné sur la gauche.
: Permet d'aligner un mot ou un texte sélectionné sur le centre.
: Permet d'aligner un mot ou un texte sélectionné sur la droite.Paragraphes
: Permet de faire une liste ordonnée , ainsi à chaque retrait à la ligne un chiffre apparaît au début avec un retrait précis.
: Permet de faire une liste mais sans chiffre précisant l'ordre , mais avec des points de retrait.
: Permet d'insérer un lien a un mot ou texte préalablement selectionné , ainsi votre mot ou texte devient cliquable et conduit vers une adresse web.
: Permet de retirer un lien entré auparavant en selectionnant celui-ci puis en cliquant sur cet icône.
: Permet d'insérer une adresse email. ex: nantais2005@neuf.fr
: Permet d'insérer une image à partir de son lien : cliquer sur cet icône puis entrer le lien vers l'image dans le champ qui s'ouvre.
: Permet de créer une citation : entrer un texte le selectionné puis cliquer sur cet icône , le texte apparaîtra cité (ex: citation d'auteur ...)
: Cet icône vous permet d'insérer un code (script) dans votre message.Enfin l'une des autres nouveautés , est que désormais vous pouvez agrandir votre champ d'édition autant que vous le souhaitez , ainsi lorsque vous tapez un grand article vous pouvez le visualiser entièrement :

: Rétrecir le champ de texte.
: Agrandir le champ de texte.Basculer vers le mode texte tout en gardant le panneau de contrôle WYSIWYG :

Vous pouvez basculer vers le mode texte , ainsi tout ce que vous ferez sera en mode codé , et non plus en visualisation directe , celà peut aussi vous permettre de voir sous forme de code , tout les actions que vous avez effectuées en mode d'édition.
III - Les Autres avantages
Outre les différents icones disponnibles le WYSIWYG vous permet de :
- Copier un article entier d'un site , photo comprises , ainsi celà vous simplifiera enormement la mise en page des articles , qui seront dans leur format initial , texte en taille réelle , gras , photos jointes à l'article ... et permettra une meilleure visibilté pour les lecteurs.
- Copier une image directement sans entrer aucun code , ni toucher à aucune icône : lorsque vous êtes sur un site et qu'une ou plusieurs images vous plaisent , vous avez simplement a le(s) sélectionner avec votre souris , à mettre copier , puis à les coller directement ici sans aucune adresse à rentrer.
Dernière partie encore à compléter ...
Dernière édition par le Lun 05 Fév 2007, 20:57, édité 6 fois
Re: Tuto : La Nouvelle interface (WYSIWYG)
y'aurait possibilite de faire un sondage pour voir ceque prefere les forumeurs ???
Re: Tuto : La Nouvelle interface (WYSIWYG)
ça ne sert à rien , vous n'êtes pas obligé de passer à ce mode , chacun choisit ce qu'il veutdonzelot a écrit:y'aurait possibilite de faire un sondage pour voir ceque prefere les forumeurs ???

Re: Tuto : La Nouvelle interface (WYSIWYG)
Et un sondage, savoir si on est d'accord de pouvoir choisir?
Re: Tuto : La Nouvelle interface (WYSIWYG)
ha ok [sal] merciNantais® a écrit:ça ne sert à rien , vous n'êtes pas obligé de passer à ce mode , chacun choisit ce qu'il veutdonzelot a écrit:y'aurait possibilite de faire un sondage pour voir ceque prefere les forumeurs ???
Re: Tuto : La Nouvelle interface (WYSIWYG)
j'aime pas trop le changement, mais je vais essayer quand même pour voir! 


nanteswoman- International




- Messages : 2032
Inscrit le : 11 Juil 2005
Age : 20
Ville : à la con dixit Coluche
Fan Depuis : 2001
Re: Tuto : La Nouvelle interface (WYSIWYG)
nanteswoman a écrit:j'aime pas trop le changement, mais je vais essayer quand même pour voir!
laisse toi aller pour une fois
Re: Tuto : La Nouvelle interface (WYSIWYG)
Par contre, je n'arrive pas à faire un copier-coller d'un texte avec l'image en même temps 

Re: Tuto : La Nouvelle interface (WYSIWYG)
C'est etonnant , tu dois mal t'y prendre pour la selection de l'articleTriskel a écrit:Par contre, je n'arrive pas à faire un copier-coller d'un texte avec l'image en même temps
Re: Tuto : La Nouvelle interface (WYSIWYG)
J'ai aussi essayé un article de foot365, il m'a bien collé le texte et l'image mais les polices n'étaient pas respectées par contre.
Au niveau des smileys comment ça va se passer, on pourra pas en avoir autant ?
Au niveau des smileys comment ça va se passer, on pourra pas en avoir autant ?

Re: Tuto : La Nouvelle interface (WYSIWYG)
[quote="Nico56"]J'ai aussi essayé un article de foot365, il m'a bien collé le texte et l'image mais les polices n'étaient pas respectées par contre.
Au niveau des smileys comment ça va se passer, on pourra pas en avoir autant ?[tri] Tu fais comment Nico.
Au niveau des smileys comment ça va se passer, on pourra pas en avoir autant ?[tri] Tu fais comment Nico.















