WebFlow - Création d'un site Web
Formation créée le 22/02/2023. Dernière mise à jour le 21/03/2023.
Version du programme : 1
Programme de la formation
Objectif de formation : Au terme de cette formation, l'apprenant saura créer un site web à partir de WebFlow
Objectifs de la formation
- Comprendre les notions clés et les technologies du Web
- Créer des pages et sites Web par des approches user centric
- Déploiement les outils d'édition présent dans WebFlow en Low Code / No code
- Optimiser les images pour le Web
- Comprendre les concepts fondamentaux pour l'optimisation pour le référencement (SEO)
- Publier vos sites Web sur Internet
Profil des bénéficiaires
Pour qui
- Graphistes
- Directeurs artistiques
- Webdesigners
Prérequis
- Avoir les bases de l'utilisation d'un ordinateur Mac ou PC
Contenu de la formation
-
Introduction
- Révision des technologies du Web
- Positionnement de WebFlow au sein de son marché
-
Création de site Web
- Zoning
- Responsive
- Ergonomie
- UX, UI et IxD
- Introduction au SEO
-
Premiers pas avec WebFlow
- Création d'un compte
- Tableau de bord
- Paramétrage du projet
- Editeur
- Outils
- Types d'écran
- Zones de pages
- Eléments de pages
- Sélection de pages
- Organisation des pages
- Visualiser
- Historique des annulations
- Validation
- Exportation du code
- Etat de publication
- Configuration d'éléments
- Etat de visibilité d'éléments
- Concept de Grid
- Détection des éléments via X-Ray
-
Construction d'un site web
- Outils de wireframe
- Aménagement de la homepage
- Aménagement des pages
- Présentation des divers types d'éléments
- Construction de template de page
-
Eléments d'une page
- Structure de page
- Basics
- Typographie & sémantique
- Contenu dynamique
- Média
- Formulaire
-
Animations & effets parallax
- Apport d'effet d'apparition en CSS
- Apport d'effet de parallax pour les images
-
Formulaire
- Création d'un formulaire
- Configuration pour l'envoi d'email
- Configuration pour le stockage en base de données
- Panorama d'outils complémentaires : questionnaires longs et sondages
-
Organisation des pages pour le SEO
- Analyse du fonctionnement de Google
- Structuration & sémantique des contenus textes
- Rôle du choix des mots dans le menu principal
- Qualification des données pour les images
- Outils d'analyse de performance de sites Web
- Outils pour trouver les tendances de mots-clés
- Copywriting spécifique SEO
-
Optimisation des images pour le Web
- Rôle de l'optimisation des images
- Présentation des formats du Web
- Comparatifs des différents formats
- Photoshop pour le Web
- Outils complémentaires à Photoshop
-
Analytiques
- Outils d'analyse de la fréquentation
- Intégration des scripts Google Analytics
-
Performance
- Outils d'analyse de la performance d'affichage
- Optimisation du code et du cache
-
Publication d'un site
- Prévisualisation des pages
- Optimisation des éléments selon le device
- Publication sur les serveurs de WebFlow
- Publication sur un nom de domaine personnalisé
- Test du site sur différents navigateurs Web
- Test du site sur différents devices
-
Administration de la sécurité
- Enjeux du certificat SSL
- Friabilité du langage JavaScript
- Test de fiabilité de la page
- Sécurisation plancher
Équipe pédagogique
Professionnel expert technique et pédagogique
Suivi de l'exécution et évaluation des résultats
- Émargement numérique
- Mises en situation
- Formulaires d’évaluation de la formation
- Certificat de réalisation de l’action de formation
Ressources techniques et pédagogiques
- Espace intranet de formation
- Documents supports de formation projetés
- Exposés théoriques
- Étude de cas concrets
- Mise à disposition en ligne de documents supports à la suite de la formation
Qualité et satisfaction
Taux de satisfaction des apprenants, nombre d'apprenants, taux et causes des abandons, taux de retour des enquêtes, taux d'interruption en cours de prestation...