Aperçu du cours
Objectif de formation : Au terme de cette formation, l’apprenant saura créer un site web à partir de WebFlow
Prérequis
- Avoir les bases de l'utilisation d'un ordinateur Mac ou PC
Objectifs pédagogiques
- 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
Public ciblé
- Graphistes
- Directeurs artistiques
- Webdesigners
Programme de 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
-
Instructeur
