20
L’écriture multimédia [email protected] [email protected]

Iut 26 novembre 2010 (1)

Embed Size (px)

Citation preview

Page 1: Iut 26 novembre 2010 (1)

L’écriture multimédia

[email protected]@lewebpedagogique.com

Page 2: Iut 26 novembre 2010 (1)

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

Page 3: Iut 26 novembre 2010 (1)

Les fondations

Première partie

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

Page 4: Iut 26 novembre 2010 (1)

Panorama des supports pour publier

sur le web

FacebookBlog

Site HTML

TwitterSite Flash

NewsletterEmail

Chat

Page 5: Iut 26 novembre 2010 (1)

A chaque support, son intention

Audience élargie

Contenu riche

Audience restreinte

Contenu brut

Facebook

Blog

Site HTML

TwitterSite Flash

Newsletter

Email

Chat

Page 6: Iut 26 novembre 2010 (1)

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

Page 7: Iut 26 novembre 2010 (1)

Définition du support

2. La mise en place

Page 8: Iut 26 novembre 2010 (1)

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

Page 9: Iut 26 novembre 2010 (1)

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)

Page 10: Iut 26 novembre 2010 (1)

Ex. d’application

• Créer son blog sur wordpress.com

• Lui donner un titre

• Rédiger le slogan

Page 11: Iut 26 novembre 2010 (1)

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

Page 12: Iut 26 novembre 2010 (1)

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– …

Page 13: Iut 26 novembre 2010 (1)

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 ?

Page 14: Iut 26 novembre 2010 (1)

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

Page 15: Iut 26 novembre 2010 (1)

Ex. d’application

• Créer la liste des pages dans le blog

• Indiquer la hiérarchie

• Ne pas remplir les pages

Page 16: Iut 26 novembre 2010 (1)

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

Page 17: Iut 26 novembre 2010 (1)

Ex. d’application

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

• Indiquer la hiérarchie des pages

Page 18: Iut 26 novembre 2010 (1)

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

Page 19: Iut 26 novembre 2010 (1)

Ex. d’application

• Configurer la barre latérale de son blog

Page 20: Iut 26 novembre 2010 (1)

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