01 – Introduction

Publié le

Présentation de la formation HTML CSS en vidéo.

>> Structure d’une page HTML

Bonjour et bienvenue dans cette vidéo d’introduction pour la formation HTML-CSS. Cette chaîne YouTube qui démarre va traiter du développement web, comme vous vous en doutez, et nous allons voir d’autres langages au fur et à mesure. On va commencer par le HTML-CSS qui est vraiment la base pour toute création de pages Internet.

Et puis après, pourquoi pas, on pourra faire du JavaScript, du PHP, voire des frameworks, etc. Je redéfinirai un petit peu tous ces termes, puisque ces vidéos sont vraiment dédiées, notamment le HTML-CSS, à des débutants. Si vous êtes complètement débutant, je vais tâcher de vous apprendre le HTML-CSS.

Et vous allez me dire, c’est vrai que sur YouTube on a pas mal de choses, on a déjà pas mal de formations de ce type-là, mais simplement c’est que je suis aussi l’auteur d’un ouvrage que je vends sur Amazon, que j’intitule Mon Pense-Bête HTML-CSS, qui est en fait une synthèse des balises et des différentes propriétés CSS que nous allons voir. Et ça permet finalement d’avoir un mémento sous la main, sous forme papier, pour pouvoir après retrouver assez rapidement une syntaxe. Et c’est un petit peu le plus, je voulais un petit peu compléter aussi ce recueil avec des vidéos.

Et donc nous allons commencer à introduire la formation. Quels seront les prérequis ? Qu’est-ce que vous allez avoir besoin pour travailler ? Et bien tout simplement un éditeur de code. Alors on pourrait très bien faire du HTML avec un éditeur de code Windows comme un Notepad, mais bien évidemment on va avoir des outils qui sont mieux pour développer.

Et je vais vous recommander Visual Studio Code, qui est un éditeur gratuit, que vous trouverez sur l’adresse code.visualstudio.com. Et vous allez pouvoir le télécharger en fonction de votre plateforme, que ce soit Windows, Mac ou Linux. Et une fois que vous aurez installé cet éditeur, je vais vous recommander, alors je passe sur mon éditeur Visual Studio Code, et je vais vous recommander quelques extensions. Donc on va trouver ici sur l’icône à gauche, Extensions.

Si vous le souhaitez, dans la barre de recherche ici, vous allez taper French. Et si vous le souhaitez, vous allez avoir l’extension qui permettra de traduire Visual Studio Code. Si ce n’est pas le cas, si ça reste en anglais ou si ça ne vous dérange pas.

En tous les cas, si vous le souhaitez l’avoir en français, il faudra installer cette petite extension French Language Pack for Visual Studio Code. Ensuite, dans les petites extensions que je pourrais vous recommander, ça sera aussi Live Server, qui permettra de consulter un petit peu notre site, notre page web au fur et à mesure qu’on va coder. Une fois qu’on aura fait nos modifications, on va enregistrer et on aura un petit peu le rendu en temps réel dans un navigateur.

Donc ça, ce sont les petites extensions que je peux vous recommander avant de démarrer. Et puis ensuite, bien évidemment, quand on va attaquer notre premier cours, je vous montrerai un petit peu plus en détail comment fonctionne Visual Studio Code. Dans tous les cas, j’espère que vous êtes partants pour suivre cette formation.

Comme je le disais, elle est vraiment dédiée aux débutants. On va y aller pas à pas pour faire nos premières pages en HTML. Et puis par la suite, on verra le CSS.

Donc une petite définition quand même. HTML pour Hypertext Markup Language, c’est un langage de balise. Comme on va le voir, on va pouvoir mettre un certain nombre de balises dans lesquelles on y mettra du contenu.

Alors on y mettra du contenu sous forme de texte. On pourra y mettre évidemment des éléments images, tableaux, formulaires, tout ce dont vous avez l’habitude de consulter en ligne déjà. Et puis ensuite, on fera du CSS.

Donc là, ce sera plutôt pour mettre du style à tout ça. Puisque vous allez voir que le HTML tout seul, c’est vraiment très austère. Ce n’est pas très joli.

Et on va vouloir mettre du CSS, du style pour mettre un petit peu de mise en page, de couleurs à nos textes. Mais ce sera surtout pour mettre des mises en page, faire un système de colonnes, faire nos barres de menus, etc. Comme vous avez l’habitude de le voir sur les sites internet.

Donc je pense que là, on a tout pour bien démarrer. Donc Visual Studio Code surtout. Et puis je vous donne rendez-vous pour une prochaine vidéo pour commencer notre premier cours HTML, le HTML tout simplement, puisqu’on va d’abord s’attarder sur le HTML avant de faire du CSS. Écoutez, à bientôt pour une prochaine vidéo.

Partagez !

Laissez le premier commentaire