Vous souhaitez apprendre le HTML et le CSS ? Vous êtes sur le bon site :)
Ici, nous allons voir les bases de ces deux langages, puis apprendre plus en profondeur les spécificités de chacun.
À propos de l'auteur
Nicolas AUNE, aka. PUShAUNE, est un graphiste intégrateur freelance basé sur Marseille.
Il enseigne dans plusieurs écoles et met à disposition ses cours sur internet pour que tout le monde puisse y accéder. Vous pouvez aussi trouver des tutoriels utiles sur son blog ;)
J'ai l'habitude de dire à mes élèves que le HTML et le CSS sont deux langues étrangères. Seulement, elles sont très simple à apprendre ; en effet, elles ne comportent que 200 mots de vocabulaire et pas plus de 10 règles de grammaire !
Vous voyez, ce n'est pas la mer à boire :)
Les cours se découpent selon un ordre logique qui va vous permettre d'apréhender ces deux langages le plus serainement possible :
- Une introduction à l'utilité de l'HTML et du CSS, pour bien comprendre à quoi sert l'un et l'autre.
- Les bases du fonctionnement du HTML, pour maîtrise sa syntaxe.
- Les bases du fonctionnement du CSS, pour maîtrise sa syntaxe qui diffère du HTML.
- La mise en forme du texte, qui nous permet de faire le lien entre le HTML et le CSS.
- Le positionnement, qui nous permet de structurer une page web.
Arrivé à ce stade, vous aurez déjà compris comment fonctionnent ces deux langages, et vous pourrez volez de vos propres ailes.
Je propose tout de même d'autres leçons pour se perfectionner dans les domaines suivants :
- la gestion des fonds,
- les balises vidéo et audio,
- les tableaux,
- les formulaires,
- comment gérer le responsive
Enfin, pour clôturer ces cours, vous avez deux dernières thématiques :
- Le programme avancé de CSS pour devenir un cador,
- la mise en production de son code sur un serveur.
Ressources utiles
Il est conseillé de télécharger et de garder dans un coin de son disque dur l'Ultimate HTML Cheat Sheet et l'Ultimate CSS Cheat Sheet qui vous permettent en un coup d'œil d'avoir l'ensemble des propriétés CSS et des balises HTML.