WebFlow - Créer un site Web pour créatifs
Proposé par
M2I
Prérequis
Public admis
- Salarié en Poste
- Entreprise
Demandeur d'emploi et Etudiant non admis
Financement
- Votre OPCO
- Financement personnel
Financement CPF non pris en charge
Modalités
- En centre
- À distance
Objectifs pédagogiques
A l'issue de cette formation, vous serez capable de :
- Définir les concepts et les technologies du Web
- Concevoir des pages et des sites Web par des méthodologies centrées utilisateurs
- Mettre en oeuvre les outils d'édition présent dans WebFlow en Low Code / No code
- Optimiser les images pour le Web
- Décrire les principes de l'optimisation pour le référencement (SEO)
- Publier vos sites Web sur Internet.
Programme de la formation
Contexte
- Révision des technologies du Web
- WebFlow face à ses conccurents
Conception de site Web
- Concept de Zoning
- Notion de Responsive
- Notion d'ergonomie
- Notion d'UX, UI et IxD
- Notion de base du SEO
Démarrer avec WebFlow
- Création d'un compte
- Vérification de l'email
Comprendre l'interface de WebFlow
- Tableau de bord
- Réglages du projet
- Editeur
- Outils
- Eléments
- Pages
- Collection
- Assets
- Types d'écran
- Zones de pages
- Eléments de pages
- Sélection de pages
- Organisation des pages
- Visualiser
- Historique des annulations
- Validation
- Exporter le code
- Etat de publication
- Réglages d'éléments
- Etat de visibilité d'éléments
- Notion de Grid
- Détection des éléments via X-Ray
Créer son 1er site Web
- Outils de wireframe
- Désigner la homepage
- Désigner les pages
- Différents types d'éléments
- Conception de template de page
Eléments d'une page
- Structure de page
- Basics
- Typographie et sémantique
- Contenu dynamique
- Média
- Formulaire
Animations et effets parallax
- Ajout d'effet d'apparition en CSS
- Ajout d'effet de parallax pour les images
Formulaire
- Créer un formulaire
- Paramétrage pour l'envoi d'email
- Paramétrage pour le stockage en base de données
- Outils complémentaires pour questionnaires longs et sondages
Optimisation des pages pour le référencement (SEO)
- Comment "pense" Google
- Structuration et sémantique des contenus textes
- Impact 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
- Pourquoi optimiser les images ?
- Les formats du Web
- Comparatifs des différents formats
- Photoshop pour le Web
- Outils supplé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
Publier un site
- Prévisualiser les 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
Optimiser la sécurité
- Enjeux du certificat SSL
- Fragilité du langage JavaScript
- Test de fiabilité de la page
- Sécurisation minimale
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des productions
- Et, en fin de formation, par un questionnaire d'auto-évaluation
Proposé par
M2I
"Un leadership dans le domaine de la formation"
Proposé par
M2I
