Concepteur designer UI – BC03

Objectifs pédagogiques

Public visé et prérequis

Programme détaillé

48 modules, 533 leçons

1. 01Introduction2 leçons

   • Présentation du cours
   • Pourquoi utiliser Wordpress pour créer son site
2. 02Mettre en ligne9 leçons

   • Choisir votre nom de domaine
   • Rechercher un nom de domaine
   • Acheter votre hébergement Web et votre nom de
   • domaine chez OVH
   • Acheter un nom de domaine chez LWS
   • Connexion à l'interface LWS
   • Installer WP dans LWS
   • Wordpress installé
   • Quiz - Mettre en ligne
3. 03Prise en main7 leçons

   • Voyons rapidement l'interface WordPress
   • Les paramètres du Profil
   • Réglages général
   • Réglages de la lecture et écriture
   • Réglage des commentaires
   • Réglage des médias, permaliens et confidentialité
   • Quiz - Prise en main
4. 04Apparence - La gestion du thème6 leçons

   • Présentation
   • Explorer les différents thèmes
   • Personnaliser le titre et mettre le favicon
   • Les paramètres de personnalisation
   • Précision sur les thèmes
   • Quiz - La gestion du thème
5. 05Les bases de WordPress9 leçons

   • Fichiers ressources
   • Articles et pages - Introduction
   • Commencer à créer une nouvelle page
   • Explication rapide pour mettre du contenu texte
   • Ajouter une image et une vidéo
   • L’image à la une
   • Ajouter des comptes à votre site
   • Les commentaires
   • Quiz - Les bases de WordPress
6. 06Créer et gérer son menu5 leçons

   • Introduction au menu
   • Créer un menu avec des pages
   • Ajouter des éléments au menu
   • Gérer les menus
   • Quiz - Créer et gérer son menu
7. 07Plugin ou Extension15 leçons

   • Plugin, extensions : où les trouver et comment les
   • installer
   • Découvrir les plugins et installer le 1er
   • Les Plugins indispensables
   • WooCommerce - Introduction
   • Créer une fiche produit
   • Introduction des autres fonctions de WooCommerce
   • WooCommerce - Dashboard - Commandes - Coupons
   • WooCommerce - les réglages de la boutique
   • WooCommerce - Etat et extensions
   • WooCommerce - Analytics
   • Contact Form 7 - Présentation du plugin
   • Contact Form 7 - Création et intégration d’un nouveau
   • formulaire
   • Quiz - Plugin ou Extension
8. 08Apparence - Les thèmes, qu'est-ce que c'est ?2 leçons

   • Où trouver les thèmes
   • 3 méthodes pour les installer
9. 09Découvrir le thème5 leçons

   • Option de mise en page
   • Option de l'en-tête
   • Option du pied de page
   • Option des couleurs et typographie
   • Découvrons les dernières options
10. 10Elementor3 leçons

    • A quoi sert Elementor
    • Installer Elementor
    • Présentation des options dans l’onglet
11. 11Elementor - Partie création27 leçons

    • Présentation des options dans l'onglet Elementor
    • Option de réglages Elementor
    • Encore quelques réglages
    • Création de la 1re section de la page
    • Importer une image dans la section
    • Comment ajouter un TITRE et un TEXTE
    • Créer une nouvelle section dans la même page
    • Insérer une vidéo
    • Ajouter des boutons
    • Ajouter un séparateur ou un espaceur
    • Intégrer Google Maps
    • Ajouter des icônes
    • Insérer une boîte d'images
    • Insérer une boîte d'icônes
    • Créer une notation avec des Étoiles
    • La galerie photo interactive
    • Carrousel d'images
    • Créer une liste d'icônes
    • Ajouter des compteurs interactifs
    • Les barres de progression
    • Ajouter des témoignages pour crédibiliser votre site
    • Comment ajouter du contenu de type Onglets,
    • Accordéon et Va-et-vient
    • Ajouter les icônes de réseaux sociaux
    • Créer une alerte sur votre site
    • Les derniers outils disponibles
    • Quiz - Elementor
12. 12Site Agence de Marketing Digital (Atelier créatif)21 leçons

    • Présentation des documents fournis
    • Fichiers ressources
    • Nettoyage des éléments précédents
    • Insérer le logo
    • Créer le menu
    • Ajuster les options du menu
    • Réglages généraux d’Elementor
    • Création de l'en-tête de la page
    • Eléments dans la rangée suivante
    • Ajuster les réglages de cette section
    • Mise en place de la section suivante
    • Création de la section SERVICE
    • Ajuster les dernières options à la section
    • Ajouter la page d'accueil au menu
    • En-tête de la page d’accueil
    • Section domaine d’expertise
    • Rajouter les options du domaine d’expertise
    • Finalisation de la page d’accueil
    • Ajout des premiers éléments de la section AGENCE
    • Ajouter les photos des collaborateurs
    • Conclusion
13. 13Ajuster le site en version mobile3 leçons

    • Elementor pour ajuster son site mobile
    • Faire les ajustements pour mobile
    • Conclusion
14. 14Editeur de texte Gutenberg15 leçons

    • Télécharger Gutenberg si besoin
    • Présentation de Gutenberg - Introduction
    • Commencer à écrire un texte
    • Ecrire du texte et le modifier
    • Insérer une image
    • Insérer une galerie
    • Insérer une bannière
    • Aperçu de notre page
    • Média et texte
    • Insérer un vidéo
    • Créer un bouton
    • Mettre la bonne destination « lien » à notre bouton
    • Comment faire des colonnes
    • Séparateur et espacement
    • Quiz - Gutenberg
15. 15Créer une page avec Gutenberg (Atelier créatif)13 leçons

    • Fichiers ressources
    • Présentation de la page à réaliser
    • Paramétrer le thème
    • Créer les premières colonnes
    • Création du 1er bloc
    • Paramétrage du 1er bloc
    • Création du 2e bloc
    • Mise en forme et création du bouton
    • Création de la bannière
    • Création du dernier bloc
    • Personnaliser sa typo avec du CSS
    • Copier les codes CSS
    • Trouver une autre typo
16. 16Portfolio simple (Atelier créatif)15 leçons

    • Fichiers ressources
    • Présentation de l’atelier
    • Installation et recherche du thème
    • Personnalisation de l’en-tête
    • Création du 1er Article
    • Création du 2e Article
    • Quelques paramètres de Propriété du thème
    • Permalien et changement du nom de l’auteur
    • Nouvel article et nouvelle catégories
    • Menu - Insérer les catégories au menu
    • Création de la page - Qui je suis
    • Rajouter une page au menu
    • Générer un formulaire de contact
    • Intégrer le formulaire de contact
    • Contactez moi - Astuce et bouton
17. 17Valoriser votre site WordPress8 leçons

    • Comment faire un logo simple
    • Où trouver des images pour votre site – Se connecter au
    • site Pexels
    • Rechercher sur Pexels
    • Découvrir Unsplash
    • Découvrir Freepik pour des pictos et illustrations
    • Découvrir Snazzy pour mieux écrire vos slogans et
    • contenus
18. 18Introduction au référencement SEO7 leçons

    • Introduction au SEO
    • Title et Meta description
    • Choisir ses mots clés
    • Soignez le contenu de vos pages
    • Optimiser ces images
    • Les backlinks
    • Conclusion
19. 19Plugin Yoast SEO6 leçons

    • Présentation rapide
    • Réglage SEO
    • Les derniers réglages
    • Comment faire les premiers paramètres de notre page
    • Les autres paramètres SEO
    • Les derniers réglages
20. 20E-Commerce Myshoes (Atelier créatif)46 leçons

    • Fichiers ressources
    • Mise en place du thème et WooCommerce - Télécharger
    • le thème
    • Mise en place du thème et WooCommerce - Configurer
    • le titre et favicon
    • Mise en place du thème et WooCommerce - Installation
    • de WooCommerce
    • Les produits - Configurer un produit simple
    • Les produits - Création d'un produit variable
    • Les produits - Mettre en place les variations de produit
    • Les produits - Les produits groupés
    • Les produits - Attribuer une montée en gamme
    • Les produits - Produit externe et affilié
    • Les Catégories / Widgets - Gestion des catégories
    • Les Catégories / Widgets - Gérer le menu et les
    • categories
    • Les Catégories / Widgets - Gérer le widget de la sidebar
    • Les Catégories / Widgets - Paramètres du thème -
    • WooCommerce
    • Page d'accueil - Personnaliser la page d'accueil
    • Page d'accueil - Création
    • Page d'accueil - Etude de la concurrence
    • Page d'accueil - Présentation de la page d'accueil
    • Page d'accueil - Création de la 1re bannière
    • Page d'accueil - Création de la 2e bannière
    • Page d'accueil - Ajout des séparateurs et de la citation
    • Page d'accueil - Ajouter les nouveautés avec
    • WooCommerce
    • Page d'accueil - Finalisation de la Page d'accueil
    • Mega Menu - Installation de l'extension
    • Mega Menu - Présentation générale du Mega Menu
    • Mega Menu - Plus de détail des paramétrages
    • Mega Menu - Ajouter le contenu du menu
    • Mega Menu - Personnaliser le Mega Menu
    • Mega Menu - Dernier paramètre
    • Footer - Créer son footer
    • Faire un PopUp - Télécharger l'extension
    • Faire un PopUp - Paramétrage du PopUp
    • Faire un PopUp - Les cookies
    • Administration WooCommerce - Présentation de
    • l'interface
    • Administration WooCommerce - Partie Analytics
    • Administration WooCommerce - Paramétrer PayPal
    • Administration WooCommerce - Générer un processus
    • de Vente
    • Conclusion
21. 21La sécurité5 leçons

    • Mettre à jour les éléments
    • Changer le mot de passe admin
    • Plugin AKISMET
    • Installer le plugin sécurité
    • Explication rapide du plugin
22. 22Style Business - Kitesurf (Atelier créatif)22 leçons

    • Présentation
    • Fichiers sources
    • Télécharger le thème
    • Décryptage du thème OnePress
    • Mettre le site en maintenance
    • Configurer la page de maintenance
    • Commençons la création
    • Créer la page d'accueil
    • Section HERO
    • Section FONCTIONNALITES
    • Section A PROPOS
    • Section SERVICES
    • Section VIDEO LIGHTBOX
    • Section GALERIE
    • Section COMPTEUR
    • Section EQUIPE
    • Section NOUVEAUTE
    • Section CONTACT
    • Identité du site
    • Le menu
    • Ajouter un flux instagram
    • Pied de page
23. 23Site Pâtisserie (Atelier créatif)19 leçons

    • Découvrir le plan du site
    • Choisir le thème
    • Personnaliser l’en-tête
    • Création du menu et des pages
    • Personnaliser le menu
    • Les dernières retouches du menu
    • Commencer la structure de la page
    • Finaliser les réglages du site
    • Travaillons sur le haut de la page Pâtisserie
    • Mettre une vidéo
    • Mettre les premières pâtisseries
    • Modifier les colonnes et finaliser les produits
    • Mettre la map
    • Paramétrage de "Où nous trouver"
    • Mettre l’ancre du menu
    • Mettre le 1er produit
    • Options du produit
    • Ajuster le menu avec les nouveaux éléments
    • Valider une commande
24. 2401 - Préparer ses visuels avec Photoshop11 leçons

    • Présentation
    • Ouvrir les documents
    • Traitement par lot
    • Recadrage en carré
    • Astuces - Renommer les images
    • Détourage - Sélection rapide
    • Améliorer le contour
    • Astuces - Mise en scène
    • Détourage à la plume
    • Changer la couleur d'un objet
    • Mettre du texte sur les images
25. 2502 - Acheter son nom de domaine3 leçons

    • Aller sur OVH
    • Passer la commande OVH
    • Finalisation de la commande OVH
26. 2603 - Interface de Wordpress5 leçons

    • Connexion à l'interface
    • Réglage général
    • Réglage écriture lecture
    • Réglage de la discussion
    • Réglage média - permalien
27. 2704 - Les thèmes Wordpress7 leçons

    • Télécharger le thème
    • Identité du site
    • Plugin Coming Soon
    • Contenu de Coming Soon
    • Design de Coming Soon
    • Page d'accueil
    • Bannière de la page d'accueil
28. 2805 - WooCommerce - Introduction7 leçons

    • Installation de WooCommerce
    • Les onglets
    • Création du 1er produit simple
    • Créer un autre produit simple
    • Gérer les catégories
    • Gérer les catégories de Produits
    • Produits liés
29. 2906 - STOREFRONT - Installation et réglages5 leçons

    • Installation de WooCommerce
    • Installation du thème StoreFront
    • Présentation générale du thème
    • Réglage de la page d'accueil
    • Identité du site
30. 3006 - STOREFRONT - Installation et réglages (suite)7 leçons

    • Onglet Arrière-Plan
    • Onglet Typographie
    • Onglet Bouton
    • Onglet Mise en page
    • Onglet Produit et menu
    • Onglet Widget
    • Onglet WooCommerce
31. 3107 - STOREFRONT - Créer des produits10 leçons

    • Création d'un produit simple
    • Création d'un 2e produit
    • Produit lié
    • Produit groupe
    • Produit variable
    • Produit externe
    • Onglet Attribut
    • Onglet Catégorie
    • Onglet Etiquettes
    • Ajoutons des produits
32. 3208 - STOREFRONT - Modifier l'apparence4 leçons

    • Modifier les typos et boutons
    • Présentation de l'avancée de la boutique
    • Paramétrer la partie WooCommerce
    • Les widgets
33. 3309 - STOREFRONT - Créer des pages2 leçons

    • Page Qui sommes-nous ?
    • Aperçu des différentes pages
34. 3410 - STOREFRONT - Créer le menu2 leçons

    • Créer un nouveau document
    • Personnaliser son menu
35. 3511 - WooCommerce5 leçons

    • Présentation des options
    • Générer un code promo
    • Appliquer le code promo
    • Faire une vente
    • Les mails reçus par le client
36. 3612 - Ajouter un code promo à son site1 leçons

    • Code promo
37. 37Langages HTML/CSS17 leçons

    • Introduction au cours HTML et CSS
    • Les bases du HTML
    • Les bases du CSS
    • Mise en forme de textes en CSS
    • Le modèle des boîtes
    • Position et affichage des éléments
    • Création de tableaux HTML
    • Insertion de médias en HTML
    • Fonds, dégradés et ombres CSS
    • Sélecteurs CSS complexes
    • Formulaires HTML
    • Transitions, animations et transformations CSS
    • Modèle des boîtes flexibles - Flexbox CSS
    • Responsive design CSS
    • Sémantique et éléments HTML structurants
    • Modèle des grilles CSS
    • Évolution et futur du CSS
38. 38HTML/CSS – Niveau Débutant (Vidéo)18 leçons

    • Présentation du cours
    • Pourquoi apprendre à coder ?
    • Définitions et rôles
    • Versions HTML et CSS
    • Travail en local et en production
    • L'éditeur de texte
    • Eléments, balises et attributs
    • Structure d'une page HTML
    • Création d'une page HTML
    • Indentation et commentaires HTML
    • Titres et paragraphes en HTML
    • Espaces et retours à la ligne en HTML
    • Les niveaux d'importance des textes
    • Les listes en HTML
    • Liens internes et externes en HTML
    • Autres types de liens HTML
    • Insérer des images en HTML
    • Validation et compatibilité du code
39. 39HTML/CSS – Niveau Intermédiaire (Vidéo)9 leçons

    • Sélecteurs et propriétés CSS
    • Où écrire le CSS
    • Les commentaires en CSS
    • Les sélecteurs CSS simples
    • Les attributs id et class
    • L'héritage en CSS
    • Les types block et inline
    • Les éléments HTML div et span
    • La propriété CSS font family
40. 40HTML/CSS – Niveau Intermédiaire (Vidéo) (Suite)24 leçons

    • Autres propriété CSS de type font
    • Couleur et opacité en CSS
    • Propriétés CSS de type text
    • Gestion des espaces en CSS
    • Le modèle des boîtes
    • Largeur et hauteur en CSS
    • Les bordures en CSS
    • Padding et margin en CSS
    • Les ombres des boîtes
    • La propriété CSS display
    • Les propriétés position et z index
    • Les propriétés float et clear
    • L'alignement en CSS
    • La couleur de fond
    • Images de fond et gestion du fond
    • Dégradés linéaires
    • Dégradés radiaux
    • Créer un tableau simple
    • Créer un tableau structuré
    • Opérations sur les tableaux
    • Opérations sur les images
    • Insérer de l'audio en HTML
    • Insérer des vidéos en HTML
    • Intégration de média et sémantique
41. 41HTML/CSS – Niveau Confirmé (Vidéo)20 leçons

    • Notations CSS short hand et long hand
    • Sélecteurs CSS complexes
    • Pseudo classes CSS
    • Pseudo éléments CSS
    • Les sprites en CSS
    • Les transitions CSS
    • Les animations CSS
    • Présentation des formulaires
    • Créer un formulaire HTML simple
    • Types d'input et listes d'options
    • Les attributs des formulaires
    • Organiser et mettre en forme un formulaire
    • Introduction au responsive design
    • Meta viewport et valeurs CSS relatives
    • Media queries CSS
    • Création d'un site personnel (site cv) 1/4
    • Création d'un site personnel (site cv) 2/4
    • Création d'un site personnel (site cv) 3/4
    • Création d'un site personnel (site cv) 4/4
    • Conclusion
42. 42Langage JavaScript17 leçons

    • Introduction au cours JavaScript
    • Les variables et types de valeurs JavaScript
    • Les structures de contrôle JavaScript
    • Les fonctions en JavaScript
    • L'orienté objet en JavaScript
    • Valeurs primitives et objets globaux JavaScript
    • Manipulation du BOM en JavaScript
    • Manipulation du DOM en JavaScript
    • Utilisation des expressions régulières en JavaScript
    • Notions avancées sur les fonctions JavaScript
    • Gestion des erreurs et mode strict en JavaScript
    • L'asynchrone en JavaScript
    • Symboles, itérateurs et générateurs en JavaScript
    • Stockage de données dans le navigateur en JavaScript
    • L'élément HTML canvas et l'api canvas
    • Les modules JavaScript
    • Json, ajax et fetch en JavaScript
43. 43JavaScript – Niveau Débutant (Vidéo)26 leçons

    • Présentation du cours JavaScript
    • Introduction au JavaScript
    • Environnement de travail
    • Où écrire le code JavaScript
    • Syntaxe, indentation et commentaires
    • Présentation des variables en JavaScript
    • Les types de valeurs des variables JavaScript
    • Opérations entre variables en JavaScript
    • La concaténation en JavaScript
    • Introduction aux conditions en JavaScript
    • Les conditions if, if...else et if...else if...else
    • Les opérateurs logiques
    • Simplification des conditions JavaScript
    • Structures ternaires en JavaScript
    • Le switch
    • Les boucles en JavaScript
    • Introduction aux fonctions en JavaScript
    • Découverte et définition des objets en JavaScript
    • Valeurs primitives et objets natifs
    • Créer des objets en JavaScript
    • Les méthodes de l'objet String
    • L'objet Number, propriétés et méthodes
    • Présentation de l'objet Array et des tableaux
    • Les méthodes de l'objet Array
    • Présentation de l'objet Date
    • Les méthodes de l'objet Date
44. 44JavaScript – Niveau Intermédiaire (Vidéo)22 leçons

    • L'objet Math et ses méthodes
    • La portée en JavaScript
    • Les fonctions anonymes
    • Les fonctions auto invoquées
    • Les closures en JavaScript
    • Présentation du DOM HTML
    • Accéder à des éléments HTML en JavaScript
    • Modifier du contenu HTML en JavaScript
    • Ajouter et insérer des éléments HTML en JavaScript
    • Modifier ou supprimer des éléments HTML en JavaScript
    • Naviguer dans le DOM en JavaScript
    • Introduction aux évènements
    • La méthode addEventListener
    • La propagation des évènements
    • Présentation de l'objet Event
    • Le BOM et l'objet Window
    • Présentation de l'objet Screen
    • Présentation de l'objet Navigator
    • Présentation de l'objet Location
    • Présentation de l'objet History
    • Découverte des expressions régulières
    • Recherches et remplacements
45. 45JavaScript – Niveau Confirmé (Vidéo)17 leçons

    • Quantifieurs et options
    • Les classes de caractères et les métacaractères
    • Rappels sur les formulaires HTML
    • Validation HTML des formulaires et limitations
    • Validation JavaScript de formulaires HTML
    • Présentation de l'élément canvas
    • Dessiner des rectangles dans le canvas
    • Dessiner des lignes dans le canvas
    • Dessiner des arcs de cercle dans le canvas
    • Créer des dégradés dans le canvas
    • Insérer du texte et des images dans le canvas
    • Rotations et translations dans le canvas
    • Gestion du délai d'exécution en JavaScript
    • Les cookies en JavaScript
    • Gestion des erreurs en JavaScript
    • Le mode strict en JavaScript
    • Conclusion du cours JavaScript
46. 46Langage jQuery5 leçons

    • Introduction au cours JQuery
    • Manipulation du dom avec JQuery
    • Gestion d'événements avec JQuery
    • Création d'effets et d'animations avec JQuery
    • JQuery Ajax
47. 47JQuery - Niveau Débutant (Vidéo)9 leçons

    • Introduction au cours jQuery
    • Télécharger et utiliser jQuery
    • Syntaxe de base du jQuery
    • Introduction à la gestion d'évènements
    • Gestion d'évènements liés à la souris
    • Gestion d'évènements liés au clavier
    • Gestion d'évènements liés aux formulaires HTML
    • Gestion avancée d'évènements en jQuery
    • Sélection et modification d'éléments HTML
48. 48JQuery - Niveau Confirmé (Vidéo)10 leçons

    • Se déplacer dans le DOM en jQuery
    • Filtrer des éléments HTML
    • Insérer ou supprimer du contenu HTML
    • Autres opérations sur le DOM en jQuery
    • Modifier les styles CSS des éléments HTML en jQuery
    • La gestion des dimensions en jQuery
    • Afficher ou cacher des éléments HTML en jQuery
    • Créer des effets de fondu ou de slide en jQuery
    • Créer des animations personnalisées en jQuery
    • Gestion avancée d'animations en jQuery

Modalités et méthodes pédagogiques

Évaluation et sanction de la formation

Délais et modalités d'accès

Accessibilité

Les personnes en situation de handicap sont invitées à signaler leurs besoins lors de leur demande d'inscription. Une étude personnalisée est réalisée afin de définir les adaptations pédagogiques, techniques ou organisationnelles appropriées. Lorsque le besoin ne peut pas être satisfait directement, une orientation vers un partenaire ou une structure spécialisée est proposée.

Référent handicap : handicap@will-formation.com — 01 85 09 25 99. En savoir plus sur l'accueil des personnes en situation de handicap