Mettre en page un article de blog ou un article d`accueil

Mode d’emploi : Mise en page d’un article de blog
ou d’un article d’accueil
Décembre 2011
Pour mettre en page un article de blog ou un article éditable : utilisation de l’éditeur de contenu.
Editeur de contenu
1.
Mise en forme du texte
T : Couleur du texte
Police : style d’écriture
B : Gras
Taille :
taille du texte
I : Italique
U : Souligné
N.B : Pour aller à la ligne dans un article d'accueil ou de blog, cliquer sur les touches "MAJ" + "Entrée" du clavier.
2.
Insertion de listes à puces ou numérotées
Insertion liste à puces
Insertion liste
numérotée
3.
Alignement du texte
Conseil Général de la Loire – Direction de l’Education – version décembre 2011
1/7
Texte aligné à
gauche
Texte aligné à droite
Texte justifié
Texte centré
4.
Insertion d’une image
Insérer/modifier l’image
Format de l’image : jpeg, gif, png
Cliquer sur l’icône « Insérer/modifier l’image ».
Cliquer sur « parcourir » et rechercher l’image.
Dans la fenêtre qui s’ouvre, possibilité de:
Visualiser le poids et le
format de l’image
Redimensionner l’image
N’effectuer aucun traitement:
par défaut largeur 300 px
Effectuer un traitement personnalisé:
= saisie des dimensions souhaitées
Cliquer sur « Enregistrer ».
Conseil Général de la Loire – Direction de l’Education – version décembre 2011
2/7
Une nouvelle fenêtre s’ouvre avec possibilité de :
Rétablir la taille d’origine de l’image
Appliquer une bordure à l’image
Modifier l’espacement de
l’image dans la page
Modifier l’alignement de l’image
par rapport au texte
Cliquer sur OK pour valider.
Remarques:
- Après insertion, possibilité de faire cliquer/glisser l’image dans la page pour la déplacer.
- Pour centrer l’image dans l’article, utiliser l’icône « centrer » de l’éditeur de contenu.
5.
Insertion de médias
Extrait audio
Extrait vidéo
Insérer/modifier
l’animation Flash
Insérer/modifier l’image
(voir 4.insertion d’une image)
Format de l’extrait Audio : mp3
Format de l’animation flash : swf
Format de l’extrait vidéo : flv
Conseil Général de la Loire – Direction de l’Education – version décembre 2011
3/7
6.
Insertion d’un tableau
Cliquer sur l’icône « insérer/modifier le tableau ».
Dans la fenêtre qui s’affiche :
Saisir la largeur du tableau
(maximum: 500 pixels)
Saisir le nombre de lignes et de
colonnes du tableau
Saisir l'épaisseur de la bordure du tableau
ou mettre 0 pour aucune bordure
Valider par OK.
Remarque:
- Penser à utiliser le tableau pour aligner des images et du texte dans un article de blog.
7.
Insertion de caractères spéciaux
Cliquer sur l’icône « Insérer un caractère spécial ».
La fenêtre suivante s’affiche :
Cliquer sur le caractère spécial à insérer
Conseil Général de la Loire – Direction de l’Education – version décembre 2011
4/7
8.
Insertion d’un lien Internet
Copier l’adresse du site Internet sur lequel on souhaite renvoyer le lien.
Dans l’article du blog, sélectionner le ou les mots sur lesquels on souhaite faire pointer le lien puis, cliquer sur
l’icône « insérer/ modifier le lien ».
La fenêtre suivante apparaît. Dans la zone URL, coller le lien, puis valider par OK.
Conseil Général de la Loire – Direction de l’Education – version décembre 2011
5/7
9.
Insertion d’un lien Lire la suite
Dans l’article de blog, placer le curseur de souris à l’endroit où l’on souhaite insérer le lien « lire la suite ».
Dans l’éditeur de contenu, cliquer sur l’icône « Lire la suite » puis valider.
Insertion du lien « Lire la suite »
Avant insertion du lien « Lire la suite », l’intégralité de l’article est visible sur la page d’accueil du blog.
Après insertion du lien « Lire la suite », seul le contenu qui précède le lien « Lire la suite » est visible sur la
page d’accueil du blog.
Conseil Général de la Loire – Direction de l’Education – version décembre 2011
6/7
Remarques
Possibilité de passer en mode « Plein écran » pour rédiger un article en cliquant sur l’icône « Edition pleine
page ».
(Cliquer à nouveau sur cette même icône pour basculer en mode « Normal »)
Pour effectuer un copier/coller, se reporter au mode d’emploi « Faire un copier/coller dans un blog ou un
article éditable».
Conseil Général de la Loire – Direction de l’Education – version décembre 2011
7/7