Iut 26 novembre 2010 (1)

L’écriture multimédia

claire@lewebpedagogique.comjulien@lewebpedagogique.com

Sommaire du cours

I. Les fondations1. Choix d’une ligne éditoriale2. Définition du support3. Conception – Création

II. Les enrichissements1. Techniques d’écriture2. Formats éditoriaux (écrit, image)3. Droits et devoirs

III. Le faire-savoir1. Diffusion2. Interaction3. Pilotage

Les fondations

Première partie

1. Choix d’une ligne éditoriale : définition2. Définition du support3. Conception – Création

Panorama des supports pour publier

sur le web

FacebookBlog

Site HTML

TwitterSite Flash

NewsletterEmail

Chat

A chaque support, son intention

Audience élargie

Contenu riche

Audience restreinte

Contenu brut

Facebook

Blog

Site HTML

TwitterSite Flash

Newsletter

Email

Chat

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

Définition du support

2. La mise en place

Créer le blog sur wordpress.com

1. Se rendre sur fr.wordpress.com

2. Choix de l’adresse• Doit être explicite pour les visiteurs• Doit contenir les mots-clés importants• Remarque : l’adresse ne peut pas être modifiée

3. Activer le blog

1: Choisir un titre pour son blog

• L’importance du titre : – Le titre apparaît dans l’en-tête de la page

– Il est le premier contact avec le blog– Il donne l’indication principale sur la ligne éditoriale.– Pas plus de 65 caractères

• Le sous-titre (ou slogan)– Utiliser le sous-titre (ou slogan) pour donner plus

d’indications sur le blog (environ 200 caractères)

Ex. d’application

• Créer son blog sur wordpress.com

• Lui donner un titre

• Rédiger le slogan

2 : Un habillage adapté à son blog

• A retenir– La forme est au service du fond– Attention au public que vous visez– L'habillage peut se changer à volonté

• Des habillages spécifiques à chaque format : – Sites d’actualités, photos, vidéos

Ex. d’application

• Choisir un habillage pour le blog

• Indiquer les critères de choix dans un document à part – Lien avec la cible– Lien avec le sujet– Structure– …

3: La structure du blog

• Anticiper la structure du blog grâce au plan du site– Les pages statiques vs le flux – Quel hiérarchie du contenu ?

• Pages – Et sous-pages

– Navigation horizontale ou verticale ?

3: La structure du blog – La hiérarchie des pages

• Wordpress permet de créer une structure hiérarchisée des pages.

• Pour créer une hiérarchie, il suffit d’indiquer une page-mère à une page.

• On peut créer autant de niveau de pages que l’on souhaite (attention à rester lisible)

• Cela ne concerne pas les articles (le flux n’est pas hiérarchisé)

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

Ex. d’application

• Créer la liste des pages dans le blog

• Indiquer la hiérarchie

• Ne pas remplir les pages

3: La structure du blog - Les menus

• Le menu est traditionnellement une liste horizontale menant aux pages statiques

• Wordpress permet de paramétrer son menu – via le menu Apparence -> Menus– En choisissant

Ex. d’application

• Créer un menu horizontal avec les pages que vous souhaitez mettre en avant

• Indiquer la hiérarchie des pages

Les widgets• Les habillages intègrent généralement

une barre latérale.• Cette barre latérale est constitué de

modules (appelés widgets sur Wordpress).

• Chaque widget dispose de sa propre fonction.

• Recommandations : – Les utiliser pour donner des

informations importantes ou faciliter la navigation

– Attention à l’effet « Gadgets »

Widget Calendrier

Widget

Abonnement

Email

Widget Blogoliste

Ex. d’application

• Configurer la barre latérale de son blog

La blogliste

• Afficher les liens vers des sites de référence dans son domaine permet de s’y inclure.

• C’est en général apprécié par les internautes, mais aussi par les sites référencés.

• La blogliste se gèrent dans le menu « Liens » de l’espace d’administration