Gallimedia, agence web - conception, réalisation et déploiement de téléservices
(Avancée)
Recherche
Libre
Mot-clé

L'éditeur HTML : revue de détail

L’éditeur HTML, ou "mini-Word", s’avère proche d’un traitement de texte. Mais il possède ses spécificités. Explications, conseils et astuces vous permettront d’envisager les fonctionnalités qu’il propose.

L’éditeur HTML, qu’est-ce que c’est ?

Il existe plusieurs types d’éditeurs HTML. Celui dont vous disposez se nomme FCKeditor. Sa fonction est de traduire vos contenus en langage HTML. Côté face, vous mettez en page vos contenus. Côté pile, l’éditeur génère le code correspondant.

L’éditeur HTML correspond à la fenêtre qui s’ouvre lorsque, dans le back-office vous cliquez sur "saisir le corps du contenu".
Avec ses icônes en haut, votre éditeur HTML ressemble à un outil de traitement de texte. Il vous permet de créer vos contenus, mais surtout de les mettre en page.

 

Les icônes à la loupe

Voici les icônes telles qu’elles se présentent quand vous cliquez sur "saisir le corps du contenu".

Pictos FCK


Voici la présentation de ces icônes, en allant de gauche à droite et de bas en haut.

Source

La source
Elle permet d’accéder au côté pile de votre contenu : c’est-à-dire au code source. Il est bien pratique de pouvoir accéder à ce code pour certaines manipulations. Réservé aux utilisateurs les plus avancés.
Pour accéder à la source, cliquez sur "Source".
Pour revenir au mode graphique de votre contenu, re-cliquez sur "Source".

Prévisualisation
Cette option propose de prévisualiser votre contenu en cours de rédaction. Cependant, seul le corps du contenu s’affiche, sans son titre, sans la charte graphique du site. L’aperçu est plus efficace pour vérifier la mise en page du contenu et son intégration dans le site.

Modèles
En cas de panne d’inspiration, trois modèles de page différents vous sont proposés. Ce sont des suggestions de mise en page

Couper / Copier / Coller
Ces fonctions sont les mêmes que sur les outils bureautiques.

Coller comme texte
Comme vous le savez déjà, les copier-coller de vos documents bureautiques directement dans le corps du contenu est grandement déconseillé. FCK vous permet de copier vos textes dans cette fenêtre pour en éliminer tous les styles indésirables.

Coller de Word
Prévu pour les copier-coller à partir de Word, cette fonction conserve toutefois des styles issus de Word. Il est préférable d’utiliser l’option "coller comme texte".

 

Imprimer
Comme pour vos documents bureautiques, cette option imprime la page en cours.

Annuler / Refaire
Ces boutons permettent de refaire ou d’annuler vos dernières manipulations dans le corps du contenu.

Chercher
Les jumelles cherchent dans le contenu les occurrences d’un mot. Pratique dans une longue page, pour accéder directement au paragraphe à modifier.

Remplacer
Cette fonction recherche les occurrences d’un mot et les remplace par un autre.

Tout sélectionner
Cliquer sur cette icône sélectionne l’ensemble du corps du contenu (en vue d’un copier-coller par exemple).

Supprimer format
La "gomme" permet de gommer les marques de style appliqué sur un mot ou un groupe de mots. Exemple : graisse, couleur, styles... Le texte ressort comme neuf.

Gras
Le B signifie "bold", "gras" en anglais. Il permet d’appliquer du gras sur la portion de texte sélectionnée.

Italique
Met le texte sélectionné en lettres italiques.

Souligné
Le bouton U - U pour "underlined" qui veut dire "souligné" - souligne la portion de texte sélectionnée.

Barré
Peu utilisée, cette fonction permet de rayer du texte.

Indice / Exposant
Ces deux boutons permettent de positionner des signes en haut ou en bas du texte.
Exemples :
CO2 pour l’indice / 1er pour l’exposant

Insérer / Supprimer une liste numérotée

Avec cette option, votre liste se numérote automatiquement quand vous appuyer sur "Entrée".

Insérer / Supprimer une liste à puces
Ce bouton insère des puces.

  • Comme ceci

Diminuer / Augmenter le retrait
Pour décaler vers la gauche ou la droite une portion de texte, un paragraphe. Vous pouvez cumuler les retraits si vous souhaitez un retrait plus important que le retrait par défaut.
Exemple :

Un retrait vers la droite

Deux retraits vers la droite

Aligné à gauche / Centré / Aligné à droite
Ces options permettent de choisir l’alignement d’une partie du corps du contenu.
Par défaut, le texte est aligné à gauche.

Justifié
Pour des questions de lisibilité et d’esthétique, les textes ne se justifient pas sur le Web. Cette option est donc déconseillée.


Insérer / Modifier lien / Supprimer un lien
L’icône de gauche permet d’insérer un lien vers un autre contenu, un autre site Internet ou vers une adresse mail.
L’icône de droite permet de supprimer proprement un lien sur


Insérer / Modifier ancre
Pour en savoir plus sur les ancres, vous pouvez consulter ces deux tutoriels :

Insérer / Modifier une image
Cette icône permet de parcourir la médiathèque pour insérer une image dans le corps du contenu.

Insérer / Modifier une animation flash
Pour insérer une animation flash dans le corps du contenu.

Insérer un média
Cette option permet d’insérer un document téléchargeable (Word, PDF, Excel...) dans le corps du contenu. Il faut que le document ait été préalablement enregistré dans la médiathèque.

Insérer / Modifier tableau
Pour en savoir plus sur la mise en forme des tableaux, cliquez ici.

Insérer séparateur
Ce bouton insère une ligne horizontale dans votre contenu comme ceci.


Insérer Caractère spécial
Comme pour un traitement de texte, cette fonctionnalité propose d’insérer des caractères spéciaux.

 

Style
Cette option permet d’appliquer à l’intérieur du contenu des mises en forme déterminées dans les feuilles de style du site, comme des titres, des sous-titres, des légendes, etc.

 

Format
Format est l’équivalent des styles de Word. Cependant, il est préférable d’utiliser la liste des styles propres au site (Voir "Style").

 

Police
La police est déjà déterminée dans les feuilles de styles du site. Il n’est ni nécessaire, ni conseillé de l’indiquer ici.

 

Taille
La taille empêche l’outil d’agrandissement de textes de votre site de fonctionner. Résultat : quand l’internaute mal voyant veut zoomer pour consulter les contenus, le texte ne s’agrandit pas. A éviter donc.

Couleur de caractère
Pour changer de couleur une portion de texte, vous disposez d’une gamme de couleurs prédéterminées.
Texte en bleu
Texte en gras et en orange

Couleur de fond
Cette option fonctionne comme un surligneur.
Comme ceci.

 On peut également combiner gras, couleur de texte et surlignement.


 | 
 |