Mettre en ligne

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 !