Formation créateur de site web animé – Certifiant - Créa

Formation créateur de site web animé –
Certifiant
La formation « Créateur de site web animé » vous permet sur une période courte, en stage
intensif, de vous initier aux fondamentaux de la communication et du marketing web
(écriture pour le web, référencement, google analytics, emailing, réseaux sociaux) et au
webdesign puis de vous initier au CMS WordPress pour création de site internet et au logiciel
Adobe Edge Animate pour savoir réaliser une animation en HTML5.
Objectifs :
Méthode pédagogique :
Etre initié aux différents outils existant pour être
Formation présentielle pendant laquelle sont
référencé et visible sur internet, pour communiquer
alternés les explications théoriques et techniques
et se faire connaitre. Maîtriser dans sa globalité le
et les exercices pratiques sur les logiciels. Les
processus de conception et design d'un site web à
travaux des stagiaires sont visualisés et analysés
destination de tous les supports. Etre en mesure de
avec le formateur. Apprentissage par la pratique
créer un contenu et débuter le développement de
d’exercices.
site internet avec WordPress. Maitriser les
principales fonctionnalités du logiciel Adobe Edge
Animate pour savoir réaliser une animation en
HTML5.
Public :
Toute personne ayant besoin, dans l’exercice de
son métier (graphisme, communication, publicité,
marketing, artistes-auteurs …) d’acquérir des
compétences pour créer et développer un site web
comportant des animations. Personnes souhaitant
se reconvertir pour devenir créateur de site web.
Durée : 16j - 112h
Coût : Forfait
Pré-requis :
Bonne pratique d’Adobe Photoshop. Bonne
connaissance de l’environnement web. Avoir déjà
collaboré à la création ou au développement d’un
site internet ou blog est un plus.
Prise en charge :
OPCA pour les salariés, AFDAS pour les
intermittents, autres dispositifs (Pôle Emploi, CIF,
Conseil Général, et Conseil Régional)
Modalités d'évaluation :
Selon processus de certification détaillé qui sera
communiqué aux stagiaires
Formateurs expérimentés :
Formateurs spécialisés dans le domaine technique
enseigné. Ils exercent les métiers du graphisme, du
webdesign et du web et sont experts dans les
logiciels enseignés. Ils sont en prise directe avec les
réalités du métier, ses évolutions.
Certification :
Certificat délivré : CP FFP de Création de sites web
animé - Bases techniques. A l’issue de cette
formation et de l’évaluation des compétences
acquises (évaluation continue puis, en fin de
parcours, par un jury), un Certificat Professionnel
(CP FFP) est délivré. Le CP FFP est le certificat
professionnel de la Fédération de la Formation
Professionnelle que Crea Image Communication est
habilité à émettre.
Suivi à la suite d'une formation :
Entre deux modules de la formation et après la
formation, le stagiaire a la possibilité de contacter
le formateur responsable du stage par mail de
préférence pour toute question sur laquelle il serait
en difficulté
Crea-image Communication 1 rue des Marronniers 75016 Paris - Tel : 01 48 03 57 43
SIRET : 47973924500021 - SARL RCS PARIS B 479739245 - APE : 8559A - Numéro de déclaration d'activité : 11753682075
www.crea-image.net
Page 1
Effectif :
Groupe ou individuel
Matériel pédagogique :
1 ordinateur Mac ou PC par personne. Logiciels,
version la plus récente. Support de cours fourni.
Responsable formation :
Sylvie Sabalette
Crea-image Communication 1 rue des Marronniers 75016 Paris - Tel : 01 48 03 57 43
SIRET : 47973924500021 - SARL RCS PARIS B 479739245 - APE : 8559A - Numéro de déclaration d'activité : 11753682075
www.crea-image.net
Page 2
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
Crea-image Communication 1 rue des Marronniers 75016 Paris - Tel : 01 48 03 57 43
SIRET : 47973924500021 - SARL RCS PARIS B 479739245 - APE : 8559A - Numéro de déclaration d'activité : 11753682075
www.crea-image.net
Page 3
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
Crea-image Communication 1 rue des Marronniers 75016 Paris - Tel : 01 48 03 57 43
SIRET : 47973924500021 - SARL RCS PARIS B 479739245 - APE : 8559A - Numéro de déclaration d'activité : 11753682075
www.crea-image.net
Page 4
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
Crea-image Communication 1 rue des Marronniers 75016 Paris - Tel : 01 48 03 57 43
SIRET : 47973924500021 - SARL RCS PARIS B 479739245 - APE : 8559A - Numéro de déclaration d'activité : 11753682075
www.crea-image.net
Page 5
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
Crea-image Communication 1 rue des Marronniers 75016 Paris - Tel : 01 48 03 57 43
SIRET : 47973924500021 - SARL RCS PARIS B 479739245 - APE : 8559A - Numéro de déclaration d'activité : 11753682075
www.crea-image.net
Page 6
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
Crea-image Communication 1 rue des Marronniers 75016 Paris - Tel : 01 48 03 57 43
SIRET : 47973924500021 - SARL RCS PARIS B 479739245 - APE : 8559A - Numéro de déclaration d'activité : 11753682075
www.crea-image.net
Page 7
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
Crea-image Communication 1 rue des Marronniers 75016 Paris - Tel : 01 48 03 57 43
SIRET : 47973924500021 - SARL RCS PARIS B 479739245 - APE : 8559A - Numéro de déclaration d'activité : 11753682075
www.crea-image.net
Page 8
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
Crea-image Communication 1 rue des Marronniers 75016 Paris - Tel : 01 48 03 57 43
SIRET : 47973924500021 - SARL RCS PARIS B 479739245 - APE : 8559A - Numéro de déclaration d'activité : 11753682075
www.crea-image.net
Page 9
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
Crea-image Communication 1 rue des Marronniers 75016 Paris - Tel : 01 48 03 57 43
SIRET : 47973924500021 - SARL RCS PARIS B 479739245 - APE : 8559A - Numéro de déclaration d'activité : 11753682075
www.crea-image.net
Page 10
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
Crea-image Communication 1 rue des Marronniers 75016 Paris - Tel : 01 48 03 57 43
SIRET : 47973924500021 - SARL RCS PARIS B 479739245 - APE : 8559A - Numéro de déclaration d'activité : 11753682075
www.crea-image.net
Page 11