formations Web Mobilité

Transcription

1 formations Web Mobilité

2 2 jours (14 heures) de comprendre les différentes étapes de la création d un site Internet, Connaître les différents outils permettant sa réalisation et Gérer les différentes phases de conception et les intervenants jusqu à la mise en ligne d un site Web. Connaître l environnement Mac ou PC, pratique courante de l internet. Cette formation s adresse à toute personne en charge de élaboration et du suivi d un projet de création de site. Conduite de projet web Initiation Analyse de la situation et ciblage Etude du secteur d activité concerné Détermination des objectifs Promouvoir, informer ou vendre Dé nition de l Arborescence. Cahier des charges et conduite de projet Hébergement de nom de domaine Dé nition des moyens techniques Equipe projet ( graphisme ) Planning et phases de validation. Design graphique Choix de la charte graphique Navigation et ergonomie Choix couleurs, photos et formes. Gestion de contenus Modi cation, suppression, Création de contenus, textes, images et liens Test des pages et production Réalisation d un site ( phases d organisation). Après mise en ligne Organisation a n de faire connaitre son site, Stratégie de référencement et moyens de mise en oeuvre.

3 2 jours (14 heures) de renforcer votre connaissance sur les outils de recherche et d es techniques de référencement naturel a n d optimiser la visibilité de votre site sur les moteurs de recherches, principalement Google. Avoir de bonnes connaissances courante de l internet, Pratique d un environnement Mac ou PC. Cette formation s adresse à toute personne souhaitant optimiser son site, développer sa visibilité sur le net, et bien se positionner sur les moteurs de recherche. Référencement naturel Initiation Qu est ce que le référencement naturel? Dé nition du SEO Les différents outils de recherche: moteurs, annuaires, Les principaux acteurs: Google, Bing, Yahoo et Baid Différenciation avec le référencement par liens commerciaux. Fonctionnement des moteurs de recherche Qu est ce qu une page de résultats Assistance à la recherche et aux choix de mots clés La recherche universelle La recherche sémantique La personnalisation des résultats Fonctionnement des moteurs: différence entre indexation et positionnement Indexation par les robots Facteurs bloquants D autres facteurs in uençant l indexation. Méthodologie de travail Analyse des expressions clés recherchées Optimiser son rédactionnel Trouver les bons mots clés: méthodes et outils L analyse des sites concurrents L évaluation et la quali cation des mots clés Évolutions des algorithmes: exemples au l du temps. Optimisation sur site L optimisation du contenu Les titres Le texte Nom de domaine et URL Les balises indispensables Les optimisations techniques Hébergement et performance du site Contenus accessibles. Optimisation hors site Le netlinking Etablir des partenariats Annuaires Blogs Réseaux sociaux SMO.

4 1 jours (7 heures) Cette formation vous présentera les avantages du community management, et les méthodes applicables à la bonne gestion de votre image sur internet ( e-réputation ). Avoir une pratique courant de l environnement Mac et/ou PC, et usage de l internet. Cette formation s adresse à tous ceux qui souhaitent acquérir les fondamentaux théoriques et pratiques du référencement par le biais des réseaux sociaux. Elle fournit l état des lieux des réseaux les plus pratiqués et les savoir-faire fondamentaux pour bien gérer son image sur internet. Très concrète et accessible, elle vise à accélérer le bon référencement d un site et sa visiblité. Réseaux sociaux et e-réputation Principes des réseaux sociaux : Les caractéristiques du Web communautaire et ses impacts Les différents types de communautés ( facebook, twitter, viadéo, linkedin, youtube...). Connaître les médias sociaux Blogs Wiki Réseaux sociaux Mondes virtuels Les communautés de partage de photos et vidéos Les plates-formes collaboratives des éditeurs Cette partie inclura une prise en mains, sur PC, des outils en ligne abordés. Fondements du community management Le poste et les enjeux Les différents types de community managers Aptitudes et comportements sur internet (commentaires, forums, liens...). Mise en pratique : veille concurrentielle sur internet. Pourquoi faire de la veille (surveiller ce qui se dit sur sa marque, son entreprise) Les principales sources de veille (blog, micro-blogging, réseaux sociaux, moteur de recherche, outils des éditeurs, médias sociaux...) Monter un tableau de bord de veille croisée avec les statistiques de visites.

5 Community Manager 3 jours (21 heures) d apprendre à mettre en place et maitriser le développement d une communauté sur Facebook, les différentes techniques d animation des réseaux sociaux et en mesurer leurs performances. Avoir une bonne pratique de l Internet. responsable de communication, les responsable marketing, les attachés de presse, les chefs de projet Web en agence ou chez l annonceur. Qu est-ce qu un Community Manager? Quel pro l et quelles compétences pour un community manager. Community manager > en interne, externe (en Agence ou Freelance)? Maitriser les outils collaboratifs et les réseaux sociaux. Les bons outils au quotidien du Community Manager. Écouter les communautés sur le Web Quelle est votre image auprès des communautés. Monter un dispositif technique de veille sur Internet. Analyser les ux d informations. Animer une communauté Dé nir process et règles éditoriales. Maitriser l écriture sur Internet. Établir une stratégie cross-média. Être présent sur Facebook Intervenir sur les fanpages. Savoir mettre en place des campagnes publicitaires. Suivre les évolutions et les nouvelles fonctionnalités. Créer un pro l Twitter Créer un pro l de marque. Les codes de communication Twitter. Créer une page of cielle sur Twitter. Acquérir des followers. Pour prolonger les échanges, partager un retour d expérience. Étendre une communauté sur les réseaux Les nouveaux réseaux sociaux. Monter une opération d in uence. Lancer une campagne 360. Relayer les actions sur Internet par des évènements IRL (in the real life). Community manager : Approcher les blogueurs Se familiariser avec l économie des blogs. Utiliser les Relations Presse online. Gérer une crise par le community management Les réactions des communautés en situation de crise. Jouer la transparence et miser sur la réactivité. Outils et méthodes pour se préparer et anticiper les crises. Mettre en place une opération d in uence Dé nir les axes de discussion. Les supports de la campagne d in uence. La mesure de l in uence et des retombées.

6 1 journée (7 heures) Cette formation vous permettra de comprendre les fondamentaux du Web Analytics et utiliser avec ef cacité l outil Google Analytics pour mesurer l audience de votre site Web. Avoir un minimum de connaissance du Web et du E-marketing Cette formation s adresse aux chefs de projet, webmasters, consultants en génération de tra c et directeurs e-commerce. Google Analytics initiation à l audience d un site Web Rappel des fondamentaux du web Comment fonctionne un moteur de recherche Les différents moteurs de recherche Le référencement naturel (SEO) et payant Pourquoi faire du suivi de statistiques Fonctionnement de l outil Dé nition d un outil WebAnalytics La différence entre Sitecentic et Usercentric Dé nition d une visite. Installer Google Analytics Comment créer votre compte Google Analytics? Comment Google Analytics mesure l audience de votre site Véri er l installation de la mesure d audience. Analyse des visiteurs Qui sont les internautes qui visitent votre site? Vos visiteurs sont-ils dèles? Comprendre vos internautes Analyse des sources Accès direct & tra c de marque Sites référents : qui sont vos vrais partenaires Comprendre et mesurer l audience de votre référencement naturel Les autres sources de tra c possibles. Analyse des pages visitées Quelles sont les pages les plus visitées Les pages d entrées et de sorties Comprendre et identi er les requêtes du moteur de recherche de votre site. Con guration des conversions Comment bien mesurer vos conversions Ajouter un suivi des évènements Mesurer votre Chiffre d affaire au quotidien. Le plan de tagguage Identi er le tra c de Google Adwords Mesurer l impact de vos campagnes d ings Tracker les autres sources (comparateurs, réseaux sociaux ). Générer votre tableau de bord Exporter vos données Créer un rapport personnalité Gérer vos alertes.

7 Google Adwords 3 jours (21 heures) de maitriser l ensemble des réseaux de diffusion Google AdWords ainsi que les critères de ciblage dans le but d optimiser ses campagnes a n d améliorer ses performances en fonction des objectifs xés Avoir un minimum de connaissance de base des sites Web. commerciaux et responsables marketing et toute personne liée à la promotion d un site Web avec une campagne payante sur Internet. Le référencement payant avec Google AdWords Les principes et fonctionnement du référencement payant Réseau Search Réseau Display Le format et la diffusion des annonces Réseau Youtube Réseau Mobile. Bien construire sa campagne Méthodologie et dé nition des objectifs et prise en compte des contraintes Architecture d un compte et des campagnes AdWords Paramétrage : réseaux, géolocalisation, calendrier, langues, terminaux, horaires Recherche ef cace des mots clés Sélection des sites ou sélection par pertinence Outil de sélection AdWords et Youtube. Rédaction d annonces Règles de rédaction et de création Outil de création graphique Exploiter les extensions d annonces. Optimisation des campagnes Dé nition des indicateurs clés de performance Mise en place des outils de suivi de conversion Mise en place d un tableau de bord de reporting. Optimisation du Quality Score Mots-clés négatifs, landing pages et A/B testing Ciblage et automatisation des actions Google Analytics.

8 2 jours (14 heures) Photoshop pour le Web les bases de prendre en main les fonctionnalités et les outils de base de Photoshop pour créer, travailler, retoucher vos images en vue de les exporter vers le Web. Avoir suivi au préalable le stage Photoshop initiation. Cette formation s adresse aux webdesigners, maquettistes, graphistes, opérateur PAO. Interface de Photoshop Explorateur de chiers Options et formes d outils Utilisation des calques Création et utilisation des calques Masques de fusion, masques vectoriels Transformation par souris(rollovers) Export Optimisation pour le Web Tranches. Animation. Gifs animés Sélection et détourage Méthodes de détourage, détourage par tracés Réglages des images RVB et couleurs Réglages automatiques Réglages par niveaux Utilisation des calques Création et gstion des calques Transparences Effets de calques Optimisation Web : enjeux généraux et contraintes Rappel des notions générales de taille, de dé nition, de colorimétrie et de format d image Techniques et contraintes de mise en page Web : tableaux, balise, css. Production Création de tranche Modi cation des tranches Insertion de liens (URL) Préparation pour l exportation Automatisation Création et utilisation de scripts. Traitement par lot Création de galerie (mini-sites) Web Exportation Optimisation des images pour le Web (taille, dé nition, GIF, JPEG, PNG) Paramètres d exportation (HTML, XHTML, CSS, ) Exportation des tranches.

9 1 journée (7heures) Fireworks les bases de prendre en main les fonctionnalités Fireworks pour préparer vos images en vue de les exporter vers le Web. La connaissance d un outil comme photoshop serait un plus. Cette formation s adresse aux webdesigners, maquettistes, graphistes, opérateur PAO. Les composants graphiques Bitmaps : retouche, modi cation des couleurs, application d un ou, traçage. Objets vectoriels : modi cation des trajets. Textes : saisie, style, transformation... Traits : remplissage de forme, texture, couleurs. Utilisation des calques, masques d images, effets. Les symboles Les boutons : création de menus déroulants, effets roll over, association de liens hypertexte. Les graphiques. Les animations. Publication Web Création de découpes, nommage. Export Web : optimisation de la palette, taille nale. Exportation GIF, JPEG... Création de composants. Traitement par lot Automatisation des tâches répétitives. Extension manager : téléchargement et installation de composants MXP complémentaires.

10 2 jours (14 heures) de Connaître les balises HTML et concevoir une feuille de style. Avoir un minimum de connaissance générales de l informatique et du web. graphistes, webmasters, chefs de projets, ou toute autre personne en charge d un site Web. Qu est-ce que le langage HTML : Les versions, Les éditeurs de codes, Les éditeurs avancés. Les balises HTML Les différentes balises La hiérarchie. Les feuilles de styles CSS Attacher une ou plusieurs feuilles de style Importer une feuille de style existante Créer une feuille de style reset Gérer les styles par périphérique. Ajouter une règle CSS Sélecteur de classe Sélecteur d identi ant Sélecteur de balise Sélecteur composé Calcul du taux de précision d une règle CSS. HTML et CSS les bases Propriétés usuelles Couleur Typographie Arrière-plans. Gestion des images insérer une image en arrière-plan répétition de motif positionnement. Gestion des listes listes ordonnées et non-ordonnées listes de dé nitions propriétés CSS liées au listes.

11 2 jours (14 heures) de comprendre les principes de création graphique et d intégration html en vue d être autonome pour l élaboration et l envoi de newsletters. Avoir un minimum de connaissance de l environnement Mac ou PC, et idéalement bonne connaissance pratique de Photoshop. Notions courantes de l internet Toute personne souhaitant communiquer régulièrement par internet dans le cadre de ses relations commerciales. Newsletter Création et publication Avec Photoshop Les outils nécessaires Logiciels de création de pages Web Logiciels de création d images Logiciels d envoi de newsletters (*). Principes de la newsletter Les différents type d ing (texte, HTML) Collecte des adresses Les mentions légales Le poids des chiers. Création des pages Interface d édition Html Créer des pages Paramétrages du texte (CSS) Utilisation des couleurs Mise en page et repérage des liens Insertion d images Insertion de formulaires Insertion de liens. Gestion des images Interface de Fireworks (ou de Photoshop) Formats des images (GIF, JPEG) Poids des images Emplacement des images (locales, distantes). Principes d intégration html Découpes des images Création de modèles d envoi. Méthodes d envoi Utilisation des bases de données Le texte source Les données des destinataires Le paramétrage de l envoi Les envois groupés Les envois personnalisés La gestion des erreurs (*) Ces logiciels sont différents selon les systèmes OS X ou Windows.

12 5 jours (35 heures) de Maîtriser les bases de Dreamweaver pour créer des pages web et publier des sites. La connaissance de Photoshop ou Fireworks est un plus ainsi que la pratique d internet en tant qu utilisateur. toute personne souhaitant créer des sites web professionnels. Adobe Dreamweaver Initiation Con guration de Dreamweaver Dossier du site, l organisation des chiers Conséquence sur l organisation des chiers. Les différenets types de sites Sites statiques, sites dynamiques. Présentation de l interface de Dreamweaver Organisation des fenêtres et des menus. Le langage HTML Les bases du HTML, connaître les grandes lignes du langage HTML. Les styles et leur utilisation avec DHTML Découvrir les nouveautés du HTML 5. Visualiser le site dans les divers navigateurs. Les CSS Mise en place d une feuille de style (CSS) Rôle et fonctionnement du langage CSS Syntaxe de base : type de sélecteurs, propriétés CSS Utilisation de l éditeur CSS Designer Gestion de la typographie Tailles et unités de mesure Utilisation de polices Edge Web Fonts Création de combinaison de polices (Font Stacks) Mise en place multicolonne mise en pages xe, mise en pages uide Intégration multimédia (vidéo, son). Les images Les formats d images spéci ques au Web : GIF, JPEG, PNG La transparence dans les images, les propriétés des images Le rôle de la balise ALT, les outils de la palette Propriétés Liens avec Photoshop et/ou Fireworks. Création d une page Création d une page en mode Code Création d une page avec l assistance visuelle Insertion de textes, Insertion d images, Insérer des sons et des vidéos. Intégrer du Flash : boutons ; texte ; animations. Les outils avancées Les cadres (frames) et leur mode d emploi Les modèles et les éléments de bibliothèque Les formulaires et la validation Les feuilles de style CSS Le principe des pages web dynamiques Gestion du site. Paramétrage et véri cations Véri cation des liens hypertextes, réparer les liens rompus Véri cation selon les navigateurs et sur les tablettes, ordinateurs et mobiles Véri er la structure du site et les noms de chiers. Utiliser le FTP de Dreamweaver pour publier un site.

13 5 jours (35 heures) Cette formation vous permettra de prendre en main les fonctionnalités avancées de Dreamweaver. Avoir suivi le stage Dreamweaver : niveau 1 pour accéder à cette formation. Une bonne connaissance du HTML est indispensable. Adobe Dreamweaver Perfectionnement Rappel des standards Les normes : HTML, CSS1, CSSP, CSS2 Le Doctype et la validation. Les feuilles de style (CSS) syntaxe et vocabulaire Les sélecteurs : redé nition des balises HTML, les classes Les pseudos-classes, les ID, les sélecteurs hiérarchiques Les propriétés : formatage de texte, gestion des boîtes, propriétés graphiques Les valeurs et unités Les feuilles de style internes, externes, intégrées Le positionnement : absolute, relative, les ottants, les éléments PA (calques) Mise en pratique : réaliser différents types de mise en pages Méthode hybride, relooker un tableau (tableau + CSS) Méthode full CSS (mise en pages sans tableau) Menus de navigation en CSS. DHTML et AJAX en action dans Dreamweaver : principes généraux Le DHTML Le framework AJAX Spry. Infographistes, créateurs de sites Internet, maquettistes orientés web ayant déjà une première expérience de Dream- Weaver. Les outils de l intégrateur Les outils du mode Code Les indices de code AJAX Le Code navigator L outil Inspection CSS Les Validateurs HTML et CSS Tests avec Adobe BrowserLab. Mise en pratique : créer des pages web plus interactives Les widgets Spry Les comportements JavaScript L API Spry Introduction à l intégration des systèmes de gestion de contenu (WordPress, Joomla!, Drupal). Les formulaires Introduction au Web dynamique Principes du traitement côté serveur (PHP, CGI, SSI) Insertion et propriétés des champs de formulaires L expédition de formulaires Le traitement des données par des scripts serveur. La Bibliothèque Créer des composants réutilisables. Les modèles (templates) : notions avancées Principes généraux, Conception et utilisation Imbrication de modèles, attributs modi ables. Ajout d extensions Dreamweaver Les extensions utiles (HTML5 Pack...).

14 3 jours (21 heures) de créer des sites Web compatibles multi plates-formes (ordinateur, téléphone mobile, tablette) sans écrire une ligne de code. Avoir une bonne maîtrise des outils graphiques de mise-enpage et de traitements d images comme Indesign, Photoshop et Illustrator est fortement conseillé. graphistes, maquettistes, chefs de projet, toute personne souhaitant créer des pages Web. Adobe Muse Initiation Les fondamentaux du Web Design Passer d une logique print à une logique Web Principes de création d un site Web : HTML, CSS, JavaScript Comprendre le ux de travail, Les images pour le Web (formats, dimensions) Le référencement. L interface de Muse Les différents modes (plan, conception, aperçu) Interface et environnement de travail, Les outils et les calques. Création d un nouveau site Les options de création, Créer un plan de site, créer et gérer les gabarits Dimension, format et grille graphique pour le Web. Création des pages Modi er les propriétés de la page, Ajouter des métadonnées Gestion du zoning : en-têtes et pieds de pages, Ajouter un favicon. Les images Importer et recadrer des images, Utiliser des images en arrière-plan Ajouter un texte alternatif et une infobulle. Le texte Formatage du texte, Les différents types de polices Styles de caractère et styles de paragraphe Alignement du texte, interligne, habillage. Mise en forme graphique Ombre, biseau, transparence, dé lement parallaxe. Gestion de liens Créer des liens vers les pages du site, vers un site extérieur, une adresse , un PDF. Gérer des ancres, les styles de liens : couleurs et états. Les widgets Créer un diaporama animé (slideshow), Créer une table lumineuse (lightbox) Créer un accordéon, des infobulles, un menu, un formulaire de contact. Enrichir son site avec du HTML embarqué Présentation et fonctionnement du HTML Insertion de HTML, d une vidéo YouTube, d un bouton Facebook, d un plan d accès (Google Maps). Smartphone et tablette Créer une version smartphone et tablette du site Les dimensions et résolutions Principes d ergonomie et de navigation. Publication du site Comprendre la publication Web (site local, site distant) Publier sur le serveur Business Catalyst Exporter son site et le publier sur son propre serveur Web Modi er le contenu depuis l aperçu dans le navigateur.

15 3 jours (21 heures) de créer et d animer des éléments graphiques sous la forme d animations, des bannières, des menus, ou encore, des diaporamas pour les intégrer à votre site internet L utilisation courante de Photoshop et d Illustrator est recommandée. graphistes, webmasters, ou toute autre personne en charge de la création et de l animation de pages pour le Web. Flash Animation Initiation Découverte de l interface La scène, le scénario, les palettes. Personnaliser son espace de travail. L exportation swf et le Flash Payer. Dessiner et mettre en couleur des objets Créer, modi er des dessins à l aide des formes. Superposer des objets à l aide des calques. Créer des couleurs personnalisées : unies, transparentes, dégradées. Importer des visuels et les vectoriser. Créer un masque sur une image. Utiliser l outil Texte de Flash Mettre en forme du texte. Vectoriser un texte. Créer un lien hypertexte. Les différents outils les outils de dessins L outil de 3D L outil Deco. L utilisation des symboles et les occurrences Créer et imbriquer les symboles : graphiques, boutons, clips. Gérer les différents états d un bouton : press, rollover, zone sensible. Modi er les propriétés d une occurrence : effets de couleurs, ltre, transformation 3D. Création d animations avec Flash Dé nir les dimensions et la cadence d une animation. Ajouter, supprimer des images, images clé, images clé vides. Créer des interpolations de mouvement, classique ou de forme (morphing). Export d une séquence PNG. Vidéos et Son Importer du son. Affecter des sons à votre scénario, à des boutons. Paramétrage du son, démarrage, contrôle, arrêt. Les formats vidéo (. v,.f4v) et codecs (Sorenson Spark, On2 VP6, H264) Paramétrer l importation de vidéo à l aide du Flash Video encoder. Contrôler la lecture de sa vidéo. Ajouter des actions de base Affecter des actions simples au scénario ou à un bouton : contrôle de scénario, chargement d images, lien Url. Hiérarchie des objets et chemins. Syntaxe objet en programmation. Publier un projet Distinguer les différents formats Web. Optimisation de vos chies. Les bonnes pratiques de production. Paramètres de la publication.

16 3 jours (21 heures) Cette formation vous permettra de réaliser des animations pour vos pages web en respectant les nouveaux standards HTML 5 et javascript grâce à Edge Animate. Avoir une bonne maitrise des logiciels de création graphique comme Photoshop et Illustrator est un plus. graphistes, webmasters, ou toute autre personne en charge de la création et de l animation de pages pour le Web. Adobe Edge Animate Initiation Présentation de Edge Rôle des langages HTML5, CSS3, JavaScript, SVG Comprendre la structure HTML5 avec Edge Animate. Découverte de l interface Installer, Espace de travail / langue La barre d Outils, le panneau Éléments et la Scène Le panneau Propriétés Le panneau Bibliothèque, Actifs, Symboles et Polices Le panneau Scénario, le(s) panneau(x) Code. Créer, modi er, enrichir, réutiliser Créer / Sauvegarder un document Edge Les outils (Rectangle, Arrondi, Ellipse) Le texte, les images, les outils (Sélection, Transformation, Recadrage) Propriétés d objet (opacité, couleurs (contours, fond), ombres) Hiérarchisation, alignement, distribution, réorganisation d objets Groupes et symboles (+ exports), Redimensionner ou déformer un objet, Polices en ligne, téléchargeables, par abonnement Dynamiser une page HTML existante. Mise en page proportionnelle Options de redimensionnement, Mise à l échelle des symboles Guides % et px, Mise en page adaptative Animer Utiliser la timeline (règles de base, player, grille de temps, keyframes) Animation simple et complexe (Déplacements, apparences, rythme, accélérations), Transitions et clés d animation Marques de verrouillage et pop, Zoom, Images Clé, Transitions Lisses Changement immédiat, Déplacement des objets Utiliser la fonction de rotation ou d inclinaison d un objet Modi er les aspects d un objet, Sauter à la prochaine keyframe Af chage d un symbole. Interactivité Ajout d interactivité, Code sur la timeline, Actions sur les objets, Propriété Curseur, Ergonomie et fonctions avancées, Type d évènements, Initiation au code (échanger avec un développeur, comprendre les besoins). Exporter / Diffuser Exporter une animation, Scène de niveau inférieur (IE 6, 7 et 8) PréLoader, Af che, Publier sur le web Publier vers indesign + DPS ou ibooks Author. Fonctionnalités avancées ou externes Accessibilité / Ordre de tabulation / SEO Muse, Illustrator, Shadow, Photoshop.

17 3 jours (21 heures) d installer, con gurer et mettre en production un site avec Wordpress Avoir de bonnes connaissances générales de l informatique et du web. administrateurs, webmasters, web designers désirant installer et gérer un site avec WordPress. WordPress prise en main du CMS L interface d administration de Wordpress tableau de bord, Les notions de base de Wordpress : catégories, mots clés, billets/articles, pages, commentaires, rétroliens, médias, archives, blogoliste, ux rss, permaliens Thèmes, Widgets, Extensions. Créer et gérer du contenu Concevoir la structure et gérer les catégories Dé nir et gérer les mots clés Mettre en place les menus Règles éditoriales Rédiger des billets / articles Mise en forme du texte, ajout de liens Gestion des médias, Insérer (et redimensionner) une image, un média, etc Etat de publication et visibilité (contenu public ou privé) Gestion des commentaires Créer et rédiger des pages - Hiérarchie des pages Modèles spéci ques à certaines pages Créer, modi er, supprimer des contenus Gestion des liens et catégories des liens, et de la blogoliste. L apparence du site Modi er l apparence d un site : thème, CSS, images... Intégrer, paramétrer et modi er un thème de base Installer et con gurer une extension de Wordpress lettre d informations, calendrier, sondage, formaulaire de contacts Présentation et utilisation de quelques plugins importants. Gestion des utilisateurs Créer et gérer les utilisateurs Gestion des rôles et droits. Maintenance du site Sauvegarde du site Améliorer le référencement et promouvoir le blog / site (outils SEO, bonnes pratiques, ).

18 3 jours (21 heures) de personnaliser un template existant et de savoir créer un template graphique WordPress Pouvoir personnaliser les différentes pages et éléments et y intégrer un menu, des fonctionnalités ou des plug-ins. Avoir de bonnes notions du HTML/CSS, Maitriser la mise en page d un site intégralement en CSS et être familier de l interface Wordpress webdesigners ou développeurs web. WordPress création de templates en HTML et CSS Introduction Dé nition et fonctionnement Listing et hiérarchie des Fichiers Règles de nommage Anatomie d une page type Validation W3C. Intégration HTML Introduction au Lp WordPress Le Header La sidebar L af chage des Widgets Le lefter La création de sous-templates L insertion des commentaires La 404.PHP. Feuilles de style CSS Présentation des feuilles de styles Placement des différentes parties du thème Customisation du header et du contenu Customisation de la sidebar et du footer Customisation des commentaires.

19 3 jours (21 heures) Cette formation permettra de vous apprendre à mettre en place, con gurer et administrer une boutique en ligne à l aide de la solution E-Commerce PrestaShop. Avoir un minimum de connaissance de l environnement Mac ou PC, et une utilisation courante d internet, Notions en termes de «vente en ligne» Cette formation s adresse à toute personne amenée à gérer quotidiennement un site de vente en ligne. Prestashop Utilisateur Initiation Présentation Prestashop E-commerce A propos de Prestashop Commerce Les Différentes fonctionnalités Comparaison avec les autres solutions e-commerce. Installation de la Boutique Installation en local Installation sur serveur distant. Installer les Traductions (Français). Le front Of ce Inscription client L espace client La commande Le moteur et les options de recherche. Le back of ce Produits phares sur la page d accueil Le tableau de bord Les catégories / Les produits Les attributs et les groupes d attributs Les déclinaisons de produits La gestion des ventes Traitement des commandes Annulation de commandes. La gestion des clients Promotions et opérations marketing Promotions Créer des listes de prix, gérer les frais de port Réécriture d URLS pour les produits Optimisation du référencement (SEO) Gestions des employés Les pages statiques (Le CMS). Con gurations et optimisations Installation automatique de modules Installation manuelle de modules Personnalisation apparence / Installation de thèmes.

20 3 jours (21 heures) de mieux maîtriser le coeur et les modules de PrestaShop. Nous explorerons l architecture de PrestaShop a n de savoir intervenir et personnaliser les fonctionnalités spéci ques. Vous serez ensuite capables de développer des modules vous même et de les intégrer. Avoir un minimum de Connaissance de l environnement Mac ou PC, Utilisation courante d internet, Notions en termes de «vente en ligne» Cette formation s adresse à tout développeur expérimenté en programmation objet, amené à gérer quotidiennement un site de vente en ligne. Prestashop pour les développeurs Présentation Technologies, outils et modèles employés Qu est ce que le mode MVC (Modèle Vue Contrôleur). Mises à jour Qu est ce que le «core «: modules et thèmes Gérer les mises à jour Fichiers de con guration. Le coeur de Prestashop Organisation de la base de données Gestion des classes Système d abstraction des bases de données. Ajouts de fonctionnalités Fonctionnement du système de modules Extensions des fonctionnalités du Back-of ce. Prestashop et la sécurité Sécuriser le code PrestaShop Bonnes pratiques d utilisation, de con guration et de personnalisation d une boutique sous PrestaShop. Communication et synchronisation avec d autres logiciels Synchronisation avec des applications tierces Import/export de données (catalogue, clients, commandes...). Gestion des paiements Aperçu d un module de paiement type (Atos) Modules de transactions bancaires.

21 HTML5, CSS3 et Javascript 3 jours (21 heures) de créer des interfaces riches, interactives et ergonomiques pour y intégrer du contenu multimédia compatibles multiplateformes. Avoir une bonne maitrise des bases en HTML, CSS et JavaScript. développeur web, intégrateur, webdesigner. Présentation des technologies HTML5, standards et (rétro-)compatibilité, Navigateurs et outils de travail. Sémantique, référencement et accessibilité en HTML5 DOCTYPE, encodage, règles de syntaxe, Les nouvelles balises sémantiques, Relations, micro-formats et micro-données. Sélection et positionnement en CSS3 Nouveaux sélecteurs CSS,Inline, block & oat Contenu en colonnes, Le futur du positionnement : ( ex)box. JavaScript nouvelle génération Mode strict et chargement asynchrone DOM Level 3 : agir sur la page >> Gestion dynamique des événements Debug et détection du support du HTML5 >> JSON et initiation au modèle objet, Initiation à jquery. Formulaires nouvelle génération Ergonomie, mobile et accessibilité >> Suggestions automatiques Graphisme dynamique simpli é. Graphisme avancé Polices de caractères personnalisées, Couleurs et dégradés, Ombres et opacité, Bordures et arrières-plans avancés. AJAX nouvelle génération : XMLHttpRequest 2, Fichiers joints et progression >> Requêtes cross-domain. Historique et navigation AJAX avec historique, Navigation par ancres, Communication entre onglets. Vidéo et audio Formats, codecs et outils,balises, API JavaScript, Plein écran Transformations, transitions et animations, Rotation, translation, etc, Changement progressif d un style, Animations, Timers. Géolocalisation : Obtenir et suivre la position de l utilisateur. Sites mobiles : media-queries et tactile S adapter à la résolution d écran et à l orientation Réagir aux événements tacticles. Glisser-déplacer : Attributs HTML et API JavaScript. Images : canvas et SVG Images vectorielles, Création dynamique d images en JavaScript. Stockage local et contenu hors ligne Attributs data- personnalisés, localstorage et sessionstorage, manifest, indexeddb : base de données locale. Communication serveur nouvelle génération SPDY : le HTTP accéléré, Server-sent events, Websockets : communication permanente, Initiation à node.js. Performances Webworkers: scripts simultanés et partagés Page Visibility API, Battery API, Navigation Timing API.

22 JQuery 3 jours (21 heures) de mettre en oeuvre et améliorer l ergonomie et l interactivité de vos sites a n d optimiser leurs af chages sur les différents terminaux (ordinateur, tablette, mobile.) La maitrise du JavaScript, du HTML et des CSS est recommandé développeurs web, webmaster, webdesigners. Syntaxe JavaScript : notions fondamentales Variables et données : les types primitifs et propriétés de base Opérateurs : expressions et conditions, opérateurs relationnels Structures de contrôles : conditionnelles, boucles Introduction au DOM. Introduction à jquery Obtenir et installer jquery Insertion de jquery dans une page Web, balises et attributs L objet jquery Les événements Exploration du DOM avec les CSS selectors Manipulation des valeurs des attributs Les Timers Les animations et les effets Système événementiel. Introduction à jqueryui Présentation de jqueryui Mise en œuvre des widgets de jqueryui drag and drop, liste, accordéon, slider, datepicker, dialog. Construire des applications avec jquery Bandeau animé Diaporama Graphe animé Vidéo HTML5 et jquery Carte interactive Rollover Interactif Foire aux questions Création d ancres Mise en place d un système de complétion.

23 Responsive Web Design 2 jours (14 heures) de préparer et d adapter le design de vos sites dans le but d optimiser leurs af chages sur les différents terminaux (ordinateur, tablette, mobile.) Bonnes connaissances de l HTML et CSS webdesigners et développeurs web. Évolutions du Webdesign Evolutions des normes et multiplications des terminaux Les résolutions Web, mobile, tablette et TV Séparation contenant contenu Adaptation du contenant Mode paysage et portrait. Méthodologie La philosophie Les bonnes pratiques du responsive web design. Page adaptable & web application Site optimisé selon le média : mise en page, typographie, images et javascript Application web Application web mobile. Méthode & Framework Préparer son site pour les terminaux Penser ergonomie et lisibilité Frameworks et librairies ( Modernizr, Less, FitVids, Angular, iui...). Adaptabilité du contenant Gracefull degradation Responsive Design Détection des résolutions : Mediaqueries Detection des fonctionnalités Penser au futur Penser utilisateur, et tester. Adaptabilité du contenu Faire vite Mobile rst Un contenu unique et adaptif Tester Intégration d une web application avec iui.