Procédure d utilisation Agence internet 46, rue de Luxembourg 6720 Habay-La-Neuve - BELGIUM

Transcription

1 Procédure d utilisation Agence internet 46, rue de Luxembourg 6720 Habay-La-Neuve - BELGIUM info@cconcept.be Tel : +32 (0) 473 / TVA : BE

2 Procédure d utilisation 1 er partie : Présentation 2 ème partie : Connectez-vous à votre blog 3 ème partie : Espace administrateur fonctionnement et utilisation 4 ème partie : Mascotte d aide 5 ème partie : Ajouter et gérer les articles 5 ème partie : Annexe : catégories, listes et détails de la mise en forme 6 ème partie : Ajouter et gérer des images 6 ème partie : Annexe : comment ajouter une image dans un article? 7 ème partie : Espace administrateur détail 8 ème partie : L affichage de votre blog 1/ Présentation? Bonjour et bienvenue dans la procédure d utilisation d 1BlogFacile. 1BlogFacile est un système de gestion de blog administré par C.Concept. Ce document a pour but de vous expliquer de manière simple et détaillée comment utiliser votre blog de manière optimale. Mais avant toute chose qu est-ce qu un blog? «Un blog ou blogue est un «site Web» constitué d un ensemble de billets agglomérés au fil du temps et souvent classés par ordre antéchronologique (les plus récents en premier). Chaque billet (appelé aussi «note» ou «article») est, à l'image d une page d'un journal de bord ou d'un journal intime, un ajout au blog ; le blogueur (celui qui tient le blog) y délivre un contenu souvent textuel, enrichi d'hyperliens et d'éléments multimédias, et sur lequel chaque lecteur peut généralement apporter des commentaires.» Wikipedia. Pour faire simple, un blog est un site internet sur lequel vous rédigez vous-même vos articles. Ceux-ci sont classés du plus récent au plus vieux. Vous pouvez y mettre des photos, des liens, et vous pouvez recevoir et écrire des commentaitres relatifs à ces articles. J insiste sur les guillemets de site internet : un blog n est qu un soutien supplémentaire a votre communication, il ne remplace pas un site internet. Pourquoi avoir un site internet ET un blog? Pour la simple et bonne raison que ce sont deux outils totalement différents!!! Un site internet a comme objectif de présenter votre entreprise, votre activité de manière très claire ; tout le monde doit pouvoir trouver facilement vos coordonnées, une information sur un produit/service, vos horaires, Celui-ci est la représention de votre entreprise sur internet, il faut donc qu il dispose de visuels 2/17

3 de grande qualité, de textes rédigés avec soin afin de les utiliser de manière optimale lors de votre référencement et qu ils remplissent leur rôle informatif auprès de vos visiteurs. Un blog, lui, sert plus à montrer «l autre côté» de votre entreprise. C est sur votre blog que vous allez parler de vos projets, de l avancement de ceux-ci, faire un compte-rendu du salon ou de la convention où vous êtes allés, mettre un billet d humeur sur le sujet de votre choix... De plus vous êtes autonome dans la gestion de votre blog. En effet, c est vous qui placez les images, c est vous qui encodez les textes, c est vous qui gérez et répondez aux commentaires.... Mais il ne faut surtout pas oublier que ces deux produits sont complémentaires : c est en alliant ces deux outils que vous allez pouvoir être autonome sur le web. D une part, votre site présentera votre entreprise dans les règles de l art, et d autre part avec le blog, vous vous dotez d un moyen de communication directe avec votre clientèle présente et future. Je dirais que le grand principe est : Vous annoncez sur votre site, vous en parlez sur votre blog. Exemple : vous annoncez la date de votre exposition sur le site, vous en faites un compte-rendu sur votre blog. De plus, si vous avez un site internet de la gamme 1SiteFacile, la page d accueil de celui-ci se mettra automatiquement à jour avec le contenu de votre blog. Ce qui est très utile pour le référencement de votre site, mais aussi pour montrer vos nouveautés «d un seul coup» à tous vos visiteurs. Comment ça marche? Pas besoin d être un informaticien pour gérer un blog : C.Concept met à votre disposition un système de gestion de blog accessible à tous. La seule et unique chose à laquelle vous devez penser, c est au contenu. C.Concept s occupe de l installation, de la customisation et du suivi de votre blog. Une fois le contenu créé, il suffit de vous connecter à votre système de blog et de publier vos articles de manière très simple : il ne faut que «4 clics» pour poster un article ou des photos sur votre blog. Nous allons voir dans ce document comment utiliser votre blog, que ce soit pour écrire des articles, poster des images, mettre des liens.... Si toutefois vous ne trouvez pas la réponse à une de vos questions, ou si vous trouvez certaines explications incomplètes, n hésitez pas à nous contacter : info@cconcept.be Il y a aussi la FAQ du site 1blogfacile à votre disposition : 3/17

4 2/ Comment me connecter à mon blog? Avant toute chose, il faut vous munir du nom d utilisateur et du mot de passe que C.Concept vous a fourni. Vous allez maintenant vous connecter au site 1BlogFacile grâce à ces nom d utilisateur et mot de passe afin de rentrer dans l espace administrateur de votre blog. Etape1 : Rendez-vous sur Etape 2 : Vous voilà sur le site 1BlogFacile. C est ce site qui héberge votre blog et c est ici qu il faut vous connecter afin de rentrer dans l espace administrateur. Voici le site 1BlogFacile. Entrez votre nom d utilisateur et votre mot de passe dans les champs adéquats (ici encadré rouge) puis cliquez sur le bouton login. Si l opération s est bien passée, vous serez redirigé vers votre espace administratif. C est à partir de ce panneau que vous allez pouvoir gérer votre blog. Dans les étapes suivantes vous allez voir et apprendre comment utiliser votre blog. 4/17

5 3/ Espace administrateur, fonctionnement et utilisation Rappel : connectez-vous à et entrez dans votre espace administrateur (pour plus d info, voir point : 2/comment se connecter à mon blog). L espace administrateur est la salle de commande de votre blog : c est à partir de cet endroit que vous allez gérer et administrer votre blog, voir vos statistiques, écrire vos articles, répondre aux commentaires.... Il faut donc que cette interface ne vous soit pas complètement inconnue, même si dans la réalité vous n allez utiliser que l une ou l autre option (écrire un article, poster des photos, répondre aux commentaires,...). Voici ici une vue détaillée de votre espace administrateur : Voir mon blog : cliquez pour voir votre blog dans un nouvel onglet sortir : cliquez pour vous déconnecter Navigation principale : navigation principale de l espace administrateur Navigation secondaire : elle diffère en fonction du bouton sélectionné dans la navigation principale. Contenu : change en fonction du bouton sélectionné dans la navigation principale et secondaire Navigation pieds de page : navigation rapide vers 1BlogFacile Dans le point 7 nous passerons en revue chaque bouton de la navigation principale et nous verrons ce qu il nous offre comme options. 5/17

6 4/ Une mascotte pour vous aider! 1BlogFacile est fait pour vous simplifier la vie. Vous ne serez jamais perdu dans votre interface administrative grâce à notre mascotte. Elle apparait dès votre première connexion et vous fait un récapitulatif de : - votre dernière date de connexion. - le nombre de notes que vous avez. - l espace total que vous utilisez. Mais elle fait bien plus que ça, elle vous informe sur l utilité de chaque page et comment l utiliser. Pour la faire apparaître, il vous suffit de faire un clic droit sur la page. Elle apparaît directement avec un phylactère d aide. Il arrive cependant que la mascotte n apparaisse pas sur certaines pages (bienvenue, plan...), je vous invite alors à voir le point 6 de ce même document qui décrit en détail chaque page de la partie administrative. Ce n est pas tout, elle vous permet d être en contact avec l administrateur d 1BlogFacile. Il suffit simplement de faire un double-clic et notre mascotte apparaît directement sur votre page. De là, posez votre question et 1BlogFacile y répondra le plus rapidement possible. La réponse s affichera dans la partie administrative de votre blog dans Accueil / tableau de bord / question posées. 6/17

7 5/ Comment ajouter un article et le mettre en ligne? Vous voici connecté à votre espace administratif. C est ici que vous gérez votre blog, et donc c est à partir de cette interface que vous allez créer le contenu de votre blog. Nous allons voir comment créer un article et le publier ; Ensuite en annexe, nous verrons les détails de la mise en forme et des catégories. Etape 1 : si ce n est pas déjà fait connectez-vous à et entrez dans votre espace administrateur (pour plus d infos, voir point précédent : 2/comment me connecter à mon blog). Etape 2 : Dans votre espace administrateur, dans la navigation du dessus, cliquez sur le bouton Notes. Cet onglet se sépare en 3 parties : - Catégories - Liste - Ajouter. Comme nous abordons ici la rédaction et la publication d un article, nous allons uniquement nous occuper de l onglet ajouté. Nous verrons les autres plus loin. Etape 3 : Cliquez sur ajouter. Vous allez être redirigé vers un nouveau panneau. C est dans ce panneau-ci que vous allez pouvoir écrire vos textes et les mettre en forme grâce à un éditeur de texte. Comme vous pouvez le voir, il y a 3 champs d encodage, et le bouton ajouter. Catégories : Définissez dans quelle catégorie sera classée l article que vous écrivez Titre : Donnez un titre à vos articles, ils seront plus simples à trouver et à classer. Texte : C est ici qu il faut écrire votre texte. Vous pouvez le mettre en forme grâce à l éditeur placé juste dessus. Etape 4 : Quand votre texte est prêt à être publié, il vous suffit de cliquer sur le bouton ajouter et celui-ci se met automatiquement en ligne. Simple, non?!! (! Testez l éditeur, créez votre premier article et publiez-le! ) 7/17

8 5 bis/ Annexe : catégories, listes et détails de la mise en forme Précédemment, nous avons vu comment créer et publier un article. Le seul problème est que si vous en publiez plusieurs par semaine, votre blog débordera dans tous les sens et dans moins d une année, il sera impossible de retrouver vos articles facilement. Catégories Votre blog est muni d un système de catégories, qui vous permet de classer vos articles dans une partie bien spécifique de votre blog. Ceci permet de retrouver très facilement vos articles et de naviguer uniquement dans une catégorie voulue. Il est très simple d ajouter des catégories : il vous suffit de mettre le nom que vous voulez donner à une catégorie dans le champ Nom et de cliquer sur ajouter. Voilà, vous venez de créer une catégorie. (! Testez les catégories, créez votre première catégorie et cliquez sur ajouter!) Liste Le panneau liste est extrêmement pratique : en un seul clic, il vous permet de voir, de modifier, d effacer vos articles publiés. Effacer : cochez pour effacer Aperçu : regarder l article dans votre blog Modifier : modifier directement l article Commentaires : voir les commentaires laissés sur l article sélectionné Date : date de création Catégorie : la catégorie dans laquelle il est classé Titre : le titre donné a l article. (! Testez le panneau liste, prenez l article créé précédemment et cliquez sur la flèche modifier. Un nouveau panneau s ouvre : changez la catégorie de l article pour lui appliquer la dernière catégorie créée!) Et voilà : maintenant vous savez créer, publier, et classer vos articles. Nous allons voir maintenant la mise en forme de manière détaillée. 8/17

9 Mise en forme Rappel : pour appliquer une mise en forme, sélectionner la partie voulue et appliquer lui les changements Mise en forme de texte, dans l ordre : Gras, Italique, Souligner, Barré Alignement du texte dans le contenu, dans l ordre : aligné à gauche, centré, aligné à droite, justifié xxxxxxxxxxxxxxxxxxxxxxxxxxxx Format automatique de mise en forme Création de liste à puces ou liste numérotée Gestion des retraits de paragraphes Flèches annuler/rétablir (ici grisées) servant à revenir en arrière ou en avant dans votre mise en forme Lien et ancre : ce sont ces 3 boutons qui vous permettront de faire des liens entre vos articles ou vers des pages extérieurs. Sélectionnez un mot et cliquez sur le maillon de chaîne (dessin n 1). Un pop-up apparaît et vous demande Link URL : l url du lien (ex : Target : si vous voulez que le lien s ouvre dans une nouvelle fenêtre ou non Le titre de votre lien. Pour défaire un lien, sélectionnez le mot avec le lien et cliquez sur le maillon de chaine brisé. (dessin n 2) Pour l ancre, vous devez rentrer uniquement le nom de l ancre. L appel se fait dans l html (dessin n 3) (!!! des connaissances en html sont nécessaire pour utiliser les ancres!!!) Insertion d images Avant d insérer une image, je vous conseille vivement de créer sur votre blog un album photo contenant les images pour vos articles. Il vous sera ainsi plus facile de les importer dans vos articles. (pour plus d info, voir comment ajouter une image dans un article) Affichage de l html Faire apparaître le code html de votre article. Ce panneau est utile uniquement si vous connaissez l html ou si vous voulez placer une vidéo youtube/dailymotion. Dans l ordre, la palette sert à mettre le texte en couleur, le feutre sert à surligner le texte. Insérer une ligne horizontale Effacer les mises en forme. Mettre votre texte en indice ou exposant Choisir la police d écriture Choisir la taille de la police 9/17

10 6/ Comment ajouter une image Voilà, vous venez de créer un article. Maintenant, pour agrémenter votre blog, vous souhaitez y mettre des images. Ca tombe bien, dans ce chapitre nous allons voir comment ajouter une photo sur votre blog et la lier à un album. Ensuite en annexe, nous verrons comment intégrer une image dans un article. Etape 1 : si ce n est pas déjà fait, connectez-vous à et entrez dans votre espace administrateur (pour plus d info voir point : 2/comment se connecter à mon blog). Etape 2 : Dans votre espace administrateur, dans la navigation du dessus, cliquez sur le bouton Albums photo. Cet onglet se sépare en 3 parties : - Liste - Créer - Mes images Comme nous allons d abord voir comment créer un album et lui appliquer des photos, cliquez directement sur créer. Etape 3 : Cliquer sur Créer, vous allez être redirigé vers un nouveau panneau. Nous allons créer un album photo. Nous profiterons de cette explication pour créer un album photo dans lequel vous mettrez des images qui vous serviront pour vos articles (ces images seront aussi visibles depuis votre blog dans l encart Album photo). Comme vous pouvez le voir, il ne faut pas grand chose pour créer un album : Nom : le nom que vous voulez donner à l album Description : Le description de l album (cette description sera visible en fonction des paramètres d affichage que vous sélectionnerez plus loin) (! Testez l album photo, créez votre premier album, nous l utiliserons pour afficher des images!) Etape 4 : Voilà, vous venez de créer un album photo. Maintenant nous allons le paramétrer et lui glisser quelques photos. 10/17

11 Maintenant cliquez sur Liste. Vous allez être redirigé vers un nouveau panneau. C est à partir de celui-ci que vous allez gérer l apparence de l album et aussi intégrer des photos dans l album. Voici à quoi ressemble votre album photo dans la partite administrative. Cette interface n est utilisée que pour gérer un album, autrement dit, si vous avez trois albums, cette interface se répétera 3 fois. Pour rentrer dans un champ, il vous suffit de le survoler, puis de cliquer dessus lorsqu il est surligné en jaune. Information : cliquez si vous voulez changer la description de votre album. Format : ici il n y a rien à faire, c est l option par défaut. Page d accueil : C est ici que vous mettez en forme l apparence de votre album photo Sur votre blog, dans l encart album photo, si vous cliquez sur un album vous verrez apparaître une de ces 3 présentations possibles. Paramètre : Dans cette partie, vous pourrez gérer l aperçu des visuels dans l album, le nombre à afficher, et activer ou non les descriptions des images (titre, date, légende...). Vous pouvez en changer à tout moment. Photos : C est à partir de ce formulaire que vous allez pouvoir intégrer des photos dans votre album. Plusieurs champs sont présents, ils sont tous utilisés comme description d image (pour activer/désactiver cette option voir les paramètres) Pour ajouter une image, il suffit de cliquer sur parcourir et de chercher votre image sur votre ordinateur. 11/17

12 (! Testez l album photo, insérez une image dans l album photo créé!) 6 bis/ Annexe : comment ajouter une image dans un article? Avant de commencer cette étape, il faut : - qu un article soit rédigé - un album photo qui contient au moins une image Je vous conseille fortement de créer un album photo uniquement pour les images que vous voulez mettre dans vos articles. Cet album sera visible depuis votre blog. Les avantages de cette méthode est qu il est bien plus facile d introduire les images dans vos articles de cette façon, et aussi qu il y a moins de risques d effacer par inadvertance une image qui se trouve dans un de vos articles. Pour ajouter une image dans un article, il faut que vous soyez dans la partie Note et qu un article soit en cours de rédaction ou de modification. Cliquez sur le bouton Une fenêtre pop-up apparaît : c est dans cette fenêtre que nous allons placer toutes les informations relatives à l image que nous allons intégrer. N ayez pas peur du nombre de champs à encoder : la plupart du temps une seule manipulation suffit pour placer une image. La manière la plus simple pour placer une image est : - dans le champ Image list : cliquez sur la petite flèche et sélectionnez l image que vous désirez (les images dans la liste déroulante sont celles placées dans des albums). - Automatiquement, les champs se remplissent. Cliquez sur Insert (si vous ne voulez pas faire de mise en forme avancée) - Il ne vous reste plus qu à sauvegarder votre article. Voici le détail de chaque champ : Insert/edit image : insertion et édition de l image Image URL : si vous appelez une image depuis un autre site internet ou si vous connaissez le chemin d accès de votre image, placez-le ici. Image list : la méthode la plus simple pour encoder une image : cliquez, sélectionnez. Image description : ajoutez une description à votre image : elle est utilisée pour remplacer l image au cas où celle-ci ne pourrait pas s afficher. 12/17

13 Image title : donnez un titre à votre image : celui-ci est visible dans un phylactère quand votre souris survole l image. Dimensions : en chiffres, dans l ordre : hauteur, largeur. Border : xxxxxxxxxxxxxxxxxxxxxxx Alignement : choisissez l alignement de votre image. Vspace : donnez de la marge en hauteur. Hspace : donnez de la marge en largeur. Alternative images : donnez un effet à vos images. For mouse over : image que vous voulez voir au survol de la souris. Image list : liste déroulante des images. For mouse out : image fixe. Image list : liste déroulante des images. Une fois que vous avez positionné votre image, il ne vous reste plus qu à enregistrer. Votre article contient directement l /les image(s) que vous avez placée(s). 13/17

14 7/ Espace administrateur, détaille Rappel : connectez-vous à et entrez dans votres espace administrateur (pour plus d info, voir point : 2/comment se connecter à mon blog). L espace administrateur est la salle de commande de votre blog : c est à partir de cet endroit que vous allez gérer et administrer votre blog, voir vos statistiques, écrire vos articles, répondre aux commentaires.... Il faut donc que cette interface ne vous soit pas complètement inconnue, même si dans la réalité vous n allez utiliser que l une ou l autre option (écrire un article, poster des photos, répondre aux commentaires,...). Voici ici une vue détaillée de votre espace administrateur : Nous allons passer en revue chaque bouton de la navigation principale et voir ce qu il nous offre comme option. (Nous ne parlerons pas des boutons notes et albums photo, ils sont détaillés plus haut dans ce même document) Accueil : Bienvenue : c est un panneau de raccourcis vers toutes les fonctionnalités du blog. Plan : C est le forfait que vous utilisez sur votre blog en termes d espace. De base il est limité à 10mb. Tableau de bord : - informations personnelles : le nom et prénom sont repris dans l entête du blog (le blog de Prénom Nom), l url de votre site web se retrouve sous la photo de l auteur. - rapport de login : les date, heure et adresse IP de connexion. - questions posées : module qui vous permet de poser vos questions directement à l administrateur de 1BlogFacile, votre réponse sera envoyée dans ce même panneau. (Voir le point 4 : Une mascotte pour vous aider!) Bande passante : le trafic en terme de poids sur votre blog. Espace occupé : l espace que vous occupez sur les 10mb alloués à votre blog. Cette partie est organisée par types de contenu : les notes, les images, les commentaires, les fichiers. Statistiques : statistiques de visite de votre blog. Mot de passe : si vous voulez changer votre mot de passe. Information : Auteur : les informations présentes ici se retrouvent sur le blog, dans l encart «à propos de l auteur». L image de l auteur, un texte descriptif. Les informations présentes dans les champs éditeur et slogan sont des champs à compléter qui sont utilisées par C.Concept pour les mentions légales. Description :???????????? Logo : si des informations sont entrées dans cette partie, elles se placent par dessus l entête réalisée par C.Concept. Balise meta : balise pour le référencement qui se place dans l html. Mes fichiers : vous avez la possibilité d uploader des fichiers tels que des.doc,.pdf,... Ceux-ci 14/17

15 sont alors disponibles depuis votre blog dans l encart Album photo sous le titre Mes fichiers. Feeds : liens rss. Contact : affichage des messages reçus via le formulaire de contact. Paramètres : Design : mise en forme du site, fermé pour éviter la destruction du blog Publicité : code html pour insertion d un encart pub. Notes : paramètres d affichage des articles dans le blog. Commentaires : paramètres d affichage des commentaires. Trackbacks : autorisation ou non des Trackbacks. Contact : paramètres de contact. Langue : langue du blog. Mot de passe : protéger votre blog par un mot de passe. Notes : Catégories : ajouter et gérer les catégories d articles. Liste : aperçu et gestion de tous les articles. Ajouter : ajouter et mettre en forme les articles. (Pour plus de détails, voir le point n 5 et l annexe) Commentaires : Tous les commentaires : visualiser tous les commentaires. Consulter : les commentaires dans une catégorie précise. Ajouter : ajouter vous même un commentaire. Trackbacks : valider les trackbacks de retour. Albums photo : Liste : liste et gestion des albums. Créer : un nouvel album photo. Mes images : visualiser et gérer toutes les images de contenu dans le blog. (Pour plus de détails, voir le point n 6 et l annexe) Liste : Créer : créer une liste de liens dans les catégories suivantes, amis, liens, livres, musique. Amis : ajouter un nouveau lien (titre, lien, description). Liens : ajouter un nouveau lien (titre, lien, description). Livres : ajouter un nouveau lien (titre, lien, description). Musiques : ajouter un nouveau lien (titre, lien, description). 15/17

16 8 / L affichage de votre blog Voici votre blog ; Que votre blog contienne 1 colonne à gauche ou à droite voir deux colonnes, les informations restent identiques. Les points suivant expliquent l affichage de votre blog après la publication de vos articles. 1 / Le header : celui-ci est assorti à votre site internet. Il contient : - Le lien de retour vers la première page de votre blog. - La date de la dernière mise à jour. 16/17

17 2 / L article : c est l article que vous venez d écrire et de mettre en forme. Il contient : - la date de création de l article, - Le titre et le contenu que vous avez écrit grâce au point N 5 de ce document. - l affichage du nombre de commentaires et du nombre de liens de retour sur cet article. - liens vers les réseaux sociaux (voir point suivant) 3 / Les réseaux sociaux : ils permettent à vos lecteurs, via des réseaux sociaux tels que Twitter ou Facebook, de partager l information qui se trouve sur votre blog avec d autres internautes, qui viendront à leur tour visiter votre blog. 4 / L encart à propos de l auteur : reprend les informations écrites dans la partie information/auteur dans l administration de votre site. On y retrouve : - la photo de l auteur - un lien vers votre site internet - un lien vers un formulaire de contact du blog 5 / Les catégories contiennent : - toutes les catégories que vous avez créées et activées dans votre blog. 6 / Les albums photos contiennent : - tous les albums photos que vous avez créés et activées dans votre blog. 7 / Notes récentes. C est un rapide aperçu de la dernière note postée sur votre blog. Elle contient : - le titre de la note - la date de publication - un lien de retour vers cette note 8 / Photos récentes contient : - les dernières photos que vous avez postées sur votre blog. 9 / La syndication : elle permet aux internautes de directement se tenir au courant des derniers articles publiés sur votre blog grâce au flux rss ou atom 10 / La liste contient : - Une liste de liens que vous définissez dans l administration de votre blog. 17/17