Formation créateur de site web animé

Transcription

1 Formation créateur de site web animé 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, ing, 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 : Etre initié aux différents outils existant pour être référencé et visible sur internet, pour communiquer et se faire connaitre. Maîtriser dans sa globalité le processus de conception et design d'un site web à destination de tous les supports. Etre en mesure de créer un contenu et débuter le développement de site internet avec WordPress. Maitriser les principales fonctionnalités du logiciel Adobe Edge Animate pour savoir réaliser une animation en HTML5. Durée : 16 jours -112 heures 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) Methode pédagogique : Formation présentielle pendant laquelle sont alternés les explications théoriques et techniques et les exercices pratiques sur les logiciels. Les travaux des stagiaires sont visualisés et analysés avec le formateur. Apprentissage par la pratique d exercices. Modalites d"évaluation : Test et/ou exercices pratiques. Une fiche d'évaluation par matière est remise au stagiaire sur demande. 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. 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é Effectif : Groupe ou individuel Materiel pédagogique : 1 ordinateur Mac ou PC par personne. Logiciels, version la plus récente. Support de cours fourni. Responsable formation : Sylvie Sabalette 1

2 Programme Module 1 : Marketing et communication web (5J -35 H) Module 2 : Webdesign (5 J -35H) Module 3 : 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 2

3 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 3

4 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 de Google Adwords Des définitions Les types d'annonces Les mots clés Les enchères Jour 3: Google Analytics 12. 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 4

5 Comportement Technologie Google Mobile Personnalisé Acquisition 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: ing, newsletter et réseaux sociaux 15. de l' ing Qu est-ce que l ing Pourquoi faire de l ing 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 ing? Qu est-ce qu une campagne marketing? Quelles règles doit-elle respecter? 17. Comment obtenir légalement des adresses Abonnement en ligne collecte organique Les fichiers internes existants Les jeux concours La co-registration L affiliation ou à la performance 86 Le marketing viral 5

6 La vidéo Le QR code La location d adresses le plan fichier L achat d s L appending Le crowdsourcing L retargeting 18. Créer un message percutant 19. L'envoi 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 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 du html Les fondamentaux du html propre à l ing 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 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 6

7 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 25. Veille Facebook Twitter Google+ Viadeo Linkedin Instagram 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 7

8 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 8

9 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 de contenus Gestion de la navigation 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 9

10 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 de Adobe Edge Animate Comparaison avec Flash Avantages et usages de Edge Animate Découverte de l interface 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é et gestion d événements Les fenêtres de code Initiation au code JQuery Preloader Publication Paramètres de publication 10

11 Exportation dans Dreamweaver et Muse Insertion dans une page HTML 11