iut 26 novembre 2010 (1)
TRANSCRIPT
![Page 2: Iut 26 novembre 2010 (1)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/2.jpg)
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)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/3.jpg)
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)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/4.jpg)
Panorama des supports pour publier
sur le web
FacebookBlog
Site HTML
TwitterSite Flash
NewsletterEmail
Chat
![Page 5: Iut 26 novembre 2010 (1)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/5.jpg)
A chaque support, son intention
Audience élargie
Contenu riche
Audience restreinte
Contenu brut
Blog
Site HTML
TwitterSite Flash
Newsletter
Chat
![Page 6: Iut 26 novembre 2010 (1)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/6.jpg)
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)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/7.jpg)
Définition du support
2. La mise en place
![Page 8: Iut 26 novembre 2010 (1)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/8.jpg)
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)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/9.jpg)
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)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/10.jpg)
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)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/11.jpg)
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)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/12.jpg)
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)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/13.jpg)
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)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/14.jpg)
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)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/15.jpg)
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)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/16.jpg)
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)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/17.jpg)
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)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/18.jpg)
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
Widget Blogoliste
![Page 19: Iut 26 novembre 2010 (1)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/19.jpg)
Ex. d’application
• Configurer la barre latérale de son blog
![Page 20: Iut 26 novembre 2010 (1)](https://reader036.vdocuments.net/reader036/viewer/2022081512/55837f36d8b42ac6268b519c/html5/thumbnails/20.jpg)
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