Le Manuel Ultime des Secrets de ClaudeJ’y vais
Parlons-en

4 min de lecture

Comment apprendre le CSS avec Webflow ?

8/6/2020
Web Design,Freelance,Business
apprendre le css avec webflow
Photo by Jessica Lewis on Pexels

Je comprends que vous vouliez embellir votre site et le personnaliser le plus possible ! Ça vous aidera à vous démarquer,mais aussi, à vous entraîner pour offrir des prestations de qualité à vos clients ! Dans ce cas, vous avez besoin d’apprendre le CSS. Mais comment ? Je vous conseille d’apprendre le CSS avec Webflow.

Plusieurs manières d’apprendre le CSS

Vous trouverez beaucoup d’informations sur internet ! Il y a d’ailleurs des sites spécialisés comme css tricks ou w3schools. Le mieux avec ces sites, c’est que vous avez accès à des nouveautés, chaque semaine. Seulement, ces méthodes d’apprentissage de CSS sont considérées comme “traditionnelles”. Je vous propose donc une autre manière d’apprendre le CSS : apprendre le css avec Webflow.

Pourquoi apprendre le CSS avec Webflow ?

Tout simplement, parce que c’est facile et rapide ! Et si vous avez déjà quelques notions de base en CSS, vous avez un atout indéniable, parce que vous pouvez vous dépasser encore plus. Vous pourrez offrir à vos clients des sites encore plus personnalisés, sans limites.

apprendre le css avec webflow
Photo by Jessica Lewis on Pexels

Et pour les débutants ?

C’est simple ! Prenez un modèle tout prêt sur Webflow; celui sur lequel vous voulez vous inspirer. Ensuite, vous n’avez qu’à le cloner. Une fois le site dupliqué, le site est à vous ; il n’y a plus qu’à modifier tout ce que vous voulez. La barre de modification se trouve sur la partie droite.

Pour modifier un élément en particulier, vous cliquez directement sur cet élément. Sinon, dans la barre à droite, il y a les codes HTML. Vous pouvez aussi cliquer là-dessus, et ensuite, modifier le CSS lié à cet élément. Demain, j’écrirais d’ailleurs un article sur : comment apprendre le HTML avec Webflow ;)

CSS et Webflow : très pratique

Concrètement, que pouvez-vous modifier ? Tout ce qui est visuel. En fait, le CSS vous permet de donner vie aux codes HTML. Ces derniers agissent effectivement comme un simple squelette. Sans le CSS, il n’est pas du tout beau à voir !

Or, les éléments à modifier sont :

  • la forme
  • les typographies
  • les couleurs
  • les effets
  • opacités
  • ombres
  • etc.

Il y a une vidéo Youtube dans laquelle je décris cela en bas de l'article. Soutenez-moi en vous abonnant à la chaine YouTube "Happy Desk Design"

apprendre le css avec webflow
Photo by Tim Gouw on Pexels

Prenons le cas d’un bouton. Vous pouvez modifier sa forme, par exemple, en arrondissant ses côtés. Vous pouvez même ajouter un effet, en modifiant l’option “survol”. Je le décris plus clairement dans la vidéo que j’ai publiée à ce propos. Ensuite, le texte sur le bouton peut aussi être modifié (couleur, arrière-plan, typographie…).

Webflow : Facile d’utilisation

Le CSS avec Webflow est très facile. Comme vous l’avez certainement vu dans les précédents paragraphes, même un débutant est en mesure de modifier les CSS d’un site avec Webflow.

D’ailleurs, l’interface est très intuitive. De prime abord, on voit bien que les éléments sont hiérarchisés de manière que vous vous y retrouvez facilement (avec les class et id). Si vous vous y connaissez en CSS, et que vous avez besoin des codes que vous venez de concevoir (instantanément), vous n’avez qu’à faire une exportation. Oui, c’est possible !

apprendre le css avec webflow
Photo by webandi--1460261 on Pixabay

Conclusion
Voilà, je vous ai révélé un secret que d’autres ignorent ;) Il y a certaines personnes qui modifient leur site web sans même savoir qu’elles touchent à des codes. Et d’ailleurs, avec des codes proprement dits, vous n’auriez jamais pu arriver à des résultats aussi grandioses que ceux que vous ferez avec Webflow (à moins que vous ne soyez déjà un véritable as des codes). Vous avez tout intérêt à apprendre le CSS avec Webflow.

YouTube : Apprenez le CSS avec Webflow

YouTube video player
Revenez sur cette page chaque fois que vous voudrez. Avez-vous trouvé des idées que j’aurais oubliées ? Si oui, lesquelles ? Laissez un commentaire ci-dessous ou envoyez un e-mail à hello@happydesk.be
Kevin Palombo, Gérant de Happydesk

Dans la joie et la bonne humeur

Là où créer son Business en Ligne est aussi simple qu’un jeu d’enfant.

Que vous soyez débutant ou expérimenté, la Happy.webacademy vous donne l’énergie, les stratégies et les outils pour avoir plus de liberté et générer des résultats qui propulseront votre chiffre d’affaires dans les étoiles.

Votre Site Web
Votre Coaching
Votre Espace détente
Votre Espace de rencontre
Votre Formation
Certifiés 100%
ULTRA enrichissant et décoiffant!
Propulsez votre vie & votre Business en 30 jours !
Formation

Happy.webacademy.

La seule, l’unique, la vraie où toutes les idées peuvent germer, se développer et aboutir. Chaque phase de développement du Business est pensée jusqu’au moindre détail (même le plus rikiki) pour vous accompagner dans votre projet.

Fondations, développement, accompagnement, entraide, coaching, Site Web, outils Web et même les cookies. Rejoindre la Happy.webacademy c’est faire partie de cet écosystème sans risque, il n’y a qu’à sauter le pas et se laisser guider.
L'IA activée pour accélérer votre transformation 🤖
12 Modules à jour
On vous offre une formation de dingue avec des plans d'action, des mises à jour régulières, un accès pour la vie, et un support 24/7, 365 jours par an. Tout ce qu'il vous faut (et même plus) pour faire briller votre vie, votre business et développer vos compétences.
Votre propulseur
Communauté
On met tout en place pour que vous soyez toujours au top de vos questions et que vous puissiez grandir avec une communauté qui a les mêmes rêves que vous, et que vous puissiez rencontrer des personnes super inspirantes.
Plus jamais seul
Votre Site Web !
Qui de mieux que des experts du Web pour vous créer un Site Web clé en main et vendre vos offres rapidement sans devoir vous casser la tête avec la technique. Terminées les nuits blanches à vous arracher les cheveux, on a tout prévu pour accélérer votre croissance en ligne!
On va vous créer
un Astéroïde
12 mois Offerts
On répond à toutes vos questions Business, de Mindset et de Pépètes. C’est aussi le meilleur moyen pour recevoir votre dose de motivation au quotidien, tout est possible !
N’oubliez pas d’amener
des cookies
Stratégie 3.0
Le Web et l'e-commerce évoluent à une vitesse incroyable, et si vous ne tenez pas le rythme, vous allez perdre de l'argent. C'est pourquoi on va vous partager toutes nos dernières astuces, découvertes et innovations (automatisations, intelligence artificielle,...) pour que vous et votre business restiez au TOP!
2 Coachs Business
Kevin & Sophie, 2 coachs sur le terrain depuis 10 ans qui seront là pour vous motiver, booster votre mindset, et bien plus encore! Tout au long de votre aventure entrepreneuriale sur le Web & dans l'e-commerce, on vous soutiendra pour valider des opportunités ou vous aider à optimiser vos performances. Vous ne serez PLUS JAMAIS seul !
Suivi en continu
C'est parfois difficile de prendre du recul sur votre travail quand on débute (même après), c'est pourquoi on sera toujours là pour examiner votre travail en privé AVANT que vous ne dépensiez de l'argent en publicité ou en influenceurs.
Investissement
Créer un business rentable engendre des besoins d'optimisation financière. C'est pourquoi on vous donnera les astuces qu'on utilise nous aussi pour que vous puissiez apprendre à investir l'argent que vous allez gagner à long terme pour vous créer un patrimoine.
Une question ? Parlons-en