Iut 26 novembre 2010 (1)

730 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
730
Sur SlideShare
0
Issues des intégrations
0
Intégrations
146
Actions
Partages
0
Téléchargements
7
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Iut 26 novembre 2010 (1)

  1. 1. L’écriture multimédia [email_address] [email_address]
  2. 2. Sommaire du cours <ul><li>I. Les fondations </li></ul><ul><ul><li>Choix d’une ligne éditoriale </li></ul></ul><ul><ul><li>Définition du support </li></ul></ul><ul><ul><li>Conception – Création </li></ul></ul><ul><li>II. Les enrichissements </li></ul><ul><ul><li>Techniques d’écriture </li></ul></ul><ul><ul><li>Formats éditoriaux (écrit, image) </li></ul></ul><ul><ul><li>Droits et devoirs </li></ul></ul><ul><li>III. Le faire-savoir </li></ul><ul><ul><li>Diffusion </li></ul></ul><ul><ul><li>Interaction </li></ul></ul><ul><ul><li>Pilotage </li></ul></ul>
  3. 3. Les fondations Première partie <ul><ul><li>Choix d’une ligne éditoriale : définition </li></ul></ul><ul><ul><li>Définition du support </li></ul></ul><ul><ul><li>Conception – Création </li></ul></ul>
  4. 4. Panorama des supports pour publier sur le web Facebook Blog Site HTML Twitter Site Flash Newsletter Email Chat
  5. 5. A chaque support, son intention Audience élargie Contenu riche Audience restreinte Contenu brut Facebook Blog Site HTML Twitter Site Flash Newsletter Email Chat
  6. 6. A chaque support, son intention Blog Site HTML Site Flash Facebook Twitter Email Newsletter Chat Type de contenu Texte, images, vidéos, fichiers joints Texte, images, vidéos, fichiers joints Contenu dynamique Statuts (microblog), photos, vidéos, liens Statuts (microblog), liens Texte et fichiers joints Texte et fichiers joints Texte Rapport au temps Flux et navigation par archives Statique Statique Flux (pas d’archives) Flux (pas d’archives) Flux, archives par date Flux, archives par date Flux (pas d’archives) Ton Multiple Multiple, orienté institutionnel Interactif Personnel Personnel Multiple Multiple Personnel Référence-ment Optimisé En fonction de la structure Inadapté Inadapté Bon Aucun Aucun Aucun
  7. 7. Définition du support 2. La mise en place
  8. 8. Créer le blog sur wordpress.com <ul><li>Se rendre sur fr.wordpress.com </li></ul><ul><li>Choix de l’adresse </li></ul><ul><ul><li>Doit être explicite pour les visiteurs </li></ul></ul><ul><ul><li>Doit contenir les mots-clés importants </li></ul></ul><ul><ul><li>Remarque : l’adresse ne peut pas être modifiée </li></ul></ul><ul><li>Activer le blog </li></ul>
  9. 9. 1: Choisir un titre pour son blog <ul><li>L’importance du titre : </li></ul><ul><ul><li>Le titre apparaît dans l’en-t ête de la page </li></ul></ul><ul><ul><li>Il est le premier contact avec le blog </li></ul></ul><ul><ul><li>Il donne l’indication principale sur la ligne éditoriale. </li></ul></ul><ul><ul><li>Pas plus de 65 caractères </li></ul></ul><ul><li>Le sous-titre (ou slogan) </li></ul><ul><ul><li>Utiliser le sous-titre (ou slogan) pour donner plus d’indications sur le blog (environ 200 caractères) </li></ul></ul>
  10. 10. Ex. d’application <ul><li>Créer son blog sur wordpress.com </li></ul><ul><li>Lui donner un titre </li></ul><ul><li>Rédiger le slogan </li></ul>
  11. 11. 2 : Un habillage adapté à son blog <ul><li>A retenir </li></ul><ul><ul><li>La forme est au service du fond </li></ul></ul><ul><ul><li>Attention au public que vous visez </li></ul></ul><ul><ul><li>L'habillage peut se changer à volonté </li></ul></ul><ul><li>Des habillages spécifiques à chaque format : </li></ul><ul><ul><li>Sites d’actualités, photos, vidéos </li></ul></ul>
  12. 12. Ex. d’application <ul><li>Choisir un habillage pour le blog </li></ul><ul><li>Indiquer les critères de choix dans un document à part </li></ul><ul><ul><li>Lien avec la cible </li></ul></ul><ul><ul><li>Lien avec le sujet </li></ul></ul><ul><ul><li>Structure </li></ul></ul><ul><ul><li>… </li></ul></ul>
  13. 13. 3: La structure du blog <ul><li>Anticiper la structure du blog gr âce au plan du site </li></ul><ul><ul><li>Les pages statiques vs le flux </li></ul></ul><ul><ul><li>Quel hiérarchie du contenu ? </li></ul></ul><ul><ul><ul><li>Pages </li></ul></ul></ul><ul><ul><ul><ul><li>Et sous-pages </li></ul></ul></ul></ul><ul><ul><li>Navigation horizontale ou verticale ? </li></ul></ul>
  14. 14. 3: La structure du blog – La hiérarchie des pages <ul><li>Wordpress permet de créer une structure hiérarchisée des pages. </li></ul><ul><li>Pour créer une hiérarchie, il suffit d’indiquer une page-mère à une page. </li></ul><ul><li>On peut créer autant de niveau de pages que l’on souhaite (attention à rester lisible) </li></ul><ul><li>Cela ne concerne pas les articles (le flux n’est pas hiérarchisé) </li></ul>Page mère -------- Page fille -------- Page fille ------------------ Page fille -------- Page fille Page mère -------- Page fille ------------------ Page fille ------------------ Page fille ------------------ Page fille -------- Page fille -------- Page fille
  15. 15. Ex. d’application <ul><li>Créer la liste des pages dans le blog </li></ul><ul><li>Indiquer la hiérarchie </li></ul><ul><li>Ne pas remplir les pages </li></ul>
  16. 16. 3: La structure du blog - Les menus <ul><li>Le menu est traditionnellement une liste horizontale menant aux pages statiques </li></ul><ul><li>Wordpress permet de paramétrer son menu </li></ul><ul><ul><li>via le menu Apparence -> Menus </li></ul></ul><ul><ul><li>En choisissant </li></ul></ul>
  17. 17. Ex. d’application <ul><li>Créer un menu horizontal avec les pages que vous souhaitez mettre en avant </li></ul><ul><li>Indiquer la hiérarchie des pages </li></ul>
  18. 18. Les widgets <ul><li>Les habillages intègrent généralement une barre latérale. </li></ul><ul><li>Cette barre latérale est constitué de modules (appelés widgets sur Wordpress). </li></ul><ul><li>Chaque widget dispose de sa propre fonction. </li></ul><ul><li>Recommandations : </li></ul><ul><ul><li>Les utiliser pour donner des informations importantes ou faciliter la navigation </li></ul></ul><ul><ul><li>Attention à l’effet « Gadgets » </li></ul></ul>Widget Calendrier Widget Abonnement Email Widget Blogoliste
  19. 19. Ex. d’application <ul><li>Configurer la barre latérale de son blog </li></ul>
  20. 20. La blogliste <ul><li>Afficher les liens vers des sites de référence dans son domaine permet de s’y inclure . </li></ul><ul><li>C’est en général apprécié par les internautes, mais aussi par les sites référencés. </li></ul><ul><li>La blogliste se gèrent dans le menu « Liens » de l’espace d’administration </li></ul>

×