Profitez de -25 % pour toute nouvelle inscription à nos formations jusqu’au 31 décembre 2026

Formation en Développement: WebFlow - Création d'un site Web - Ascent Formation
Retour aux formations
Développement

Formation WebFlow - Création d'un site Web

3 jour(s) • 21h
Éligible OPCO
8,8/10 avis apprenants

Description

Objectif de formation : Au terme de cette formation, l'apprenant saura créer un site web à partir de WebFlow

  • 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

  • Graphistes
  • Directeurs artistiques
  • Webdesigners

  • Avoir les bases de l'utilisation d'un ordinateur Mac ou PC

  1. 1

    Introduction

    • Révision des technologies du Web
    • Positionnement de WebFlow au sein de son marché
  2. 2

    Création de site Web

    • Zoning
    • Responsive
    • Ergonomie
    • UX, UI et IxD
    • Introduction au SEO
  3. 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. 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. 5

    Eléments d'une page

    • Structure de page
    • Basics
    • Typographie & sémantique
    • Contenu dynamique
    • Média
    • Formulaire
  6. 6

    Animations & effets parallax

    • Apport d'effet d'apparition en CSS
    • Apport d'effet de parallax pour les images
  7. 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. 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. 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. 10

    Analytiques

    • Outils d'analyse de la fréquentation
    • Intégration des scripts Google Analytics
  11. 11

    Performance

    • Outils d'analyse de la performance d'affichage
    • Optimisation du code et du cache
  12. 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. 13

    Administration de la sécurité

    • Enjeux du certificat SSL
    • Friabilité du langage JavaScript
    • Test de fiabilité de la page
    • Sécurisation plancher

Ils nous font Confiance

Nos partenaires de confiance

Ministère des armées
Thalès
Dassault Systèmes
Ariane Group
EDF
SNCF
Orange Cyberdefense
Total
Société Générale
Ministère de l'Intérieur
Boston Consulting Group
Crédit Agricole
Capgemini
Sopra Steria
Ministère de l'économie
Bouygues Télécom
Devoteam
Imprimerie Nationale
Business France
Ordre National des Pharmaciens
Abeille Assurances
Macif
Service Public Fédéral Finances
ANFH
Bruxelles Formation
Atlas OPCO
Uniformation
Adeo
Positive Thinking Company
Sogelink
Septeo
HN Services
Infotel
Ercom
Neosoft
Klaxoon
Asus
Linkvalue
Suneris
Datadocké

Questions fréquentes

FAQ : Formation WebFlow - Création d'un site Web

  • Oui, mais la prise en charge d'une formation professionnelle par un OPCO dépend de votre opérateur de compétences, de votre branche d'activité et des critères de financement applicables. Ascent Formation vous accompagne dans l'identification des possibilités de financement adaptées à votre entreprise.

  • Une formation inter-entreprises réunit des participants issus de différentes organisations, tandis qu'une formation intra-entreprise est organisée pour les collaborateurs d'une même entreprise. Le format intra permet notamment d'adapter le contenu et les modalités aux besoins spécifiques de vos équipes.

  • Selon la formation proposée, il est possible de suivre une formation professionnelle à distance, en présentiel ou selon d'autres modalités disponibles. Consultez les informations de la session concernée ou contactez-nous pour connaître les formats possibles.

  • Oui, une formation professionnelle peut être adaptée aux objectifs, au niveau des participants et aux besoins opérationnels de votre entreprise. Ascent Formation vous propose des parcours personnalisés pour accompagner le développement des compétences de vos équipes.