WebFlow - Création d'un site Web

• 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

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