Mode d emploi : Mise en page d un article de blog ou d un article d accueil

Transcription

1 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 I : Italique Taille : taille du texte 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 numérotée Insertion liste à puces 3. Alignement du texte Conseil Général de la Loire Direction de l Education version décembre /7

2 Texte aligné à gauche Texte centré Texte aligné à droite Texte justifié 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 /7

3 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 Insérer/modifier l animation Flash Extrait vidéo 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 /7

4 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 /7

5 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 /7

6 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 /7

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 /7