Webdesigner

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