Apprendre à publier sur le web

Transcription

1 Apprendre à publier sur le web

2 Objectifs : maîtriser l outil de publication en ligne de votre magazine pour publier et gérer vos contenus (Drupal, Spip, Wordpress). Durée : 3h30 Programme Découverte de l interface (le tableau de bord, la gestion des articles, des médias, etc.) Apprendre à créer et rédiger des articles Exercices Mettre en forme ses articles pour en faciliter leur lecture Exercices Enrichir ses articles à l aide de photos, vidéos, audio, hyperliens et documents Exercices Etude du workflow web de votre magazine, les étapes clés à connaître Exercices Apprendre à gérer les commentaires de vos articles Exercices

3 1 Maîtriser les outils de publication Découverte de l éditeur Web

4 Accès au site de publication test Login/mdp : vos accès habituels

5 Vous arrivez sur cette page

6

7 Recherche de contenus - Par mots clés - Par type - Par rubrique - Par date

8

9

10

11 EXERCICE 1 Création, édition et publication d un article.

12 Création d un nouvel article Menu colonne de gauche > Créer un contenu

13 Choix du format > Cliquer sur Article

14 Classement dans les rubriques > Rubrique principale et secondaire

15 Ouverture d un nouvel onglet CTRL + T sur firefox puis taper dans la barre d adresse

16 Cliquer sur l onglet Publication puis copier le texte de l exercice 1

17 Retour au CMS de votrefamille Cliquer sur l icône ci-dessous

18 Coller le texte dans la fenêtre «coller» puis cliquer sur Ok

19 Couper (CTRL+X) tour à tour titre et chapô pour les coller dans les zones ad hoc

20 Aperçu, enregistrer (bas de page) Puis modifier à nouveau (haut de page)

21 Mise en forme du texte grâce aux outils d édition Sauts de ligne Intertitres en gras Mise en gras des mots et expressions clés du texte

22 EXERCICE 2 Création, édition et publication d un article RDV sur wanifra2.jimdo.com

23 2 Ajouter des liens et photos

24 Le sourcing photo

25 NON!

26 OUI

27 Comment procéder?

28 Tapez votre requête puis cliquez sur l'onglet flickr

29 Cliquez sur la photo qui vous intéresse

30 Une fois sur la page affichant la photo Vérifiez la licence Demo

31 Quand c'est un particulier, prévenez-le que vous allez utiliser sa photo

32 Pour récupérer la photo flickr Demo

33 EXERCICE Rechercher une photo «Rentrée scolaire : pensez aux aides!»

34 Ajout d une photo Transfert de fichiers > Parcourir (dossier photos sur le bureau)

35 Aperçu, enregistrer (bas de page) Puis modifier à nouveau (haut de page)

36 Renseigner la photo Champs alt et titre : copier le titre de l article Puis enregistrer

37 Ajout de liens dans le texte 1- Répérer les mots clés intéressants du texte Ex : déclaration de situation 2- Faire une recherche sur le site pour y trouver des articles pertinents

38 Ajout de liens dans le texte 1- Copier l adresse web de l article 2- Retour au CMS, sélectionner le mot «déclaration de situation» 3- Cliquer sur l icône en forme de planète-chaînon dans l éditeur

39 Ajout de liens dans le texte 4- Coller l adresse dans la zone URL 5- Cliquer sur OK

40 Ajout de liens externes dans une nouvelle fenêtre

41 Aperçu, enregistrer (bas de page) L expression est soulignée et bleutée : il y a bien un lien vers une page web

42 EXERCICE 3 Ajouter des liens sur des mots clés ou expressions de l article : «Rentrée scolaire : pensez aux aides!»

43 Ajout de contenus liés 1- Taper directement le mot clé dans la zone de saisie, ex : «chômage»

44 Ajout de contenus liés Passer le curseur sur l un des résultats Un clic suffit à sélectionner le lien

45 Ajout de contenus liés 2- Cliquer d abord sur le bouton «naviguer» Une nouvelle page s ouvre en pop up

46 Ajout de contenus liés Recherche par mots clé, rubrique Cliquer sur «Appliquer» pour voir les résultats

47 Ajout de contenus liés Liste détaillée pour plus d infos sur les articles à ajouter

48 Ajout de contenus liés Affichage des résultats Clic sur l article à intégrer puis ok Ajout article par article

49 Ajout de contenus liés Le lien est ajouté à l article Recliquer sur naviguer pour en ajouter un autre

50 EXERCICE 4 Ajouter des contenus liés à votre article «Rentrée scolaire : pensez aux aides!»

51 3 Ajouter des videos

52 Intégration d une vidéo dans l article

53 Aller sur Youtube Taper «infidélité couple»

54 Cliquer sur la 2e vidéo Cliquer sur partager puis intégrer

55 Sélectionner la taille de la video Copier le code iframe

56 Retour sur l article de l éditeur web Cliquer sur Modifier

57 Placer le curseur là où la vidéo doit être intégrée Cliquer sur l icône représentant une pellicule

58 Une page s ouvre en pop-up Y coller le code iframe puis cliquer sur ok

59 La vidéo apparaît dans la page sous cette forme

60 Enregistrer les modifications (bas de page) La vidéo apparaît donc comme ceci :

61 EXERCICE 5 Intégrer une vidéo à un article de votre choix sur

62 4 Gérer les commentaires

63 L interface de gestion des commentaires

64 Modifier, répondre, supprimer

65 Modération, quelques bonnes pratiques

66 Expliquer les règles de modération a priori source : rue89.com source : eco89.com

67 source : rue89.com

68 Supprimer les messages qui s'en éloignent

69 Intervenir, assurer une présence

70 Ne pas laisser les choses s envenimer? Source : France2.fr

71 Répondre aux questions

72 Accepter la contradiction

73 Quels commentaires supprimer?? Les messages contraires à la loi Propos à caractère raciste, antisémite, homophobe, négationniste, pornographique, pédophile Propos injurieux, diffamatoires, ou portant atteinte à la vie privée Incitations à la violence, au suicide, au terrorisme, à l utilisation de substances illicites Contenus violant les droits de propriété intellectuelle

74 Le reste est affaire de choix et de ligne éditoriale? Niveau de familiarité accepté (gros mots?) Orthographe? Propos hors sujet Spam : commentaires identiques sur plusieurs articles Usage excessif de lettres capitales

75 EXERCICE 6 Quels messages auriez-vous gardé, modifié, supprimé?

76

77

78

79

80

81 Merci de votre attention! RDV sur pour questionnaire de satisfaction