Description
Objectif de formation : Au terme de cette formation, l'apprenant saura créer un site web à partir de WebFlow
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 concerné
Graphistes
Directeurs artistiques
Webdesigners
Prérequis
Avoir les bases de l'utilisation d'un ordinateur Mac ou PC
Déroulé du programme
1
Introduction
- Révision des technologies du Web
- Positionnement de WebFlow au sein de son marché
2
Création de site Web
- Zoning
- Responsive
- Ergonomie
- UX, UI et IxD
- Introduction au SEO
3
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
4
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
5
Eléments d'une page
- Structure de page
- Basics
- Typographie & sémantique
- Contenu dynamique
- Média
- Formulaire
6
Animations & effets parallax
- Apport d'effet d'apparition en CSS
- Apport d'effet de parallax pour les images
7
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
8
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
9
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
10
Analytiques
- Outils d'analyse de la fréquentation
- Intégration des scripts Google Analytics
11
Performance
- Outils d'analyse de la performance d'affichage
- Optimisation du code et du cache
12
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
13
Administration de la sécurité
- Enjeux du certificat SSL
- Friabilité du langage JavaScript
- Test de fiabilité de la page
- Sécurisation plancher
Informations
Durée
3 jour(s)
21h
Tarif
1850 € HT
HT
