Description
Le monde change, les temps changent , formez – vous à un métier d’avenir et anticipez l’évolution du milieu professionnel.
Le Webdesigner est un créatif spécialisé dans le monde du multimédia et d‛Internet plus particulièrement. Il définit l‛interface visuelle, ergonomique et graphique de sites Internet. Il participe à leur création dans l‛objectif de faciliter l‛expérience utilisateur. Il doit être doté d‛une fibre artistique et disposer de solides connaissances techniques en informatique. Mi- graphiste, mi- informaticien, le web- designer est spécialisé dans la création des pages Web. Dans certains cas, il sera amené à établir la charte graphique et à créer l’identité visuelle du site. Le webdesigner doit maîtriser les logiciels de graphisme (Photoshop, Illustrator…) et connaître les règles de l’ergonomie pour capter l’attention des visiteurs. On attend d‛un Web Designer qu‛il possède des compétences techniques, qu‛il connaisse les pratiques ergonomiques et graphiques. Il doit bien évidemment savoir maitriser les outils informatiques concernant l‛intégration de sites (Flahs, Javascript, HTML, PHP/MySQL, Dreamweaver), ainsi que des logiciels de traitement de l‛image (Photoshop, Illustrator, InDesign etc.)
Autres appellations
Designer d’interface Web
Directeur Artistique Web/Designer d‛Interactivité,
Ergonome Graphiste internet/ Graphiste Web/
Webmaster.
Débouchés
- Parcours sanctionné par un certificat de professionnalisation.
- Agence Web/SSII (Sociétés de services en informatique).
- Dans les entreprises utilisatrices ou dans les services communication ou informatique d‛une entreprise.
- Dans un studio multimédia Agence de communication/Agence Web.
- Freelance.
Modalités de formation
Formation enseignée à distance .
Formation accessible toute l’année.
Accès aux cours en ligne 24H/24 pendant 12 mois + 06 mois de rattrapage gratuits en cas d’échec.
La durée effective de formation est variable et dépend du rythme de travail, de l’assiduité, de l’assimilation des cours,, etc…
Objectifs
À la fin de ce cours vous serez capable de:
- Administrer des pages Web
- Créer un site E-commerce
- Créer son site internet
- Concevoir un site internet avec WordPress
- Comprendre le rôle et les objectifs de l‛ergonomie dans un projet digital.
- S‛approprier la méthodologie ergonomique et l‛inscrire dans le projet digital.
- Inscrire la méthode ergonomique dans le Web design.
- Gérer des projets avec la méthode Agile .
- Mobiliser un vocabulaire technique précis dans vos relations avec les prestataires de la chaîne graphique.
- Formuler des besoins et définir un cahier des charges. Elaborer un planning production réaliste.
- Concevoir et réaliser graphiquement des supports de communication attrayants et efficaces, incluant le texte et l’image. Décliner une charte graphique.
- Maîtriser Photoshop pour le Web
- Coder en Ajax, Maîtriser les langages CSS, HTML, JavaScript, HTML. Utiliser jQuery. Développer des applications mobiles
- Concevoir des projets digitaux centrés utilisateurs, à forte valeur ajoutée
- Utiliser les outils numériques pour communiquer
- Améliorer les performances du site internet et optimiser son rendement pour une meilleure exploitation et organisation des activités .
- Comprendre le fonctionnement des moteurs de recherche/Mesurer l’audience de son site/Maîtriser les techniques
- Optimisation de son référencement naturel/ Accroître la notoriété de son site avec le référencement payant.
Public ciblé
- Formation accessible à toute personne en reprise d’études, en situation de reconversion professionnelle ou de développement de compétences.
- Formation accessible aux personnes en situation de handicap : possibilité d’organiser un parcours pédagogique personnalisé en accord avec le référent pédagogique.
Durée
550 heures de formation /Accès aux cours en ligne pendant 12 mois + 6 mois de rattrapage gratuits en cas d’échec
Programme de la formation
Module 1 Administration de pages web
Objectif : Administrer des pages web
- Les métiers du web changent
- Rappel sur le cycle de la création d‛un site Internet: Qu‛est-ce qu‛un site Internet ? A quoi sert un site Internet?. Que faut-il pour créer un site Internet?
- Pourquoi faire évoluer une page web: La pertinence des contenus. Les services.
- La veille.
- Comment faire évoluer une page web : Cas 1 : Construit sur la base d‛un CMS . Cas 2 : Construit de toute pièce avec les outils HTML et serveur Apache .
- Que doit-on faire évoluer sur une page web ?
- Le poids du référencement: Mise en place du SEO sur WIX.- Lancement d‛une campagne sur Google Adwords.
Module 2 Création et Gestion de site E-commerce
Objectif : Créer un site E-commerce
- Qu‛est-ce qu‛un site e-commerce : Qui doit créer un site e-commerce . A qui s‛adresse les sites e-commerce.-
- Le E-commerce en chiffre: Le e-commerce en forte croissance ?. Combien coûte un site e-commerce (Le coût technique, le coût marketing).
- Avant de commencer
- Devenir e-commerçant : Avantages et inconvénients de la vente à distance.- Le fichier clients.- Trouver vos fournisseurs.
- Créer et gérer votre site e-commerce: Choix de la Template. Configuration de votre boutique (Comment
- Ajouter un article, Gérer vos clients, Le paiement : devis et facturation ). Gérer votre site internet.
Module 3 Création et gestion de site web
Objectif : Créer son site internet
- Avant de se lancer
- Comment fonctionne le net: Qu‛est-ce qu‛un site internet ?. A quoi sert un site internet?. Que faut-il pour créer un site internet?. Faut-il faire appel à un sous-traitant ou le créer soit même ?. Le coût de votre site internet.
- Les différents moyens de réaliser un site internet: Le degré de complexité du site à créer. Le degré de qualité. Le niveau de service. Qu‛est-ce que le référencement d‛un site internet ? L‛arborescence d‛un site internet. Le coût d‛un site internet. Exercice pratique. Conclusion .
- Le langage HTML qu’est ce que c’est?: Le code HTML et CSS. Etude d‛un cas concret. Les banques d‛images. Exercice
- Créer son site internet: Démarrage. Choix de la Template. Adaptation de la « template » à votre futur site. Exercices.
Module 4 Ergonomie web
Objectif : Comprendre le rôle et les objectifs de l‛ergonomie dans un projet digital./ S‛approprier
la méthodologie ergonomique et l‛inscrire dans le projet digital./ Inscrire la méthode ergonomique
dans le Web design.
Comprendre le rôle et les objectifs de l’ergonomie dans un projet digital
- Se familiariser avec la terminologie de l‘ergonomie : définitions, normes, processus
- Appréhender les notions d‘interface homme-machine (IHM) et d‘expérience utilisateur (UX) Distinguer les notions d‘interaction homme-machine et de charge cognitive
- Différencier les questions d‘utilisabilité et d‘accessibilité
S’approprier la méthodologie ergonomique et l’inscrire dans le projet digital.
- Questionner l‛utilité et la fonction principale d‛une application logicielle
- Impulser ou participer à la création d‛un registre de personas pour améliorer le “look and feel”
- Reconnaître la problématique du système d‛information : contenus, architecture, navigation
- Identifier la logique ergonomique de l‛interface : fonctionnalités, tâches, consignes, injonction
- Se familiariser avec les notions de patterns de l‛interface utilisateur et ses représentations graphiques
- Intégrer et utiliser les règles des chartes d‛interfaces iOS et Google Design
Inscrire la méthode ergonomique dans le Webdesign
- Identifier les étapes de la méthodologie ergonomique pour le Web design : rough, zoning, wireframe, prototype
- Améliorer la lisibilité optique de l‛interface utilisateur : gestion de l‛espace visuel, typographies, divulgation des contenus
- Résoudre les problèmes de lisibilité perceptuelle de l‛interface utilisateur : psychologie des formes, icônes, métaphores, proprioception
- Examiner le respect des grandes lois de l‛ergonomie : feedbacks, lois de Hick et de Fitt, affordances
Module 5 WORDPRESS
Objectif : Installer et paramétrer un site WordPress./ Entretenir et faire évoluer un site
Wordpress. /Sécuriser et réparer les bugs
- Histoire du CMS WordPress
- Créer et agencer les contenus
- Personnaliser l‛apparence
- Ajouter des fonctionnalités
- Concevoir la mise en page
- Sauvegarder et migrer son site
- Sécuriser le site
- Faire vivre le site
Module 6 – Initiation au design graphique
Objectif: Gérer des projets avec la méthode Agile . Mobiliser un vocabulaire technique précis dans
vos relations avec les prestataires de la chaîne graphique. Formuler des besoins et définir un
cahier des charges. Elaborer un planning production réaliste. Savoir choisir un procédé d’impression
répondant à des exigences de qualité, de coût et de délai.
Comprendre la chaîne graphique
- Définition d’une chaîne graphique.
- Les 5 étapes de la chaîne graphique.
- Les logiciels de création et mise en page : Xpress, Photoshop, Illustrator et InDesign et pixlr (tableau comparatif)
- La gestion des couleurs et des résolutions.
- Les traitements de surface et la finition.
- La photogravure : quadrichromie, tons directs, flashage…
- Les règles de base pour garantir le bon déroulement de la chaîne de fabrication.
- Les fichiers et documents à remettre à l’imprimeur.
Choisir la technique d’impression
- Choisir son support en fonction du rendu désiré (papiers, encres, surfaçages…).
- Déterminer le procédé d’impression le plus adapté à son projet (offset, numérique…).
- Choisir le bon imprimeur pour son projet.
- Utiliser le Computer To Plate (CTP).
- Répercussions budgétaires de ses choix techniques.
Focus sur la finition et le façonnage
- Les vernis et le pelliculage.
- Le gaufrage.
- L’assemblage et le brochage.
- Les découpes.
- L’utilisation de formes et volumes : découpes, pliages…
Bien gérer la relation contractuelle avec l’imprimeur
- Les éléments contractuels.
- Lesnotions juridiques.
- Le bon de commande.
- Le Bon à Tirer (BAT).
- Les épreuves colorimétriques.
- Le fond perdu.
Contrôler la qualité et la conformité du produit fini
- Connaître et suivre les différentes étapes de
- contrôle. Le cromalin numérique.
- La certification FOGRA.
- Les pré-tests de validation.
- Le contrôle final de la conformité du produit.
Module 7 – Design graphique
Objectif: Concevoir et réaliser graphiquement des supports de communication attrayants et
efficaces, incluant le texte et l’image. Décliner une charte graphique. Ce module permet d‛acquérir
les règles de communication visuelle, d‛aborder les bases de la maquette, les formats, les
proportions, les tracés régulateurs, le colonage ,etc…
- Le rôle de la maquette et de la mise en page.
- Proche du produit fini.
- Alliance de l‛esthétique et des contraintes techniques.
- La communication. Définition d‛axes de communication.
- Analyse de supports en édition, en presse, PLV ou marketing…
- La communication graphique. Définition d‛axes et de lignes graphiques (les couleurs, le style, lesimages ,etc…)
- Pertinence des choix typographiques et iconographiques.
- Définition d‛un projet de création éditoriale : magazine, journal, brochure, PLV…
- La construction du gabarit. Le format. Les pages et leur nombre.
- Le foliotage. Les tracés et les règles de proportion, le nombre d‛or…
- Les blancs d‛empagement . Le contenu de la maquette : les éléments de placement textes et images Assemblage des pages et finitions.
Module 8 – Photoshop Niveau 1 pour le Web
Objectif: Découvrir les fonctionnalités de base du traitement de l‛image, en vue de sa
retouche et correction, et de la création de photomontages et compositions simples.
- Notions essentielles sur l‛image et la couleur :
- L‛image numérique : bitmap et vectoriel
- Définition et résolution des images :
- Principaux formats d‛image – Principaux modes colorimétriques – Les profils colorimétriques
- L‛espace de travail :
- Principaux éléments.- Barre d‛outils et raccourcis
- Création de document :
- Nouveau document ou ouvrir une image – Taille de l‛image – Taille de la zone de travail – Gestion des calques – Principes et panneau des calques.
- Les sélections :
- Sélections géométriques et lassos – Sélection rapide, baguette magique et sujet – Lissage et contour progressif – Autres méthodes de sélection – Plages de couleurs – Mode masque – Outil plume pour la sélection – Gérer les sélections – Espace de travail «sélectionner et masquer» – Copier, coller
- Le détourage :
- Masque de fusion – Suppression de pixels – Outil gomme d‛arrière-plan
- Le Texte :
- Insérer et modifier – Le texte curviligne
Module 9 – AJAX/JSON
Objectif: Coder en Ajax
- Pré requis
- JSON: Qu‛est-ce que JSON ?. Différences entre JSON et les objets JavaScript. Conversion JSON/String (Sérialisation, dé sérialisation) .
- JSON et JavaScript. JSONP. Outils JSON
- HTTP: Qu‛est-ce que HTTP ?. Les bases de HTTP. Les URLs (Les verbes,
Module 10 – CSS
Objectif: Maîtriser le CSS La mise en place du CSS
- Le CSS ?
- Un peu d‛histoire.
- Où écrire le CSS ?(Ecriture du style dans le fichier .css , Ecriture du style l‛entête <head>, Ecriture directement dans les balise, Quelles solutions prendre ?)
- Comment « coder » dans un fichier .css? (Un même style pour plusieurs balises, Commentaire ,Style class et id).
- Les balises universelles. Les sélecteurs avancés Le sélecteur universel (Une balise contenue dans une autre, une balise qui suit une autre, une balise qui possède un attribut, une balise, un attribut et une valeur exacte).
Comment formater du texte :
- La taille (La taille absolue, La taille relative).
- La police (Comment changer de police ? Créer sa propre police , souligner, gras, italique, …).
Les couleurs des textes et les fonds :
- Jouer avec les couleurs de texte.
- Jouer avec les couleurs de fonds(Pour les textes, Pour les images).
- La condition switch.
- Les conditions sur les variables
Module 11 – Développement d’application mobile
Objectif: Développer des applications mobiles
- Prérequis
- Principes: Les contraintes logicielles. Configurer votre environnement de développement
- Lancer sa première application Smartphone
- Nos premiers pas avec les components REACT
Module 12 – HTML
Objectif: Aborder le langage HTML
Le langage HTML-CSS :
- Comment fonctionne un site internet ?
- Définition de son environnement de travail
- Exemple de codes
Notre première page HTML :
- Les bases en HTML.
- Les balises HTML.
- Les attributs en HTML.
- Structure d‛une page HTML.
- Afficher ma première page
- HTML
Organisation de son texte :
- Les paragraphes.
- Les titres en HTML.
- Mettre en valeur ses textes. Les listes.
Les liens, Les images :
- Insérer une image., notion de figure, etc…
Module 13 – JavaScript
Objectif: Aborder le langage Javascript
Introduction
- Mes premiers scripts JavaScript :
- Affichage d‛une boite de dialogue
- Les variables :
- Les différents types de variables
- Les opérateurs numériques.
- Concaténation des chaines de caractères.
- Interaction avec l‛utilisateur.
- Conversion d‛une chaîne de caractères en nombre
- Les conditions :
- Les opérateurs de comparaison. Les opérateurs logiques.
- Les conditions « if » et « else ».
- La condition switch. Les conditions sur les variables
Module 14 – JQuery
Objectif: Utiliser JQuery
Introduction à jQuery :
- A Propos.
- Qu‛est-ce que jQuery ? Le Web et son histoire. Pourquoi jQuery ?
Les outils nécessaires au développement avec jQuery :
- L‛éditeur de texte.
- Le navigateur
Installation de jQuery :
- Les bases du framework jQuery.
- Fonctionnement de base de jQuery
Les sélecteurs :
- Modifier le contenu d‛un élément.
- Manipuler le DOM
Modifier le contenu d‛un élément HTML :
- Manipuler un élément HTML
JQuery et les évènements :
- Evènements souris.
- Evènements clavier.
- Evènements éléments.
- Evènements pages.
Plus loin avec jQuery :
- Les évènements encore et toujours
Module 15 – PHP
Objectif: Aborder le langage PHP
- Qu‛est-ce que le php ? : Utilisation de php – Notions essentielles.
- Préparer mon environnement de travail
- Mes premiers pas en PHP : Ma première instruction (insérer du texte). Gestion des erreurs.
- Les variables en PHP : Les types – Manipulation des variables. Les conditions
Module 16 – UXDESIGN
Objectif: Concevoir des projets digitaux centrés utilisateurs, à forte v aleur
ajoutée
Qu’est-ce que l’UX Design ?
- Qu‛est-ce que l’UX Design ?
- Qu’est-ce qu’une expérience ?
- D’où vient l’UX Design ?
- D‛où vient le Design Thinking ?
- Design is business : Pourquoi c’est
- important ? Les bénéfices de l‛UX
- Les métiers de l‛UX
Design is business
- Les chiffres
- Le Design Thinking : le process de créativité
- Les méthodes du Design Thinking (double diamant)
- Les approches : Service Design, Design Thinking, Lean UX, Agile
- UX Les livrables UX (User research – personas – user journey – wireframes)
Quelles sont les préoccupations quotidiennes des UX designers ?
- Faire comprendre aux utilisateurs ce que vous offrez
- Rendre votre offre attractive
- Permettre aux utilisateurs de s‛engager davantage dans votre service, les faire venir et revenir
User research
- L‛entretien utilisateur
- Le focus group
- Le persona
Mener des tests utilisateurs
- Remote User testing (test distants et comparaison avec le présentiel) Classer avec les critères de Bastien et Scapin
- Les méthodes pour mettre en place la phase de tests
- Les méthodes pour recueillir les besoins: questionnaire, interviews…
Module 17 – Communication digitale
Objectif: Améliorer les performances du site internet et optimiser son rendement pour une meilleure
exploitation et organisation des activités.
En quoi consiste la communication via le Web?
- Concevoir et diffuser une newsletter :
- Qu‛est-ce qu‛une newsletter ? Pourquoi élaborer une newsletter ? Que met-on dans une newsletter ? Cas concret d‛élaboration (créer la liste d’abonnés, etc…)
- Les outils collaboratifs :
- Qu‛est-ce qu‛un outil collaboratif ? Pourquoi les utiliser ? Les différentes familles d‛outils collaboratifs (Cas concret d‛utilisation).
- Utiliser les réseaux sociaux professionnels :
- Qu‛est-ce qu‛un réseau social ? Pourquoi les utiliser ? Liste des réseaux sociaux les plus fréquents et leur fonctions principale ? Comment faire le suivi des réseaux sociaux ? Cas concret d‛utilisation
- L‛emailing :
- Qu‛est-ce qu‛un emailing ? Comment faire le suivi d‛un emailing ?
Module 18 – E-réputation
Objectif : Conserver en permanence auprès de ses clients, des acteurs économiques et de l‛opinion
publique une image favorable à la réalisation de son activité par la maîtrise de sa réputation sur
internet.
- L‛image
- La réputation et l‛e-réputation
- L‛influence et l‛e-influence.
- Circuit de propagation de l‛information (tous médias).
- Risques et impacts d‛une mauvaise gestion de son image sur l‛internet.
- Surveiller son image, celle de ses fournisseurs et de ses concurrents sur l‛internet : sites à surveiller, rôles du web 2.0 et des réseaux sociaux, outils et méthodes.
- Focus sur l‛open data.
- Améliorer son image sur l‛internet.
- Actions proactives et préventives sur le fond (contenu du « message ») et la forme (médium, référencement,…).
- Gérer la « crise image ».
- Actions défensives.
- Médiation et mesures légales.
Module 19 – Référencement
Objectif: Comprendre le fonctionnement des moteurs de recherche/Mesurer l’audience de son site/ Maîtriser les techniques d’optimisation de son référencement naturel/ Accroître la notoriété de son site avec le référencement payant
Rappel sur le Web :
- Les serveurs Web (Apache, IIS). Protocole
HTTP, HTML, XHTML. Tests de validation,
enjeux sur le référencement. Accessibilité.
Moteurs de recherche :
- Popularité.
- Classification des réponses.
- Langage de recherche.
- Principes de positionnement.
- Comprendre la recherche.
- Mots-clés.
- Les mises à jour d’algorithme Google Mayday, Panda, Penguin et Colibri. Google+ et le référencement (authorrank et author ship).
Audit de référencement :
- Tableau de bord de suivi.
- Audit par mots-clés.
- Les outils de Google Adwords : affiner les mots-clés.
- Le PageRank et le TrustRank : la mesure de popularité et de confiance du site.
- Définir un plan d’action.
Techniques de référencement :
- Soumission, indexation, positionnement.
- Fréquence.
- Utilisation des balises : titres, images, liens, URL…
- Les SEO : Search Engine Optimizer.
- Les outils de référencement automatique : limites, coûts.
- Paiement au clic.
- Liens sponsorisés.
- Mesurer le taux de transformation d’une campagne.
- L’offre des sites Google et Bing.
- Achat de mots-clés.
- Le référencement et les réseaux sociaux (Facebook, Google+, partage de vidéos).
Optimisation du site Web :
- Intégration de multimédia, Flash, JavaScript, Frames.
- Optimisation : MetaTag, Tag (url, alt, title…).
- Impact des technologies riches (Ajax, Flash, SilverLight) et Web 2.0 sur le référencement. Budget.
- Création et optimisation de la campagne.
- Utilisation des gadgets, des offres cartographiques (maps) et Local Business.
- Usage des espaces vidéos, newsletters, forums, jeux…
- Accroître la popularité du site, campagne de publicité Web :
- Référencement dans les stores. Principes de promotion dans l’Appstore et Google Play.
- Présentation des offres Adwords et AdSense.
Ressources pédagogiques
Les supports de cours mis à votre disposition sont les suivants :
- 19 modules répartis en plusieurs cours et chapitres
- Espace élève personnalisé accessible via la plateforme de formation en ligne disponible 24h/24 ,
7j/7. - Supports écrits détaillés pour connaître l’essentiel des cours.
- Exercices pratiques et QUIZZ de connaissances
- Espaces d’échanges interactifs tuteur-apprenant.
- Forums de discussions ouverts par thématique pour partager ses idées et solliciter les formateurs.
- E-conférences (Visio et téléconférences) réalisées en direct et toutes animées par les formateurs; précieux moments d’échanges avec le groupe
pour renforcer ses connaissances, développer les thématiques du programme et appréhender les
travaux pratiques. - Des liens Internet pour étendre les recherches bibliographiques et approfondir les aspects qui
concernent plus spécifiquement votre projet. - Vidéos explicatives
Niveau de la formation et qualité du titre remis en fin de parcours
- À la fin de votre formation, vous obtenez un certificat de professionnalisation.
- La validation de la formation se fait en continue par la combinaison de vos notes d’évaluations théoriques (grand quizz) pour chaque compétence majeure et la note du rapport professionnel présenté au jury d’examen à distance et corrigé par des formateurs experts.
- Vous devez obtenir 50% à ces quiz et la moyenne de 10/20 minimum à votre rapport professionnel pour valider la formation
Prérequis
- Connaissance des outils bureautiques
- Accès internet requis pour se connecter à la plateforme de formation.
Langue
Français
Niveau de la formation
Certificat de professionnalisation
PAYS
ETHIOPIE
À propos du formateur
DIGITAL SQUARE ACADEMY
DIGITAL SQUARE ACADEMY école spécialisée dans les formations dans les domaines du Design/Graphisme a choisi le campus Studies Learning pour la diffusion de ses formations en ligne en Afrique;
Le parcours de formation validé par notre service pédagogique est adaptatif; il permet à chaque apprenant de progresser à son rythme suivant ses dispositions et ses disponibilités. Studies Learning garantit la mise à jour des parcours de formation par la communauté de formateurs pour la proposition régulière des contenus compétitifs et d’actualité .
Avis
Il n’y a pas encore d’avis.