Formation

1. FORMATION
WEB
PASSEPORT COMPÉTENCES CRÉATION

2. LE
CLOUD

3. - LE WEB -
Les bases

4. Google drive / Framapad / Evernote / Dropbox
- LES OUTILS COLLABORATIFS -

5. - LES OUTILS COLLABORATIFS -
- Travailler à plusieurs
- En même temps
- Sur le même document
- Tous avec le même logiciel
- Depuis n’importe quel appareil
(avec connexion Internet ou 3/4G)

6. BLOG
/ SITE

7. NAVIGATEUR
mozilla, IE, Safari, Chrome
BLOGS
Un blog ou blogue[1] est un site Web constitué par la réunion de billets agglomérés au fil du temps et souvent classés
par ordre antéchronologique (les plus récents en premier). Chaque billet (appelé aussi note ou article) est, à l'image d'un
journal de bord ou d'un journal intime, un ajout au blog ; le blogueur (celui qui tient le blog) y délivre un contenu souvent
textuel, enrichi d'hyperliens et d'éléments multimédias, sur lequel chaque lecteur peut généralement apporter des
commentaires.
SITES
Des pages, des sites « vitrines »
LOGICIELS LIBRES
- Liberté 0 : La liberté d'exécuter le programme — pour tous les usages ;
- Liberté 1 : La liberté d'étudier le fonctionnement du programme — ce qui suppose l'accès au code source ;
- Liberté 2 : La liberté de redistribuer des copies — ce qui comprend la liberté de vendre des copies ;
- Liberté 3 : La liberté d'améliorer le programme et de publier ces améliorations — ce qui suppose, là encore, l'accès au
code source.
CAHIER DES CHARGES
Un cahier des charges vise à définir exhaustivement les « spécifications de base » d’un produit ou d’un service à
réaliser.
- VOCABULAIRE -

8. FLUX RSS
RSS désigne une famille de formats XML utilisés pour la syndication de contenu Web. L'usage le plus courant est de
recevoir la liste des nouveaux articles publiés sur un blog ou un site d'informations, avec un résumé pour chaque article.
Pour les recevoir, l'utilisateur doit s'abonner au flux à l'aide d'un agrégateur, ce qui lui permet de consulter rapidement
les dernières mises à jour sans avoir à se rendre sur le site. Mais ce standard est utilisé plus généralement pour obtenir
les mises à jour d'informations dont la nature change fréquemment: listes de tâches dans un projet, prix, alertes de toute
nature, nouveaux emplois proposés, nouveaux articles ou chroniques, etc. Les Podcasts et vidéocasts sont conçus sur
ce même standard en utilisant la balise 'enclosure'. Trois formats peuvent être désignés par ces initiales : * Rich Site
Summary (RSS 0.91) * RDF Site Summary (RSS 0.90 et 1.0) * Really Simple Syndication (RSS 2.0) Mais on parle aussi
souvent de RSS pour désigner également le format Atom.
FTP
Le File Transfer Protocol (protocole de transfert de fichiers), ou FTP, est un protocole de communication destiné à
l'échange informatique de fichiers sur un réseau TCP/IP. Il permet, depuis un ordinateur, de copier des fichiers vers un
autre ordinateur du réseau, d'administrer un site web, ou encore de supprimer ou de modifier des fichiers sur cet
ordinateur.
OUTILS
wiki, cms
- VOCABULAIRE -

9. THÈME
Interface graphique, page d'accueil, maquette, thème
De manière générale, une maquette est une représentation partielle d'un système ou d'un objet (réel et existant ou à
concevoir) afin d'en tester et valider certains aspects (maquette virtuelle ou visuelle 2D ou 3D) et/ou comportements
(maquette fonctionnelle).
WIDGETS
Blocs, cartouches, boites, widgets
FEUILLE DE STYLE
En typographie une feuille de style désigne l'ensemble d'attributs de caractères et de formats de paragraphes pouvant
être appliqués en une seule opération à un ou plusieurs paragraphes, à un livre etc. De façon extensive c'est l'ensemble
des contraintes typographiques, de maquette, couleurs, reliure etc qui définissent l'unité d'une collection littéraire, d'une
revue périodique etc. C'est aussi un document permettant de mettre en forme un autre document, comme par exemple
un document rédigé dans un langage de balisage, comme SGML, HTML ou XML. Pour ce faire les feuilles de style sont
rédigées dans un langage spécifique. Les langages de feuilles de style les plus courants sont :CSS, XSLT, XSL-FO,
DSSSL
- VOCABULAIRE -

10. AUTONOME
Location d’un serveur
Achat d’un nom de domaine
www.ovh.com
- 2 SOLUTIONS -
www.wordpress.comwww.wordpress.org
AUTO-HÉBERGÉ
Pas de location de serveur
Pas de nom de domaine
emonsite.com
wix.com

11. AUTONOME
Inconvénients
Prix
Mise à jour
…
Avantages
Liberté / créativité
Tous les ajouts
…
- 2 SOLUTIONS -
www.wordpress.comwww.wordpress.org
AUTO-HÉBERGÉ
Inconvénients
Pas trop de liberté
Pubs
…
Avantages
Mise à jour automatiques
…

12. Se préparer
Ressources, vocabulaire
S’écouter
Cahier des charges
S’équiper
logiciels,matériel,...
Se lancer
Télécharger, transférer, configurer, installer
Se faire plaisir
charte graphique, webdesign
S’exprimer
articles, pages, liens
Se mettre en danger
Vérifier, affronter la critique, écouter et améliorer
- SE PRÉPARER -

13. - CONSTRUCTION D’UN SITE -

14. PRINCIPE ET FONCTIONNEMENT DE WORDPRESS
- Présentation de la partie publique et privée
- Installation d'un site WordPress
- Les différents outils nécessaires : Serveur Web, Editeur... Configuration minimale requise
- Les procédures de mise à jour
ATELIER PRATIQUE 1
- installation de WordPress sur un serveur Web Publication de contenu
- Présentation du tableau de bord
- Gestion des pages : création, édition, modification
- Apprendre à utiliser l'éditeur de texte
- Les commentaires
- La gestion des avatars
- Gestion des différents médias : Images, Audio, Vidéo...
- Importer du contenu depuis d'autres plateformes : DotClear, Blogger…
- La gestion du Workflow
ATELIER PRATIQUE 2
- Gestion des pages statiques
- Le système rétrolien
- Protection contre le spam
- Gestion des utilisateurs et auteurs multiples Protection des articles par mot de passe Les services Web
- Installer et utiliser des plugins supplémentaires
- Personnalisation graphique de WordPress
- Le thème par défaut Utilisation des autres thèmes
- Apprendre à modifier un thème par défaut Créer son propre thème
- WORDPRESS -

15. Pour accéder : www.wordpress.com
- UTILISER WORDPRESS EN LIGNE -

16. BACK OFFICE
- UTILISER WORDPRESS EN LIGNE -

17. http://wp-infinity.com/tutoriels/installer-wordpress/ovh-
hebergement-mutualise/
Google est mon ami
« tuto installation wordpress »
- INSTALLER WORDPRESS -

18. 1. Création d’une première maquette papier,
2. Création d’une première maquette sur Photoshop,
3. Élaboration du design en fonction des besoins, des envies, des possibilités
et du rendu, 4. Validation finale de la maquette,
5. Découpage de la maquette en vue de l’intégration,
6. Intégration XHTML de la maquette dans les thèmes,
7. Intégration CSS de la maquette.
8. Ajustements et validation sur différents navigateurs.
9. Mise en ligne du nouveau design du blog.
« Commencer le design de son site web sur son ordinateur, c’est comme
construire une maison en commençant par le toit ! »
- INSTALLER WORDPRESS -

19. LE REFERENCEMENT

20. Payant
- Google Ads
- Facebook Ads
Naturel
Algorithme
les 3 étape
Technique
Éditorial
Backlink
- MOTEUR DE RECHERCHES -

21. 1- Une page optimisée doit contenir au minimum 100 mots. Les 30 à 50 premiers (2-3 premières phrases) sont
primordiaux pour le référencement.
2- Le mot-clé doit être situé au début du document plutôt qu'à la fin, c'est-à-dire dans le premier paragraphe. L'idéal
est de pouvoir intégrer également le féminin et le pluriel du mot-clé.
3- Les mots-clés seront plus efficaces s'ils sont mis en exergue :
- en gras
- avec un lien sur le mot clé important
- efficacité maximale : mettre le lien en gras
4- Dans la page idéale de 100 mots minimum, le terme doit être répété 3 fois. L'indice de densité d'un mot-clé (IDM)
est = 3%
Dans une page de 200 mots, si l'on répète le terme 3 fois, l'indice devient = 1,5%
Essayez d'entrer dans une fourchette de 2% à 5% pour vos mots clés importants. Si vous n'aimez pas les calculs retenez
3 mots-clés pour 100 mots.
5- Proposez un thème unique par page (cela ne vaut pas que pour le référencement…)
6- Évitez les pages bilingues ou trilingues qui ne sont pas bien lues par les moteurs
7- Soignez le libellé de vos liens. Il doit être le plus pertinent possible par rapport au contenu vers lequel vous pointez.
N'utilisez jamais cliquez ici ou lisez la suite, totalement stérile. Préférez du texte plutôt qu'une image pour mettre vos
liens.
8- Visez toujours la qualité du contenu plutôt que la quantité. Plus vos articles seront intéressants et originaux, plus
les gens pointeront naturellement vers votre site sans que vous ayez besoin de faire des partenariats ou des échanges
de liens. Plus il y aura de liens (de qualité) qui pointeront vers votre site et mieux votre site sera classé dans Google. Si
vous faites des échanges de liens, proposez des partenariats de contenu ayant une réelle valeur ajoutée pour vos
lecteurs.
Textes issus : http://plumeinteractive.canalblog.com
- RÈGLES WEB ÉDITORIALES -

22. http://openclassrooms.com/courses/ameliorez-la-visibilite-de-votre-site-grace-au-referencement
- POUR ALLER PLUS LOIN -

23. LES RÉSEAUX
SOCIAUX

24. - VIRALITÉ -

25. - Twitter est une plate forme gratuite de micro-blogging permettant
la diffusion de messages courts (140 caractères) à une liste de
contacts personnels.
- Faire de la veille
- Découvrir des actualités
- Suivre des conversations
- Diffuser des informations
- Rentrer en interaction avec d’autre professionnels
https://support.twitter.com/articles/515487-glossaire-twitter
- Twittos
- Followers (Abonnés) Following (Abonnements) Retwett
- Hashtag “#”
- Augmenter son référencement
VOCABULAIRE
- TWITTER -

26. 140 caractères
@nom
#hashtag
Notifications
Un utilisateur décide de vous follower
Quelqu'un vous envoie un message privé
Profil
Votre site web
Biographie en 160 caractères.
- TWITTER -
PREMIÈRES CONFIGURATIONS

27. - TWITTER -
Les retweets
RT @[auteurDuTweetÀretweeter] [contenuDuTweetÀretweeter]
Les replies - @[nomDutilisateur]
@BillGates Tu veux venir manger à la maison ce soir ?
Les messages privés
DM @[nomDutilisateur] Message
AUTRES TWEETS

28. - TWITTER -
AUTRES FONCTIONNALITÉS
Les listes
Favoris
Conserver un tweet pour le consulter plus tard

29. TROUVER D’AUTRES TWITTOS
- Via sa boite mail
- Sur des sites ou des blogs
- Rechercher http://search.twitter.com
- Via des listes
- Via des conversations
- Interagir avec d’autres Twittos (@nom / RT @nom / DM @nom)
- En Retwittant
- TWITTER -

30. FRÉQUENCE
- Pas plus de 3 tweets à la suite
- Environ 2 tweets / jour
- Du lundi au jeudi de 09h00 à 15h00
5 POINTS CLÉS
Soyez concis
70% d’engagement moyen en plus pour les tweets avec 10 – 49 caractères plutôt que ceux compris
entre 101 et 140 caractères.
Utilisez des photos
Plus d’engagement moyen en plus pour les tweets qui comprennent une photo.
Ajoutez un hashtag
+122% d’engagement moyen en plus pour les tweets avec un hashtag.
Intégrez du contenu cliquable avec précaution
+81% d’engagement moyen en plus pour les tweets avec 3 à 4 éléments cliquables contre 1 à 2.
+36% d’engagement moyen en plus pour les tweets sponsorisés avec 3 à 4 éléments cliquables
contre 5 à 11.
Recourez aux mentions
+51% d’engagement moyen en plus pour les tweets avec 1 à 2 mentions par rapport à ceux qui n’en
ont pas.
- TWITTER -

31. search.twitter.com
- TWITTER -
RECHERCHER

32. #FollowFriday
#nowPlaying
#poitiers
Trouver des #hashtags
- Recherche
- Listes
POUR DÉMARRER
- TWITTER -

33. Des informations intéressantes tu tweeteras
Tes sources tu citeras
Le SMS tu banniras
Les URL tu raccourciras (bit.ly, tinyurl)
des médias tu tweeteras (Photos : Twitpic / Vidéos : Twitvid)
- TWITTER -
LES 5 COMMANDEMENTS

34. https://tweetdeck.twitter.com
hootsuite.com
ifttt.com
- LES OUTILS CONNEXES -

35. - FACEBOOK PAGE -

36. - FACEBOOK PAGE -

37. - Pour créer une nouvelle relation avec ses usagers
- Pour fidéliser et créer du lien
- Se faire connaître et faire la promotion de son site
- Écouter et échanger
- Mettre en place des “Ambassadeur(drice)s” de nos organisations
- Montrer qu’il y a des personnes derrière les organisations
- FACEBOOK PAGE -
À QUOI ÇA SERT ?

38. De bénéficier de statistiques poussées
1. Profil (Âges Sexes)
2. Démographie (Ville, Région, ...)
3. Qui a partager
4. Qui a cliqué sur “J’aime”
5. Quelles sont les personnes touchées
De faire le lien entre son site et sa page Facebook
1. Badge
2. Bouton “J’aime”
D’augmenter son référencement sur les recherches Google
- FACEBOOK PAGE -
LA PAGE FACEBOOK PERMET

39. http://legroupe.laposte.fr/content/download/
22947/170155/version/1/file/
Thompagnie.webm
Étape 1 : Je fais la promotion de mon
événement !
Étape 2 : Je le fais savoir à mes fans en
partageant une photo prise avec mon
téléphone sur ma page
Étape 3 : Mes fans voient ma publication et la
partagent, font un commentaire et elle sera
visible par leurs amis
- FACEBOOK PAGE -
LA VIRALITÉ

40. - FACEBOOK PAGE -
CONSULTER LES STATISTIQUES

41. - Inviter ses amis Facebook
- Ajouter d’autres administrateur(trice)s à votre page Ajouter le
lien de votre page sur toutes vos publications
- Papier (Affiches, Flyers - Tracts, papier à en-tête)
- Web (Signatures email, articles, Newsletter, …)
- Renseigner au mieux la partie “À propos” (Ajouter le lien vers son
site !)
- Bien réfléchir à son url de page (ex : www.facebook.com/
nomdestructure)
- Ajouter un badge sur votre site
- Ajouter des statuts pertinents
- FACEBOOK PAGE -
TROUVER DES FANS

42. - AVEC VOTRE SITE -
LES BADGES
LES OUTILS DE PARTAGE

43. PLAN
MARKETING

44. identité numérique / e-réputation
- PERSONNAL BRANDING -

45. La réputation numérique (e-réputation)
C'est l'image que les gens se font de vous en faisant une
recherche sur Internet.
L'identité numérique
contrôle de ce que vous déposez sur Internet.
L'empreinte numérique
Ce sont les traces que vous laissez sur Internet.
- E-REPUTATION -

46. 1. Vérification
- www.123poeple.com
- www.cvgadget.com
- http://pipl.com/
... et Google www.google.com
2. Comment améliorer son e-réputation
- Augmenter les contenus
- Agir et régir
- Les « User Generated Content »
3. Vérifier et surveiller
- Google alerte
- Google analytics
- E-REPUTATION -

47. - LES OUTILS-

48. Tous les jours
- Envoyer des mails
- Mettre à jour ses profils (Facebook, Viadéo, Myspace, ...)
- Lire les flux RSS par Google Reader ou Netvibes
- Twitter
- Partager sa veille
Une ou plusieurs fois par semaine
- Partager ses bookmarks (Favoris)
- Ecrire un ou plusieur(s) billet(s) sur son blog
- Commenter; Blogs, goupes facebook, Twitts, profils divers
- Informer ses fans de groupe Facebook
- Analyser les google Alertes
- Surveiller ses statistiques de consultations (visiteurs, ...,
taux de rebond)
- PLANNING -

49. Une fois par mois
- Envoyer une Newsletter
- Ecrire un billet avec un récapitulatif des billets du blog
- Partager des médias (Photos, sons, vidéos, ...)
- Faire le bilan des actions du mois
- Faire une veille de la concurrence
Une ou plusieurs fois par an
- Entretenir son portfolio
- Analyser ses statistiques et faire un bilan des mots clés,
expressions, ...
- Vérifier son référencement sur les moteurs de recherches
et annuaires
- Vérifier son « linking » (Liens vers mon site, mon blog ou
un de mes billets) - Informer ses lecteurs de son bilan
- Revoir l'ergonomie de son site, blog ou portfolio
- Analyser son image; sa e-réputation
- PLANNING -

50. Se qui se fait tout seul
- Les « RT » de Twitter
- L'inscriptions à la newsletter
- L'abonnement au flux RSS
- On parle de vous et de vos publications - Un billet «
Envoyé à un ami »
Pour aller plus loin
le e-book « Cultivez votre identité numérique »
http://issuu.com/geemik/docs/
cultivez_votre_identite_numerique/2
- PLANNING -

51. SIEGFRIED
BURGEOT
@codezigo
MERCI !