Webflow Créer un site web sans aucune ligne de code

Par Siksepam Catégories : Creation de site web
Liste de souhaits Partager
Partager le cours
Lien de la page
Partager sur les réseaux sociaux

À propos du cours

Salut, je m’appelle Dan Scott et ensemble, vous et moi allons apprendre le Webflow.

Webflow vous permettra de créer des sites Web réactifs et accessibles en utilisant des techniques de conception intuitives sans avoir besoin d’un codage complexe.

Ce cours s’adresse aux personnes nouvelles dans Webflow et dans la conception Web en général.

Nous commencerons par créer un site d’une seule page simple, en apprenant les techniques de mise en page de base et en utilisant des animations simples.

Le logiciel Webflow est visuel et ne vous oblige pas à apprendre le codage. Vous apprendrez à vous assurer que votre site Web est cohérent sur les ordinateurs de bureau, portables et mobiles. Nous en apprenons davantage sur les classes CSS pour la mise en page et le style des polices ainsi que sur l’importance des conventions de dénomination des classes.

Si vous avez déjà essayé d’utiliser Webflow et que vous vous demandez maintenant si vous devez utiliser des grilles, flex, colonnes ou divs et pourquoi … n’ayez pas peur. À la fin de ce cours, vous saurez quoi utiliser et pourquoi!

Nous apprendrons à créer votre propre site Web de portefeuille et nous intégrerons également des animations passionnantes.

Ensemble, nous apprendrons à créer et à styliser des formulaires et à les intégrer dans votre site Web.

Certains d’entre vous ont peut-être déjà commencé à utiliser Figma ou Adobe XD. Je vais vous montrer comment convertir les fichiers que vous avez créés et les intégrer dans un site Webflow.

Une expérience préalable avec Figma ou Adobe XD n’est pas essentielle lors de l’utilisation de Webflow.

Nous en apprendrons davantage sur les Sticky Navs, les SEO, les symboles, les REM, les flotteurs, les dégradés et les polices.

Nous créerons un site Web CMS et un blog et apprendrons à en confier la responsabilité à des clients ou à des collègues, à remettre le site afin que quelqu’un d’autre que vous puisse ensuite se connecter et gérer lui-même tout le contenu.

Nous examinerons, créerons et styliserons un site de commerce électronique, en créant et en stylisant des paniers d’achat, des formulaires de commande et des passerelles d’achat. Nous apprendrons à vendre des produits et services numériques et physiques.

Si certaines terminologies telles que Global, Flex, Grid, Nav vous semblent trop dures, rappelez-vous que nous partirons de zéro et travaillerons les techniques étape par étape. Ce cours s’adresse à toute personne souhaitant créer des sites Web à l’aide de Webflow.

Vous n’aurez peut-être besoin que de concevoir un seul site Web pour vous-même, vous souhaiterez peut-être devenir concepteur de sites Web à temps plein, vous serez peut-être déjà indépendant et souhaiterez élargir le type de travail que vous êtes en mesure de proposer à vos clients. Ce cours est fait pour vous !

J’ai défini des missions tout au long de ce cours qui vous permettront de mettre en pratique vos compétences et d’utiliser ce que vous créez dans votre propre portfolio.

Vous êtes sur le point de passer du site Web zéro à Webflow Hero !

Afficher plus

Qu’allez-vous apprendre ?

  • - Créez des sites Web réactifs à l'aide de Webflow.
  • -Techniques de conception intuitives sans avoir besoin de codage.
  • - Techniques de mise en page de base.
  • - Animations simples.
  • - Conception cohérente sur les vues des ordinateurs de bureau, des tablettes et des téléphones.
  • - Flex, colonnes et divs.
  • - Créez votre propre site Web de portefeuille.
  • - Créez et stylisez des formulaires sur votre site Web.
  • - Conversion de fichiers Adobe XD et Figma pour une utilisation dans Webflow.
  • - Navigation collante, symboles, REM, flotteurs, dégradés et polices.
  • - Comment optimiser votre site Web pour le référencement.
  • - Créez un site Web CMS capable de responsabiliser les clients.
  • - Remise de votre site aux administrateurs et gestionnaires dotés de capacités de connexion.
  • - Créez un site Web d'achat avec des produits et services numériques et physiques.

Contenu du cours

Introduction

  • Introduction
    01:17

Démarrer le projet

Comparer code et no-code

Démarrer le no-code avec Webflow

Créer une page portfolio avec Hero Header

Ajouter des sections

Créer une collection CMS

Créer une page interactive

Développer une version mobile et publier sa page web

Conclure sur Webflow

Notes et avis de l’apprenant

Encore aucun avis !
Encore aucun avis !