Bienvenue dans cette introduction au HTML et au CSS pour les concepteurs UI
Dans ce module, vous allez explorer les fondamentaux du HTML et du CSS.
En tant que concepteurs d’interfaces utilisateur, il s’agit pour vous d’acquérir une compréhension des bases de ces langages tout en découvrant des outils essentiels comme CodePen et Visual Studio Code.
Cet apprentissage se fera de manière parallèle : vous apprendrez à la fois à manipuler les langages et à vous familiariser avec les logiciels.
L’objectif est d’aborder ces concepts progressivement, comme on raconte une histoire.
Nous ne suivrons pas une approche systémique où chaque outil ou concept serait traité indépendamment et de façon linéaire (par exemple : « voici le HTML », « voici le CSS », « voici les propriétés », etc.).
À la place, vous découvrirez ces éléments au fil des exercices et des exemples.
Laissez-vous guider et laissez votre curiosité vous porter.
Une consigne dès le départ
Pour les 10 premiers chapitres, nous vous invitons à ne pas copier-coller le code.
Prenez le temps de le retaper à la main, au moins sur les dix premiers chapitres.
Cette méthode vous aidera à ancrer les bases de manière durable.
Plus tard, vous pourrez recourir au copier-coller, mais ce travail manuel initial est indispensable pour bien assimiler les fondamentaux.
Ce que vous devez retenir
Un concepteur designer d’interface utilisateur (UI Designer) n’est pas un intégrateur Web ni un développeur.
Ainsi, ce module n’a pas pour vocation de vous faire mémoriser ou maîtriser l’intégralité des spécificités du HTML et du CSS. Cela serait illusoire.
L’objectif est de vous familiariser avec les grandes logiques et de vous préparer à des cas pratiques. Par exemple, vous pourrez avoir besoin d’ajuster des éléments CSS ou HTML en utilisant des outils comme WordPress et Elementor.
Nous ne parlons pas ici d’un « cours total sur le HTML CSS » à proprement parler, mais plutôt d’une découverte.
Vous allez expérimenter, tester, et manipuler du code pour comprendre les mécanismes essentiels.
Il est également recommandé de créer vos propres pens (projets dans CodePen) pour développer des templates personnalisés sur les sujets qui vous semblent les plus importants.
Ainsi vous aurez une toolbox de type mémo accessible 24h/24h pour le futur.
Avant de commencer
Retenir tout est impossible, pratiquer est indispensable.
L’objectif est de comprendre les grandes logiques.
Si ce sujet vous passionne, vous trouverez sur le web une multitude de ressources pour approfondir vos connaissances.
Mais pour l’instant, ce module vise simplement à vous mettre sur la bonne voie et à vous donner les clés pour appréhender ces concepts sans pression.
Bon voyage !
Vous pouvez désormais cliquer sur le nom du chapitre suivant en bas à droite de cet écran.