Programme

Module 1 : Marketing et communication web (5J -35 H)
Module 2 : Webdesign (5 J -35H)
Module 3 : Création de site avec WordPress (3J-21 H)
Module 4 : Animation avec le logiciel Edge Animate (3J-21 H)

 MODULE 1 : MARKETING ET COMMUNICATION WEB

Jour 1 : Comprendre Internet et savoir écrire pour ce média

1. Introduction : Un petit rappel historique et état des lieux d’Internet

  • Les grandes étapes d’internet
  • Des chiffres actuels
  • Des définitions (noms de domaines, IP, SEO, référencement …)

2. Internet, un média particulier

  • Les différents supports internet et leurs particularités
  • Site vitrine
  • Site E-commerce
  • Site d’actualité
  • Portail
  • Blog
  • Web-documentaire
  • Forum
  • Newsletter
  • Réseaux sociaux

3. Les spécificités techniques du web

  • Le Html, les balises de bases
  • Le Css
  • Les bases du webdesign

4. Ecrire pour accrocher le lecteur

  • L’ergonomie
  • Les menus
  • Les différents blocs d’information
  • Mise en forme de l’information
  • Le texte :
    • Le titre
    • Le chapeau
    • Les paragraphes
    • Les intertitres
    • Les listes
    • Les mécanismes de lecture
    • Des règles littéraires
    • Les principes d’écritures journalistiques
  • Les liens hypertexte
  • Les images
  • Des bonnes et des mauvaises pratiques

5. Le content Marketing

  • Définition
  • Intérêt
  • Les objectifs

Jour 2 : Le référencement

6. Le référencement aujourd’hui

  • Moteur de recherche versus Annuaire
  • Les principaux moteurs
  • La fonction d’un moteur de recherche
  • Le SEO, SEM, SMO
  • Les sanctions possibles (Google Panda, Google Penguin)

7. Définir et mettre en place sa stratégie de référencement

  • Quelles cibles, quels contenus, quels objectifs
  • Bien choisir son nom de domaine
  • Choix des mots clés
  • Analyse de la concurrence
  • Optimisation pour la recherche mobile

8. Le référencement naturel on page

  • L’adresse des pages
  • Le maillage interne: le sitemap
  • Les titres
  • Le contenu
  • La densité des mots clés
  • les liens hypertextes, les ancres
  • Les balises Hn
  • La méta-description
  • Référencement multimédia
    • Les images
    • La vidéo
    • Les pdf
    • Les autres documents

9. Le référencement Off page

  • Définition
  • Le netlinking:les commandements du bon lien
  • Les vidéos
  • Le content marketing
  • Les Annuaires
  • Les sites de communiqués de presse

10. Le référencement local

  • La page Google adresse
  • Google +
  • Google Maps
  • Optimisation des balises méta
  • Les annuaires et les portails locaux

11. Le référencement payant

  • Présentation de Google Adwords
  • Des définitions
  • Les types d’annonces
  • Les mots clés
  • Les enchères

Jour 3: Google Analytics

12. Présentation générale de Google Analytics

  • Historique et évolution
  • Les grands principes et des définitions

13. Installation

  • Ouverture d’un compte
  • Le code de suivi
  • Les paramètres
  • Le profil
  • Les utilisateurs

14. Comprendre les rapports

  • Le temps réel
    • Vue d’ensemble
    • Lieux
    • Sources de trafic
    • Contenu
    • Événements
    • Conversions
  • L’audience
    • Vue d’ensemble
    • Données démographiques
    • Comportement
    • Technologie
    • Google Mobile
    • Personnalisé
  • Acquisition
    • Présentation
    • Tout le Traffic
    • Adwords
    • Optimisation du référencement
    • Réseaux sociaux
    • Campagnes
  • Comportement
    • Vue d’ensemble
    • Flux de comportement
  • Tests
    • Analyse de pages
  • Conversions
    • Objectifs
    • Commerce électronique
    • Entonnoirs multi-canaux
    • Attribution
    • Raccourcis

Jours 4 et 5: E-mailing, newsletter et réseaux sociaux

15. Présentation de l’e-mailing

  • Qu’est-ce que l’e-mailing
  • Pourquoi faire de l’e-mailing
  • Les objectifs et les taux de réussite d’une bonne campagne
  • Dans quels cas l’utiliser
  • Comment bien cibler sa campagne
  • Quels types de logiciels ?
  • Comment éviter de devenir spammeur et pourquoi ?

16. Comment définir sa campagne marketing d’e-mailing ?

  • Qu’est-ce qu’une campagne marketing?
  • Quelles règles doit-elle respecter ?

17. Comment obtenir légalement des adresses e-mail

  • Abonnement en ligne – collecte organique
  • Les fichiers internes existants
  • Les jeux concours
  • La co-registration
  • L’affiliation ou e-mail à la performance 86
  • Le marketing viral
  • La vidéo
  • Le QR code
  • La location d’adresses e-mail – le plan fichier
  • L’achat d’e-mails
  • L’e-mail appending
  • Le crowdsourcing
  • L’e-mail retargeting

18. Créer un message percutant

  • Quel format technique ?
  • Passer à travers les logiciels anti-spam
  • Être lu correctement par tous les supports de lecture
  • Susciter l’intérêt et l’action

19. L’envoi

  • Bien choisir sa date d’envoi : meilleur jour et meilleure heure
  • Bien choisir sa fréquence d’envoi.
  • Bien choisir sa solution d’envoi
  • Bien tester avant d’envoyer

20. Les résultats

  • Les résultats positifs : savoir les lire et en tirer profit (Taux d’ouverture, taux de réactivité …)
  • Les résultats négatifs : savoir les lire et en tirer profit (Hardbounce, softbounce, Taux de désabonnement …)

21. Préparation d’un modèle de newsletter

  • Présentation du html
  • Les fondamentaux
  • Présentation du html propre à l’e-mailing
  • Le montage en tableaux
  • Les balises inutiles
  • L’in-line CSS
  • La délivrabilité
  • La lecture sur mobile – le responsive design
  • La gestion des images
  • Présentation des différents outils (gratuits) de création html et de gestion d’images
  • Choix de la structure de son message
  • Choix du graphisme de sa newsletter

Les réseaux sociaux

22. Panorama actuel

  • Panorama des différents réseaux sociaux et de leurs finalités : comprendre les possibilités et limites des différents réseaux sociaux et plateformes (YouTube, Facebook, Twitter, Pinterest, YouTube, Foursquare, Tumblr, les blogs, les forums,…)
  • Chiffres usages et tendances

23. Un réseau social pour quoi faire

  • Réseau pro versus réseau grand public
  • BtoB versus BtoC
  • Quels objectifs
  • Quelles implications
  • Définir une stratégie

24. Mise en place et gestion de comptes

  • Facebook
    • Présentation
    • Création
    • Les éléments importants à savoir
  • Twitter
    • Présentation
    • Création
    • Les éléments importants à savoir
  • Google+
    • Présentation
    • Création
    • Les éléments importants à savoir
  • Viadeo
    • Présentation
    • Création
    • Les éléments importants à savoir
  • Linkedin
    • Présentation
    • Création
    • Les éléments importants à savoir
  • Instagram
    • Présentation
    • Création
    • Les éléments importants à savoir

25. Veille

  • Mettre en place un processus de veille efficace et productif.

MODULE 2 : WEBDESIGN

Au cours de la formation webdesign les notions apprises sont mises en pratique et les stagiaires réalisent une maquette graphique.

1.    Base de connaissances techniques

  • Fonctionnement d’un site dynamique
  • Webmaster et développeur
  • Le référencement naturel et les normes w3C
  • Le référencement actif et les réseaux sociaux
  • Html et Css
  • Php et les gabarits dynamiques
  • Hébergement, MySql et bases de données
  • WordPress et les autres CMS
  • Le responsive design, les mediatags et bootstrap

2.    Stratégie de communication sur le web

  • Architecture de l’information UX
  • Énumérer
  • Catégoriser
  • Structurer
  • Interface Utilisateur UI
  • Navigation principale et secondaire
  • Hiérarchisation des blocs
  • Raccourcis contextuelles et liens transversaux

3.    Méthodologie graphique

  • Les gabarits de maquette graphique sur Photoshop
  • La grille
  • La typographie sur le web
  • Les feuilles de styles
  • L’iconographie
  • Diversité et cohérence des typologies
  • La gestion des blocs
  • Le Favicon
  • Les différents types de sites et leurs objectifs
    • Site e-commerce
    • Site évènementiel
    • Site institutionnel
  • Culture Internet et design contemporain

4.    Mise en pratique, étude de cas

  • Analyse d’une demande
  • Esquisse d’intention interface (page d’accueil)
  • Réalisation d’une maquette Photoshop (page d’accueil)
  • Déclinaison multi support
  • Déclinaison pages intérieures

 MODULE 3 : CREATION DE SITE AVEC WORDPRESS

Présentation de WordPress

  • Les spécificités de WordPress
  • Les pré-requis de l’installation

Installer WordPress

  • Installer WordPress en local
  • Installer WordPress sur un serveur distant

Création de contenus

  • Gestion de la navigation
  • Création des pages
  • Gérer les textes et les commentaires
  • Insérer des médias : Vidéo, photo
  • Diffusion et Workflow

Les utilisateurs

  • Gérer les droits des utilisateurs
  • Restreindre l’affichage du contenu
  • Améliorer les performance du site

Les extensions

  • Choisir un plug-in WordPress
  • Créer des formulaires de contact sur WordPress
  • Installer des widgets additionnels

Le webdesign avec WordPress

  • Amélioration de la présentation de votre site
  • Appliquer des thèmes à son site
  • Concevoir un site responsive design

Administration du site ou du blog WordPress

  • Sauvegarde de la base de données
  • Mettre le site en mode maintenance
  • Lutte contre le spam
  • Administration des utilisateurs

Optimiser le site pour le référencement

  • Gestion des Urls
  • Gestion des métas données
  • Générer un sitemap en XML
  • Copyright de vos articles

Le plug-in Woo-commerce

  • L’installation les modules gratuits, les modules payants
  • Le paramétrage
  • Les produits

MODULE 4 : ANIMATION AVEC LE LOGICIEL ADOBE EDGE ANIMATE

Présentation de Adobe Edge Animate

  • Comparaison avec Flash
  • Avantages et usages de Edge Animate
  • Découverte de l’interface
  • Création et paramétrage du document
  • Importation et gestion des éléments
  • Les formats d’images dans Edge Animate

Outils dans Edge Animate

  • Repères et grilles
  • Rectangle, ellipse
  • Texte
  • Point de référence
  • Ecrêtage
  • Gestion et importation des polices

Animation

  • Gestion des images clefs et des transitions
  • Mode verrouillage
  • Le panneau accélération
  • Permutation d’éléments dans la scène
  • Gestion des symboles, création et réutilisation

Interactivité

  • Création et gestion d’événements
  • Les fenêtres de code
  • Initiation au code JQuery
  • Preloader

Publication

  • Paramètres de publication
  • Exportation dans Dreamweaver et Muse…
  • Insertion dans une page HTML