CCP2 : Réaliser des sites Web destinés à la chaîne d édition multimédia en ligne

Transcription

1 Nous CCP2 : Réaliser des sites Web destinés à la chaîne d édition multimédia en ligne Le titre professionnel est composé de trois certificats de compétences professionnelles (CCP) Celui-ci prépare à la certification du CCP2 : Réaliser des sites Wev destinés à la chaîne d édition multimédia en ligne. Description des composants de la certification : - Concevoir la mise en page de site web en tenant compte des critères ergonomiques, du référencement et de l accessibilité - Réaliser un site Web dynamique - Configurer et/ou adapter des systèmes de gestion de contenus

2 19 jours (133 heures) de formation dont 2 jours en Blended Learning Le stagiaire dispose, en plus de la formation présentiel d un accès à notre plateforme de E-learning durant 3 mois. Contenu du Dispositif et modalités d encadrement et d assistance pédagogique : L action de formation objet des présentes est un dispositif pédagogique intégré qui s appuie sur : - la mise à disposition sur support analogique et/ou numérique des ressources nécessaires à la formation sur une plateforme de Blended Learning (alliant cours à distance, tutoriels, exercices et QCM en ligne avec Scoring) - la vérification, la sécurité et la visibilité du temps passé par le bénéficiaire (compteur de temps de connexion), le scoring (résultats des QCM) et la possibilité d éditer les statistiques de manière officielle. - une expérience supplémentaire en adéquation avec la formation en présentiel. - le relationnel via la plateforme avec le formateur pour répondre à toutes questions concernant les cours et révisions en ligne. - un accès de 3 mois sur notre plateforme de Blended Learning pour continuer à effectuer la totalité des cours et exercices en ligne 37

3 DREAMWEAVER Gestion de projet WebCS3 Public : Tout public Durée : 14 heures (2 jours) Objectifs : La concrétisation de votre projet Web passe nécessairement par son écriture à destination de différents publics: commerciaux techniques, responsables artistiques, responsables techniques,... et sur différents types de documents : appels d offres, mails de brief techniques et artistiques,... Le champ lexical peut être radicalement différents selon le type communication et les destinataires. Ce programme de formation vous apportera la culture générale Web nécessaire pour élaborer votre projet, en diriger sa conception et son évolution, en sachant communiquer avec les différents intervenants. Définir les directions de son projet Web Définir la finalité et le cœur de cible Evaluer les points clés du succès Benchmarker son marché et faire ressortir les nouveaux besoins, besoins mal satisfaits Analyses de sites existants Rédiger le cahier des charges pour «verrouiller» le projet Plan : les points indispensables Définir les aspects ergonomiques et visuels Etudier les choix techniques et décrire ses contraintes Prendre en compte l environnement juridique Planifier les étapes et délimiter les budgets Appels d offres : lancer, sélectionner et valider les prestataires Proposition commerciale, proposition concrète - apprendre à déchiffrer les offres commerciales Etude des coûts et de la cohérence globale dans les réponses formulées Construire son appel d offre Etablir un budget prévisionnel, le cahier des charges et le planning de réalisation Cadrer un sujet et formuler un besoin de manière limpide face à un profil technique Le mode itératif : avantages et difficultés Identifier les bons indicateurs de suivi Indicateurs pertinents, actions correctives Le coût réel du retard Mesurer le ROI Générer l audience de son site Trouver les leviers d audience ciblée Informer et vendre en ligne Etudier les pratiques de référencement naturel et sponsorisé Mesurer les retours et observer les statistiques Créer les tableaux de bord et les systèmes de reporting Optimiser l activité on-line Taux de rebond et comportement de navigation Web-merchandising Partenariats corporate et à la performance Veille concurrentielle Piloter le projet en encadrant une équipe pluridisciplinaire Définir efficacement qui fait quoi selon les compétences respectives des équipes Apprendre à travailler avec les prestataires externes Formuler un brief fonctionnel 38

4 DREAMWEAVER Rédiger des contenus Web CS3 Public : Tout public Durée : 07 heures (1 jour) Objectifs : Développer son contenu pour une stratégie d entreprise. Les différentes motivations pouvant amener à concevoir des contenus sur le web : communiquer directement avec une cible, développer un média professionnel Définir une ligne éditoriale précise En interne, déterminer expressément la cible du contenu (jeunes, seniors, cadres, sportifs, etc.) Choisir la ligne éditoriale et le ton correspondant au choix de l entreprise et susceptible d intéresser la cible Respecter la ligne éditoriale pour fidéliser le lectorat Choisir les thématiques abordées Eviter la promotion pure et simple Trouver l intérêt du lecteur potentiel Comprendre le caractère indirect des retombées des contenus web L adéquation du contenu aux logiques d un moteur de recherche : maitriser le SEO Le référencement naturel, pilier du web Elaborer un titre percutant dès les premiers caractères Connaitre et utiliser les outils techniques : Google Adwords, Google Suggest, SEMRush, etc. Savoir placer les mots-clés et utiliser les sous-titres Comment rédiger un contenu attractif et efficace? Définir les mots-clés qui répondent aux attentes du lectorat et aux exigences du moteur de recherche Intéresser le lecteur dès la première ligne : principes de la pyramide inversée et des 5 W Améliorer la performance du rapport entre la quantité de texte et la quantité de contenu de fond Répondre à l objectif de viralité du contenu Optimiser les micro-contenus de la page web Choisir une ou plusieurs illustrations et les placer judicieusement Utiliser des liens hypertextes au bon endroit et sous la bonne forme Trouver la présentation du contenu la plus attractive pour la cible Analyser la performance des contenus rédigés pour le web Exploiter les outils d analyse proposés par Google Analytics Mesurer en détail le trafic généré par les contenus Evaluer le potentiel de progression Adapter les contenus aux préconisations suggérées par l analyse technique 39

5 DREAMWEAVER CS3 Acquérir les bases du Web-marketing Public : Tout public Durée : 07 heures (1 jour) Objectifs : Deux jours pour acquérir une expertise sur les nouveaux usages du web en marketing et communication. Des exemples concrets et actualisés en permanence. Une pédagogie active et personnalisée. Comprendre les réseaux sociaux Comprendre le mode participatif et collaboratif Panorama d outils 2.O Critères de choix en fonction des objectifs de communication de l entreprise Exigence de la nouveauté, démarches à suivre Etude de plateformes sociales clé Facebook, sa cible et ses impacts Twitter, mode d utilisation «court» Flickr, communiquer en décalé E-réputation, mode d emploi Définir le périmètre d e-réputation Mettre en place les indicateurs de suivi Créer et gérer son audit en e-réputation Prévoir les actions correctives et d amélioration Savoir rechercher des outils 2.0 adaptés aux niches web Réseaux sociaux événementiels Réseaux sociaux d information La mode et les réseaux sociaux Web 2.0 et la géolocalisation Communiquer en fonction de la proximité géographique Consommer de façon rapide, tenir compte du développement de commerce de proximité Foursquare Etude de cas Déployer sa campagne multi-canal Créer et animer sa communauté web 2.0 Définir les objectifs de communication Définir les paramètres d e-réputation Prendre la parole de manière efficace et durable 40

6 Bootstrap Public : Webmasters, développeur. Durée : 35 heures (5 jours) Objectifs : S approprier bootstrap, le template responsive design de twitter permettant la réalisation de site internet dans un usage actuel des langages Html5, css3, javascript (via jquery) et multisupport (Ordinateur, smartphone, tablette) Vue d ensemble de Bootstrap Présentation du framework Bootstrap Pourquoi Bootstrap? Bootstrap et le responsive design Bootstrap et le frameworks javascript: JQuery Inclure Bootstrap dans un projet Architecture Bootstrap Des composants basés sur des classes CSS Les templates de base Doctype HTML5 Le système de grille pour positionnement o Grille fixe o Grille élastique Les layouts Le responsive Design Manipuler Bootstrap en Javascript via jquery Les transitions Gérer les fenêtres modals (type lightbox) Menus déroulants Créer des tabulations Mettre en place des aides Le caroussel de photos Graphisme S approprier Bootstrap graphiquement Ajouter, gérer son proper css Surécriture de css Les classes CSS de base avec Bootstrap Typographie Les tableaux Les formulaires Les boutons Les images Les icones Vignettage Les composants Bootstrap Menus déroulants Groupement de boutons Barres de navigation Fil d arianne Alertes Barre de progression Pagination Barres de progression Classes diverses 41

7 Adobe Edge (Html5/Css3) - Niveau 1 Public : Graphistes, webmasters et développeurs d applications Internet Durée : 14 heures (2 jours) Objectifs : Utiliser Adobe Edge pour la conception d animations utilisant les nouveaux standard en HTML5 et CSS3. Installation Les concepts de bases de l animation vectorielle Les plus de HTML5 dans la diffusion de contenus multiplateformes (Iphone, Ipad...) Présentation des logiques d animation HTML5 (CSS, JavaScript, SVG) Format de fichiers, poids de fichiers Edge et le HTML5 par rapport à Flash Les fonctions Découverte de l environnement de travail L espace de travail et le panneau propriétés le panneau bibliothèque, actifs, symboles et polices Créer un nouveau document (taille, background...) Pré-visualisation d une animation Importer des images et autres médias Utiliser les outils de forme et de texte L animation Utiliser la ligne de temps Paramétrer la timeline (zoom, Auto-keyframe, Smooth Transition) Animation d objets avec les images clés et les transitions Copier/coller une transition d un objet à un autre Animation avec trajectoires de mouvement Animation de masque d écrêtage (clipping) Utilisation de commandes de lecture avec les symboles Créer des déplacements d objets Modifier les apparences d un objet (couleurs, formes...) Animer les éléments d une page web existante Intégrer une animation de preloading (gifs de preloading par défaut / gif personnalisés) Exporter une animation en HTML5 Publier vers indesign L interactivité dans Edge Le principe de l interactivité Le balisage Le JavaScript et jquery La gestion des événements Les comportements et boutons Insertion de code sur la timeline Actions sur les objets Responsive Design - gérer la fluidité Redimensionnement / positionnement élastique d objets sur la scène Propriétés d alignement et de centrage des images dans un bloc div Taille de redimensionnement min et max Options de redimensionnement des symboles Centrer parfaitement un élement dans la scène Centrage global d une animation EA dans la page html Utiliser un motif répété en background Les options supplémentaires Propriété Curseur Code sur la time line Utiliser les fonctions de réorganisation d objets Modifier l opacité, les couleurs (contours, fond) d un objet Redimensionner ou déformer un objet Utiliser la fonction de rotation ou d inclinaison d un objet 42

8 Mesure d audience avec Google Analytics Public : Chef d entreprise, Référenceur, agence de communication, Webmasters, marketing, webmarketing... Durée : 3,5 heures (1/2 jour) Objectifs : Comprendre et améliorer votre visibilité sur Internet et principalement sur google Le référencement naturel Installation pour les trois types de sites (Html, Flash, CMS) Moteurs et métadonnées Le Tableau de bord de Google Analytics Le PageRank L approche marketing du référencement La présence dans les annuaires. Les outils Google (Adwords - Adsense - Google Analytics). Technique des mesures d audience: fichiers logs et tags. Eléments mesurés: profils des internautes, pages vues, nombre de visites. Indicateurs et ratios significatifs L outil Google Analytics Le comportement des visiteurs: analyse géographique, pages vues, temps passé, taux de rebond. Fidélité des visiteurs: dernière visite, durée, nb de pages vues Equipement technique des visiteurs: navigateurs, OS, débit. Sources du trafic: moteurs de recherche, visiteurs directs, sites référents. Analyse du contenu: pages les plus consultées, pages d entrée et de sorties. Recherches internes au site Objectifs et conversion Rapports personnalisés Liaison avec AdWords 43

9 Google Adwords Public : Chef d entreprise, Référenceur, agence de communication, Webmasters, marketing, webmarketing... Durée : 3,5 heures (1/2 jour) Objectifs : Optimiser votre budget et vos mots clés, comprendre et améliorer l utilisation de google Adwords Les règles indispensables pour réussir une campagne adwords Structure d une campagne AdWords: compte, campagne, groupe d annonces, annonce Tableau de bord Les paramètres de campagne: budget, options de diffusion, réseau de diffusion, mode et cible. Réseau de recherche et réseau de contenu Campagne simplifiée et campagne standard Optimisation de campagne Réseau de recherche ou Réseau Display Fonctionnement du marché : la notion d enchère, de placement et de qualité Critères de classement Les outils d aide à la gestion de campagne: Générateur de mots clé Générateur de mots clés basé sur les recherches Mots clé à exclure Sites à exclure Exclusion d adresses IP Outil de prévision de trafic Tendances des recherches Objectifs et conversion La liaison avec Google Analytics Les rapports personnalisés 44

10 Customiser son thème Wordpress avec HTML et CSS Public : gestionnaire de site, Webmasters et développeurs de sites Internet Durée : 21 heures (3 jours) Objectifs : Apprendre à customiser son thème par l actualisation des connaissances en Html5/CSS3 adapté à la structure d un thème Wordpress. Révision des principes HTML 4 et CSS 2 HTML 5 La vision sémantique du HTML 5 Les nouveaux éléments : section, article, aside, nav, section Les formulaires HTML 5 Les nouveaux types ( , tel,...) Les nouveaux attributs de formulaires (required, placeholder, label, fieldset) Audio et Video en HTML 5 Les balises video et audio, leurs attributs Wordpress, HTMl CSS Créer un thème enfant à partir d un thème de base Surcharger le code pour personnaliser le css du template Ajouter des élements (texte, titre, images) et les positionner Supprimer les éléments indésirables Commenter son code Masquer certains éléments Personnaliser les widgets via html et css Ajouter une feuille de style additionnelle CSS3 Standardiser les propriétés Mise en page, positionnement, dimensionnement Les pseudo-element les nouveaux selecteurs :hover, :before, :after, :firstletter Coins arrondis Ombres portés, ombres interne Couleurs, dégradés, et transparence Intégrer ses propres polices Mise en page multi-colonnes Principe des Media Queries CSS3 pour créer des sites Web responsive Feuille de style CSS multi-écran pour ordinateur, mobile et tablette 45

11 WordPress et le plugin WooCommerce Public : gestionnaire de site, Webmasters et développeurs de sites Internet Durée : 14 heures (2 jours) Objectifs : WooCommerce est avant un plugin WordPress qui ajoute des fonctionnalités Ecommerce à votre site. Vous pourrez ainsi : Faire de la vente et gérer de vos produits, utiliser différents systèmes de paiement (Paypal, CB), générer des statistiques de vente, ajouter des plugins spécifiques (meilleures ventes, promotions, etc), calculer les différents coûts de transport et des taxes, mettre en place une gestion des stocks. Découvrir les sites de e-commerce Comprendre ce qu est WooCommerce Installer WooCommerce Installer un thème WooCommerce Intégrer les exemples de produits Paramétrer sa boutique Paramétrage général Paramétrer son catalogue en ligne Les permaliens Personnaliser sa boutique Les meilleurs plugins pour faire du ecommerce avec WordPress Page d accueil de l e-boutique Gérer les ventes Gérer les commandes de sa boutique en ligne Analyser les ventes de son site e-commerce Les comptes client Configurer les s de sa boutique en ligne L ings pour votre ecommerce Modes de paiements Options de commande Payer en ligne par carte de crédit La taxation de sa boutique Faire l inventaire des produits en ligne Gérer les produits de sa boutique Ajouter un nouveau produit Les données des produits Catégories de produits Images aux produits Noter et commenter les produits Modes de livraison 46