Umapresence editor

Icône

Type

Descriptif

HTML

Vous donne accès, après clic, au code HTML de la page éditée ou créée. Ce code est lui-même éditable.

Note : votre contenu se gère par défaut en mode visuel à ou mode WYSIWYG (« What You See Is What You Get », soit « ce que vous voyez est ce qui s'affichera »). La commande « HTML » qui vous permet d'accéder au code HTML correspond à une édition avancée de votre contenu. Elle est donc réservée aux utilisateurs avertis.

Styles

Applique une mise en forme spécifique à votre texte. Neuf styles, paramétrables, sont disponibles : « Normal », « Paragraphe », « Titre page », « Titre rubrique », « Titre sous-rubrique », « Sous-titre », « Style 1 », « Style 2 », « Formaté ».

Nuancier de couleurs

applique la couleur choisie à votre texte préalablement sélectionné. L'insertion directe d'une référence couleur de type « RVB » (c'est-à-dire sous la forme hexadécimale « rrvvbb ») est également possible.

Gras

applique le style de formatage gras au texte que vous avez préalablement sélectionné.

Note : La commande « Gras » est également accessible par le raccourci clavier correspondant « Ctrl G » (PC) ou  « Pomme (Mac).

Italique

applique le style de formatage italique au texte que vous avez préalablement sélectionné.

Note : La commande « Italique » est également accessible par le raccourci clavier correspondant « Ctrl I ». (PC) ou  « Pomme (Mac).

Souligné

applique le style de formatage souligné au texte que vous avez préalablement sélectionné.

Note : La commande « Souligné » est également accessible par le raccourci clavier correspondant « Ctrl U » ou  « Pomme (Mac).

Aligner à gauche

positionne le(s) paragraphe(s) sélectionné(s) sur le bord gauche de la page.

Centrer

positionne le(s) paragraphe(s) sélectionné(s) au centre de la page.

Aligner à droite

positionne le(s) paragraphe(s) sélectionné(s) sur le bord droit de la page.

Liste chiffrée numérotée

insère un numéro au début de chaque ligne sélectionnée, dans un ordre croissant. Si, à la fin de la toute dernière ligne d'une liste numérotée, vous tapez la touche "Entrée", le nouveau paragraphe créé commencera également par un numéro .

Pour retirer les numéros d'une liste, sélectionnez-là puis cliquez sur le même bouton afin de désactiver la numérotation. Pour terminer une liste numérotée et continuer à saisir du texte, tapez deux fois la touche "Entrée" après le dernier élément de la liste.

Liste à puces

insère une puce au début chaque paragraphe sélectionné. Si, à la fin d'un paragraphe d'une liste à puces, vous tapez la touche "Entrée", le nouveau paragraphe créé commencera également par une puce.

Pour désactiver une liste à puces, sélectionnez-là puis cliquez sur le même bouton. Pour terminer une liste à puces et continuer à saisir du texte, tapez deux fois la touche "Entrée" après le dernier élément de la liste.

Indentation droite

augmente l'espace situé entre le bord gauche de la page et la portion de texte sélectionnée. Pour activer l'indentation droite, positionnez votre curseur à n'importe quel endroit du paragraphe correspondant et cliquez sur le bouton « Indentation droite » dans la barre d'outils. Votre paragraphe se décale un peu plus vers la droite à chaque nouveau clic.

Indentation gauche

réduit l'espace situé entre le bord gauche de la page et la portion de texte sélectionnée. Pour activer l'indentation gauche, positionnez votre curseur à n'importe quel endroit du paragraphe correspondant et cliquez sur le bouton « Indentation gauche » dans la barre d'outils. Votre paragraphe se décale un peu plus vers la gauche à chaque nouveau clic.

Tableau

insère un tableau dans votre contenu. Positionnez votre curseur à l'endroit souhaité puis cliquer sur le bouton « Insérer Tableau ». La fenêtre qui s'ouvre vous donne accès aux paramétrages suivants :

• Largeur (px) : largeur du tableau, en pixels.

• Nombre de lignes : nombre de lignes du tableau.

• Nombre de colonnes : nombre de colonnes du tableau.

• Bordure (px) : épaisseur de la bordure, en pixels, à partir de la valeur 0 (pas de bordure).

• Espacement (px) : espacement entre chaque cellule du tableau, en pixels.

• Remplissage (px) : espacement entre le bord interne de chaque cellule et son contenu, en pixels.

Ligne horizontale

insère un trait horizontal pour séparer deux zones de contenu.

Ancre

crée une « ancre », c'est-à-dire un lien hypertexte vers une zone de contenus spécifique d'une page choisie.

La création d'une ancre se fait en deux temps :

1. Il vous faut d'abord créer l'ancre - c'est-à-dire la zone de texte - vers laquelle le lien pointera. Pour ce faire, sélectionnez le texte ou l'image souhaités et cliquez sur le bouton « Ancre ». Dans la fenêtre qui s'ouvre, saisissez le nom de votre choix dans le cartouche « Nom de l'ancre » puis validez en cliquant sur « Créer l'ancre »

2. L'ancre créée, il vous faut ensuite activer le lien hypertexte vers cette ancre. Pour ce faire, cliquez sur le bouton « Insérer un lien » (). Dans la fenêtre qui s'ouvre, sélectionnez la page choisie dans le menu déroulant « Vers une page » puis saisissez le nom de l'ancre (défini par vous à l'étape 1) dans le cartouche « Ancre de la page ».

Lien

crée un lien hypertexte d'une zone de contenus (mot(s) ou image(s)) vers une page. Ce lien hypertexte peut pointer vers une page de votre site ou vers une page extérieure à votre site.

La création d'un lien hypertexte se fait en deux temps :

1. Sélectionnez le texte ou l'image qui contiendra le lien hypertexte.

2. La sélection effectuée, activez le lien hypertexte vers la page de votre choix en cliquant sur l'icône « Insérer un lien ». Dans la fenêtre qui s'ouvre, sélectionnez, au choix, une page de votre site dans le menu déroulant « Vers une page » ou, si c'est une page d'un autre site, saisissez (ou collez) son adresse dans le cartouche « Lien externe ». Quel que soit votre choix, vous pouvez, en complément, cocher la case « Ouvrir dans une nouvelle fenêtre » pour que le lien créé ouvre la page souhaitée dans une nouvelle fenêtre de votre navigateur.

Note : on a coutume de n'ouvrir dans une nouvelle fenêtre que les seuls liens externes. Les liens internes à un même site n'ouvrent, traditionnellement, aucune fenêtre supplémentaire et affichent les pages correspondantes directement dans la fenêtre déjà ouverte.

Supprimer le lien

supprime un lien créé. Après avoir sélectionné le lien correspondant, cliquez simplement sur l'icône pour le désactiver.

Insérer un fichier

insère un lien vers un fichier.

La création d'un lien vers un document s'effectue en deux temps :

1. Sélectionnez le texte ou l'image qui contiendra le lien hypertexte.

2. La sélection effectuée, activez le lien hypertexte vers le document de votre choix en cliquant sur l'icône « Insérez un fichier ». Dans la fenêtre qui s'ouvre, sélectionnez votre document sur votre disque au moyen du bouton « Parcourir ». Votre choix effectué, cliquez sur le bouton « Charger » pour valider votre choix et insérer le document.

Insérer une image

insère une image dans votre page. Positionner le curseur de votre souris à l'endroit souhaité puis cliquer sur le bouton « Insérer Image ». Dans la fenêtre qui s'ouvre alors, cliquez sur « Parcourir » à côté du cartouche « Sélectionnez votre image ». Vous pouvez ensuite lui attribuer un texte alternatif qui, le cas échéant, s'affichera en remplacement de l'image le temps que celle-ci se charge. Dans le menu déroulant situé sous ce cartouche, sélectionnez ensuite l'une des trois possibilités de positionnement de l'image

• Défaut : insère l'image à l'endroit sélectionné, dans le « flux » du document (à gauche pour un texte ferré à gauche, à droite pour un texte ferré à droite).

• Gauche : insère l'image à l'endroit sélectionné en la ferrant à gauche du texte.

• Droite : insère l'image à l'endroit sélectionné en la ferrant à droite du texte.

Milieu de ligne : insère l'image à l'endroit sélectionné, dans le flux du texte, en la positionnant verticalement au milieu du texte sélectionné

Insérer une icône

insère une icône dans votre texte. Cliquez sur l'icône puis choisissez une des icônes proposées en cliquant dessus ou sélectionnez-la directement sur votre ordinateur en cliquant sur le bouton « Parcourir ». Vous pouvez également attribuer à cette icône un texte alternatif qui, le cas échéant, s'affichera en remplacement de l'image le temps que celle-ci se charge. Cliquez sur le bouton « Charger » pour valider votre insertion. L'icône sélectionnée sur votre ordinateur s'ajoutera directement à la liste d'icônes disponibles, pour une réutilisation ultérieure.

Insérer du code HTML

insère du code HTML dans votre contenu. Cliquez sur l'icône puis, dans la fenêtre qui s'ouvre, saisissez ou copiez/collez le code HTML. Cliquez sur le bouton « Insérer le code » pour valider.

Insérer une animation Flash

insère une animation Flash dans votre contenu. Cliquez sur l'icône puis, dans la fenêtre qui s'ouvre, cliquez sur le bouton « Parcourir » pour sélectionner votre animation Flash. Précisez-en ensuite la largeur et la hauteur puis cliquez sur le bouton « Charger » pour valider.

Insérer un MP3

insère un fichier audio et son lecteur associé dans votre contenu. Cliquez sur l'icône puis, dans la fenêtre qui s'ouvre, cliquez sur le bouton « Parcourir » pour sélectionner votre fichier audio. Cliquez ensuite sur le bouton « Charger » pour valider.

Insérer une vidéo YouTube/DailyMotion

insère un fichier vidéo et son lecteur associé dans votre contenu. Cliquez sur l'icône puis, dans la fenêtre qui s'ouvre, saisissez ou copiez/collez le code HTML correspondant. Cliquez ensuite sur le bouton « Insérer le code » pour valider.