Apprendre La Programmation HTML Et CSS #1 - Indroduction • Informerick

Bienvenue dans cette formation / cours pour apprendre les bases du HTML et du CSS.

Dans cette formation gratuite voici ce que tu vas y retrouver:

Créer son premier site web avec du code HTML et CSS
Compréhension du HTML et du CSS
Être capable d’ajouter du contenu HTML
Être capable de styliser du contenu avec le CSS
Formater du texte
Créer des tableaux
Comprendre les balises et les attributs
Créer des sites web responsive

Cette formation est destinée à tout le monde, que tu sois un débutant ou un expert souhaitant revoir les bases du code HTML et du CSS.

Alors bienvenu à toi, installe-toi, nous allons passer un certain temps ensemble pour comprendre ces langages ensemble.

Table des matières masquer

1. Version vidéo

2. Que fait le langage HTML et le Langage CSS?

3. 2. Les éditeurs de texte

3.1. FAQ

Version vidéo

Tu préfères la version vidéo? Je t’invite à regarder ce tutoriel version vidéo sur la chaîne YouTube Informerick.

Cours HTML/CSS Débutant #1 - Introduction (2022)

Que fait le langage HTML et le Langage CSS?

Vous faites biens de poser la question.

Alors, oui, tu dois te dire que ça aurait été plus simple de créer un seul langage pour créer des sites web. Oui, mais non. Ces deux langages sont des langages complémentaires.

Le HTML lui permet d’ajouter du contenu à un site web. C’est avec lui que l’on va ajouter le texte du site, les images et les tableaux.

Le CSS tant qu’à lui permet d’ajouter du style à un site web, d’ajouter des couleurs, de modifier les grandeurs et même de transformer votre site web en responsive!

Pour plus te faire comprendre ces deux langages, voici le site Wikipédia avec et sans CSS.

Avec CSS:

Sans CSS:

Comme tu le vois, le CSS ne fais que changer la disposition et l’apparence, tant qu’au HTML, lui permets d’ajouter le contenu au site web.

2. Les éditeurs de texte

Alors là nous allons voir une partie intéressante de cette formation:

Avec quoi nous écrivons notre code de site web?

Nous l’écrivons avec un éditeur de texte! Tu ne sais pas qu’est-ce que c’est? C’est ce qui te permet d’écrire du texte:

Le bloc note de Windows. Et oui, tu peux créer des sites web même avec le bloc note de Windows!

Tu peux créer des sites web avec le bloc note de Windows, mais ce n’est pas l’optimal. Alors je te présente trois logiciels d’éditeur de texte pour coder en HTML et CSS:

Les meilleurs éditeur de texte pour coder en HTML et CSS

NotePad++

Points forts:
– Gratuit
– Sous licence Libre
– Met de la couleur au code
– Suggestions de variables

Points Faibles:
– Interface peu « User friendly »
SublimeText

Points forts:
– Ajoute de la couleur au code
– Extrêmement personnalisable avec des add-ons
– Gratuit
– Disponible sous Windows, Mac et Linux

Points Faibles
– Vous allez avoir souvent une pub pour vous demander d’acheter une licence pour une version « Pro »
Visual Studio Code

Points forts:
– Permets beaucoup d’organisation
– Ajoute de la couleur au code
– Suggestion de variables
– Utilisé par plus de 50% des développeurs web

Points Faible
– Difficile à prendre en main pour les débutants

FAQ

Lesquels sont les meilleurs éditeurs de texte gratuits pour le HTML et le CSS?

Je te conseille un de ces trois éditeurs de texte gratuit:

NotePad++
SublimeText
Visual Studio Code

Comment le HTML et le CSS travaillent ensemble?

Ces deux langages sont des langages complémentaires. Le HTML permet d’ajouter du contenu (le texte, les images…) et le CSS lui permet de mettre du style au contenu (modifier la couleur, déplacer …)

Cet article se trouve dans la catégorie: Programmation