Tutoriel Mettre en ligne le journal « Le lycéen vous informe » Sommaire Publier en version blog sur Canalblog ..................................................................................................... 2 Mettre le contenu d’un article sans forme dans le blog ..................................................................... 2 Mettre en forme l’article ..................................................................................................................... 3 Mettre en lien dans l’article ................................................................................................................ 4 Insérer une image, illustration dans votre article ............................................................................... 5 Mettre les <h3> et les <h4> ou mettre des niveaux de titres (titre, sous-titre, sous-sous-titre, etc.) 8 Publier l’article dans le blog .............................................................................................................. 10 Publier en version feuilletable sur Calaméo.......................................................................................... 11 Faire le lien entre le blog et Calaméo.................................................................................................... 18 Sur Calaméo....................................................................................................................................... 18 Dans votre logiciel de retouche d’image ........................................................................................... 18 Dans le blog ....................................................................................................................................... 18 Remplacer un document dans une publication Calaméo sans supprimer le lien adéquat pour le blog ............................................................................................................................................................... 18 Modifier ou Supprimer un article dans le blog ..................................................................................... 20 Pour le modifier ................................................................................................................................. 20 Pour le supprimer .............................................................................................................................. 20 Supprimer un document dans Calaméo ................................................................................................ 21 Publier en version blog sur Canalblog Le blog du « Lycéen vous informe » est une liste d’articles publiés en ligne périodiquement. A chaque parution du journal, chaque article est mis en ligne dans une catégorie correspondant à une rubrique du journal et sur une page précise. Dans le blog, les articles sont enregistrés en fonction du chemin de fer du journal en version feuilletable (papier ou en ligne via Calaméo). Ainsi, les articles apparaissant en premier dans le journal feuilletable sont publiés dans le blog en dernier et les articles apparaissant en dernier dans le journal feuilletable sont publiés en premier dans le blog. Pour cela, je suis le sommaire. Ici, je vais vous présenter comment on publie un article « bidon » avec du faux texte dans le blog en l’associant à une catégorie (à une rubrique dans le journal feuilletable). Chaque article comporte : Dans le journal « Le Lycéen vous informe », chaque article contient : Un titre Un chapô/ chapeau : résumé de l’article Des sous-titres au même nombre que les paragraphes Une illustration (si possible au même nombre que les paragraphes) Des crédits : o Titre « les auteurs de l’article » o Leurs Initiales o Titre « Les illustrateurs de l’article » o Leurs initiales o Titre « Les autres illustrations » o Les liens web o Titre « Les articles sources » o Les liens web Mettre le contenu d’un article sans forme dans le blog 1- Se rendre sur Canalblog.com et la fenêtre suivante s’affiche a b a- Saisissez votre login : fourni dans la fiche Login/Mot de passe b- Saisissez votre mot de passe : fourni dans la fiche Login/ Mot de passe 2- Cliquez sur Se connecter et la fenêtre suivante s’affiche : 3- Cliquez sur l’onglet Nouveau message et la fenêtre suivante s’affiche : a c d b a- Saisissez le titre de l’article b- Copiez- Coller le texte de l’article (on s’occupe de la forme ensuite) c- Choisissez l’une des catégories (rubriques) dans la liste déroulante. Le choix de la rubrique a été pensé au moment d’élaborer le journal. d- Les tags ou mots clés en lien avec le contenu de l’article Mettre en forme l’article 4-a- Pour le titre de l’article, rien n’est à modifier 4-b- Pour le chapô, il faut le mettre en gras et en italique 4-c – Les sous-titres, il faut les mettre en <h3> dans le HTML (voir l’explication ci-dessous) 4-d – Pour le corps de texte, paragraphes, rien n’est à modifier 4-f Pour les crédits, mettre le titre des crédits en <h3> 4-g Pour les titres « auteurs, illustrateurs, autres illustrations, articles sources », mettre en <h4> Mettre en lien dans l’article 1- Cliquez sur le logo suivant 2- La fenêtre suivante s’affiche : a b 3- Saisissez l’adresse web du lien à créer 4- Vous avez la possibilité de cocher la case « Ouvrir le lien dans un nouvel onglet », cela permet à l’internaute de ne pas perdre l’onglet où se trouve le blog. 5- Cliquez sur Créer un lien Insérer une image, illustration dans votre article Pour l’ ou les illustration(s) à voir en fonction de la taille de l’article et des illustrations qui ont fait par les élèves, 1- cliquez sur le logo photo : 2- La fenêtre suivante s’affiche : PS : j’ai créé des fichiers PDF, word et image au nom de « essai » pour ce tutoriel 3- Cliquez sur Ajouter d’autres fichiers et la fenêtre suivante s’affiche : 4- Choisissez l’image que vous désirez dans l’emplacement où vous l’avez stocké sur votre ordinateur et cliquez ouvrir. 5- cliquez « Charger » et la fenêtre suivante s’affiche 6- cliquez sur l’image pour choisir comment vous voulez l’insérer dans l’article… PS : Pour la taille : Grand et Très grand sont inesthétique pour un tel blog. Pour l’alignement : sans : l’image est au centre de la page sans texte autour, A gauche, l’image est à gauche et le texte l’entoure par la droite. A droite, l’image est à droite et le texte l’entoure par la gauche. Mettre les <h3> et les <h4> ou mettre des niveaux de titres (titre, sous-titre, soussous-titre, etc.) Cliquez sur le logo HTML écrit en blanc sur fond bleu : La fenêtre suivante s’affiche et la partie en code HTML « commence ». Il faut modifier les titres et les sous-titres et les sous-titres pour les mettre dans les bons niveaux. a b c d e f a – remplacer le <p> et </p> par <h3> et </h3> b – idem c – idem d – remplacer les <p> et <p> par <h4> et </h4> e- cliquez mettre à jour Voilà ce que l’on voit à l’écran en code HTML : Voilà ce que l’on voit à l’écran dans l’éditeur Canalblog : Voilà ce que l’on voit lorsque l’on visite le blog Publier l’article dans le blog 1 2 1- Cliquez soit sur enregistrer brouillon. Ce que je vais faire jusqu’à maintenant afin de faire une correction supplémentaire. 2- Cliquez soit sur publier, une fois que l’article est publiable. Publier en version feuilletable sur Calaméo 1- Saisir l’adresse url : http://fr.calameo.com/ 2- La fenêtre suivante s’affiche : 3- Cliquez sur Connexion dans la barre de menu et la fenêtre suivante s’affiche : 4- Saisir l’adresse mail : fourni dans la fiche Login/ Mot de passe 5- Saisir le mot de passe : fourni dans la fiche Login/Mot de passe 6- Cliquez sur Connexion à mon compte et la fenêtre suivante s’affiche : 7- Cliquez sur CDI Lycée Sainte-Marie et le menu suivant s’affiche : 8- Cliquez sur TABLEAU DE BORD et la fenêtre suivante s’affiche : 9- Cliquez sur UPGRADER (Téléchargez dans Calaméo) et cette fenêtre s’affiche : Aparté Economie numérique Calaméo ne fonctionne pas entièrement avec la publicité mais plutôt comme un logiciel graticiel qui a des fonctionnalités de bases gratuites et des fonctionnalités poussées que l’on peut obtenir en payant. Voilà comment se finance Calaméo. C’est la même chose pour Canalblog : l’hébergeur de blogs en ligne. Exemple, si on ne veut bénéficier d’un nom de domaine (partie finale de l’URL) ne comportant pas .canalblog.com. Toutefois, Calaméo exploite le principe de la publicité en mettant en avant les publications venant de compte qui ont payé les fonctionnalités supplémentaires. Ce n’est pas le cas des réseaux sociaux comme Twitter et Facebook qui usent de la publicité en faisant payer des « posts ou tweets sponsorisés » aux différents établissements. 10- Cliquez sur PUBLIEZ et la fenêtre suivante s’affiche : 11- Cliquez sur SELECTIONNER DES DOCUMENTS SUR MON ORDINATEUR PS : Je le fais avec un document essai… 12- Sélectionner votre document sur l’espace dans lequel vous l’avez enregistré sur votre ordinateur et cliquez Ouvrir. La fenêtre suivante s’ouvre. a b c d 13- Dans l’onglet général, a. Mettre le véritable nom de la publication. Attention, il affiche le nom du fichier tel que vous l’avez enregistré. b. Dossiers : Dans Calaméo, il est possible de créer des dossiers. J’en ai donc créer un pour Le Lycéen vous informe. c. Description : Je mets en général les premières lignes de l’édito (sachant que pour le Lycéen vous informe, il s’agit d’un article détaillant le sommaire et non un article avec un point de vue personnel sur un sujet). d. Le choix de la date et l’heure de publication font partie des fonctionnalités payantes. 14- Dans l’onglet partage, Toutes les fonctionnalités sont payantes. 15- Dans l’onglet Personnalisation Vous pouvez choisir le fond de la page dans laquelle sera publié le journal au format feuilletable. 16- Cliquez sur Publier maintenant et deux fenêtres s’affichent automatiquement. La seconde correspond à l’onglet publications de Calaméo. PS : J’ai mis volontairement deux fichiers Essai pour vous expliquer ensuite comment supprimer un document sur Calaméo. 17- Pour lire et vérifier un document publié sur Calaméo à partir de votre compte, il faut passer la souris sur ce document. 18- Cliquez sur l’œil et le document s’ouvre dans un nouvel onglet du navigateur. 19- Une fois, votre lecture effectuée, fermez votre onglet et vous retrouvez la page Publications de Calaméo. 20- N’oubliez pas de vous déconnecter de Calaméo. 21- En vous déconnectant, vous retournez sur la page d’accueil de Calaméo. Faire le lien entre le blog et Calaméo Sur Calaméo 1- Saisissez le lien URL vous permettant de retrouver les publications du CDI Ste Marie Bailleul dans Calaméo sans y être connecté : https://fr.calameo.com/accounts/5008110 2- Retrouver la publication Calaméo que vous souhaitez mettre en valeur dans le blog et copier son lien Dans notre exemple, essai : https://fr.calameo.com/books/0050081101f23501653a1 3- Rentrez dans la publication, sélectionnez la double page avec le sommaire, l’ours et le premier article et imprimer l’écran (touche Impr Ecran de votre clavier) Dans votre logiciel de retouche d’image Sélectionnez la partie qui vous intéresse et créer une image : double-page-n°x-lyceen-vousinforme.png et enregistrer dans le dossier dans votre pc relevant du même journal. Dans le blog 1- Créer un article Consultez et feuilletez le 2ème numéro du Lycéen vous informe en ligne 2- Ecrivez le texte ci-dessous : Si vous souhaitez lire le "Lycéen vous informe" comme si c'était un journal papier, on vous invite allez sur Calaméo 3- Insérer l’image de la double page et ajouter le lien URL vers Calaméo dessus en cliquant sur l’image puis sur le logo « chaîne ». Remplacer un document dans une publication Calaméo sans supprimer le lien adéquat pour le blog 1234- Connectez-vous Cliquez sur votre avatar Allez dans Publications Sélectionnez le document que vous souhaitez modifier et cliquez sur la flèche à coté du crayon : 5- Cliquez sur Chargez une nouvelle version et la fenêtre suivante s’affiche 6- Choisissez le fichier modifié et cliquez sur publier maintenant Modifier ou Supprimer un article dans le blog 1- Connectez-vous au blog 2- Allez dans l’onglet Nouveau Message Pour le modifier 3- Sur la liste des messages publiés, choisissez l’article que vous voulez modifier et éditez-le : 4- La fenêtre d’édition de l’article s’affiche et faites vos modifications. Pour le supprimer 1- Toujours dans l’onglet « Nouveau message », choisissez le message à supprimer et cliquez sur la croix de « supprimer » 2- Une fenêtre de confirmation s’affiche et cliquez ok. Supprimer un document dans Calaméo 123456- Connectez-vous sur Calaméo Cliquez sur l’avatar en lien avec votre compte Dans le menu horizontal qui s’affiche, cliquez sur tableau de bord. Passez la souris sur le document à supprimer Cliquez sur la flèche à côté du crayon Sélectionnez supprimer le document Et cette fenêtre s’affiche et cliquez : oui, je veux !