Webdesigner
Participer au développement et à la conception de sites Web en assurant l’analyse fonctionnelle.
Communiquer et promouvoir l’entreprise sur Internet
Toute personne souhaitant exercer le métier de Webdesigner au sein d’entreprises commerciales ou industrielles ou de sociétés de service.
Mise à jour le :
2022-04-15 12:46:01Pré-requis
Validation
Contenu du programme
Programme
Communication visuelle
Objectifs de la communication
Principes fondamentaux de la mise en page
Les principes fondamentaux de la mise en page
Les principes fondamentaux de la couleur
Typographie
Réaliser une communication visuelle
Photoshop
Présentation
Graphisme
Graphisme bitmap et graphisme
vectoriel
Les modes de couleurs
(niveaux de gris, CMJN, RVB…)
le mode bichromie
Les images
Ouvrir, enregistrer une image dans photoshop
Cadrer une image
Modifier la résolution et la taille, taille de la zone de travail
Les outils
Les calques
Les différents calques et leurs
propriétés
Option de fusion
Le texte
Colorimétrie
Détramage
Calibration des couleurs
Niveaux et courbes
Luminosité et contraste
Les filtres
Les masques et les couches
Illustrator
Construction d’un document
Les blocs
Traitement de texte
Images
Les attributs graphiques
Web marketing
Les spécificités du marketing on-line
Stratégie marketing pour le web
Le marketing relationnel
Webdesign
Ergonomie
Lisibilité
Apparence d’un site web
L’importance de la page d’accueil
Structurer l’information pour le web
Analyse de design
Conception et gestion de projets
UI / UX Design
Comprendre les bases de l’UI et de l’UX
Développer l’UX
Passer de l’UI à l’UX
Adobe XD
Le choix du modèle à créer et leurs différences
Les espaces de travail et leurs fonctions
La grille des plans de travail
La création de texte
Les grilles de répétitions
L’interprétation des styles dans Adobe XD
Les symboles
L’import de logiciels tierce
L’insertion de texte au format Rtf-Txt
L’import multi à reconnaissance par bloc
L’importation d’une image de fond
La fonction prototypage
L’export de la maquette XD via aperçu
Les plugs in
Utilisation de plugin
Comprendre les formats utilisés dans Adobe XD
Comprendre les autres logiciels de la suite Adobe permettant de créer des maquettes web
Comprendre la logique d’affichage pixel de Adobe XD
Utilisation des kits d’interfaces présents dans Adobe XD
Utilisation des kits de types templates
Créer ses propres kits
Enregistrement de sa maquette web sous adobe XD
Partage, multi tâches et bibliothèques Adobe
Préparer un site Web
Déposer un nom de domaine
Trouver un hébergeur pour son site
Définir l’arborescence
Organiser les contenus
Structurer la navigation
Créer l’ossature et les pages de son site
Rédiger le cahier des charges d’un site web
Définir le projet
Chiffrer le projet
Rédiger le cahier des charges
Intégrer les aspects juridiques
HTML
Les bases
Les balises et leurs attributs
Identifier une page, en-tête et titre
Création
Définir la police et ses propriétés
Définir un paragraphe
Liste à puces et numérotées
Les images
Les formats du Web
Taille, positionnement et arrière plan
Mise en page avec les tableaux
Créer un tableau
Mise en forme du tableau
Les liens hypertextes
Les ancres
Vers une adresse mail
Vers une adresse relative ou absolue
Les formulaires
Créer un formulaire
Les différents types de champs
Publication
JQuery
CSS
Méthodologie
Construire des CSS efficaces
La structure des pages
La conception graphique
Les standards
Accessibilité, navigateurs, OS
La notion de cascade
Feuilles de styles internes, externes, intégrées
Héritage des styles en cascade
Sélecteurs CSS
Classes, id, pseudo-classes
Les règles de nommage des styles
Architecture
Structure et sémantique : balises sémantiques, balises hiérarchiques
Pseudo éléments et propriétés avancées
Positionnement
Structure des éléments : bloc, en ligne
Modèles de boîtes
Flux et positionnements
Rendus
CSS et navigateurs
Optimisation des rendus
Validation
WordPress
Installer et paramétrer WordPress
Installer l’environnement de travail WordPress
Effectuer les paramétrages de base
Effectuer les mises à jour
Gérer les pages et créer un article
Créer une page à partir d’un thème
Ecrire et paramétrer un article
Travailler sur les fichiers personnalisables
Créer un thème personnalisé
Structurer et composer un thème WordPress
Réaliser la maquette graphique du thème
Ajouter un thème dans WordPress
Mettre en page un thème personnalisé
Installer des plugins
Chercher un plugin et l’installer dans WordPress
Composition et validité d’un plugin
Rappels
HTML et CSS
PHP (basique)
Vocabulaire
Les outils de l’intégrateur Web
Firebug
Rédiger pour le web
Définir l’éditorial
Importance et place du contenu et du texte dans les sites web / blogs
Comment toucher sa cible avec un contenu
Contenu : ce qui fonctionne sur le web
Spécificités techniques du Web
Apport et spécificités du média web
Les modes de lectures et les comportements des internautes
L’attrait des textes
Contraintes ergonomiques
Organisation des contenus
Plan du site
Optimisation de la page
Organisation des contenus
Importance des titres
Longueur de page/écran
Liens hypertextes
Intégration des visuels
Appliquer les techniques d’écriture pour le web
La mise en forme de l’information : les techniques d’écriture efficaces pour le Web
Rendre un message accessible
Répondre aux besoins des lecteurs
Respecter la qualité littéraire
Assurer la lisibilité : niveaux de lecture
Structurer l’information
Les formats d’information
Les supports pour véhiculer des messages clefs
La contextualisation du contenu
La charte éditoriale
Rédaction web et graphisme : la bonne recette !
RGPD
Réglementation générale sur la protection des données
Comprendre le RGPD
Objectif et périmètre du RGPD
Les entreprises et les types de données concernés
Les enjeux et les impacts pour l’entreprise
Les impacts sur le système d’information
Les principes de protection des données
Cadre juridique du RGPD
Les nouvelles définitions introduites par le règlement européen
Les nouveaux droits pour les personnes concernées
Les risques juridiques et les sanctions qui pèsent sur l’entreprise
Se mettre en conformité
Référencement web
SEO
Notions essentielles
3 critères fondamentaux
Bonnes pratiques
Comment fonctionne un moteur de recherche
Comment fonctionne Google
Focus sur les mots et expression clefs
Outils pour le référencement
Fichier robots.txt
Sitemaps
Espace webmaster Google
Les fondamentaux
Google et ses nouvelles pratiques concernant le linking
Nouvelles pratiques sur les liens hypertextes
Google et son outil « tendances des
recherches »
Comment Google évalue les qualités de vos pages web pour les spammer ou non
Avènement du Knowledge Graph
Panda initial et ses mises à jour
HTML5 : les microdonnées et les contenus masqués
Les données structurées/ Rich Snippets
Des logiciels pour améliorer son SEO
ADWORDS
Mode d’emploi et découverte de l’interface
Créer son compte
Le compte Google Adwords
Structure de son compte
Action publicitaire
Mise en place technique efficace
Campagne remarketing
Retours, ROI de ma campagne adwords
Internet du réseau display
Adsense
Google analytics
Présentation de Google Analytics
Interface Google Analytics
Rapports de base
Suivi standards des campagnes et des conversions
Durée
Nombre d’heures
Lieu
Modalités de formation
Moyens pédagogiques
PC système et logiciels
Liaison Internet Fibre
Vidéoprojecteur et tableau blanc
Supports de cours
Cette formation peut être suivie en classe virtuelle zoom
Méthode pédagogique & encadrement :
Animation en présentiel par un formateur expert
Apports théoriques, échanges, interactions
Atelier de mise en application pratique à l’écrit et/ou à l’oral
Modalités de suivi de la formation
Émargement de feuille de présence matin et après-midi
Attestation d’assiduité
Attestation de fin de formation
Modalités d’évaluation des résultats
Exercices pratiques progressifs
Validation régulière des acquis
Autoévaluation
Cas pratique
Questionnaire de satisfaction
Tarif
140,00 € / jour de formation en centre
Net de TVA
Parcours ajustable selon vos acquis à valider après tests et bilan de positionnement
(nous consulter)
Financement
Suite de parcours
Postuler à un emploi de webdesigner
Valider un BTS Design Graphique en VAE après 1 an d’expérience professionnelle
Ces formations peuvent vous intéresser
Wordpress de A à Z
Communication marketing, Développement web
Durée : 5 jours
Nombre d’heures : 35h en centre / 2 h examen