HTML5 / CSS3 - Débutant

Durant les deux premiers jours de cette formation, vous allez construire votre première page web. Le premier jour, vous écrirez le code HTML et le deuxième jour, vous écrirez le code CSS. Ce premier exercice vous permettra de faire vos premiers pas en HTML et en CSS en apprenant dans le détail le fonctionnement de ces deux langages.

Le troisième jour, vous écrirez le A à Z le code d'un petit site Internet multipages. Ce second exercice vous permettra de consolider vos bases et de découvrir des techniques supplémentaires, comme la création d'une barre de liens ou la génération de dégradés.

Prérequis

Ce cours s'adresse aux débutants, aucune expérience préalable en HTML ou en CSS n'est requise. Par contre, il est nécessaire d'avoir une connaissance opérationnelle de votre système d'exploitation (Mac ou Windows) ainsi qu'une expérience de l'Internet en tant qu'internaute.

Votre formateur

Damien Bruyndonckx est instituteur primaire de formation. Depuis 2001, Damien est actif dans la formation IT pour adultes. Il s'est spécialisé en eLearning, vidéo pédagogique et développement web. Depuis 2015, Damien est formateur pour LinkedIn Learning. Il a enregistré une quarantaine de formations en vidéo, principalement dans le domaine du développement web. Les formations sur l'HTML, le CSS et le JavaScript sont rapidement devenues très populaires et font autorité dans le domaine.

Contenu de la formation

Le contenu de ces trois journées de formation est basé sur la réalisation de deux exercices. Tous les concepts abordés sont donc immédiatement mis en pratique.

Jour 1

1. Découverte du langage HTML
   Dans ce premier chapitre, vous allez créer une première petite page HTML valide. Vous découvrirez les concepts de base du langage HTML, tels que le concept de balise, la nécessité d'utiliser un éditeur de code et les meilleures pratiques principales.
2. Structurer le texte
   Dans ce chapitre, vous allez découvrir les balises de l'HTML qui vous permettent de structurer le texte. Vous apprendrez notamment à créer des paragraphes, à utiliser les différents niveaux de titre, à créer des listes et des liens.
3. Travailler avec des images
   Ce chapitre est consacré aux divers types d'images que vous pouvez insérer sur une page web. Vous apprendrez à choisir le type d'image le plus approprié en fonction de la situation (.gif, .jpg, .png, .svg). Vous apprendrez également le fonctionnement de la balise <img>
4. Structurer une page web
   Dans ce chapitre, vous allez écrire le code HTML complet d'une véritable page web. Vous en profiterez pour découvrir les balises structurantes de l'HTML (<div>, <section>, <header>, <footer>, etc.).
5. Introduction au langage CSS
   Ce chapitre propose une première approche du langage CSS qui vous permet de mettre en forme votre site web. Vous apprendrez comment appliquer une feuille de styles à votre page web et comment les langages HTML et CSS sont liés.

Jour 2

1. Principes de base du CSS
   Ce chapitre vous propose de rentrer plus en détail dans le langage CSS. Vous découvrirez notamment le fonctionnement des principaux sélecteurs et le principe de la cascade.
2. Mettre en forme du texte
   Dans ce chapitre, vous allez découvrir les principales propriétés du CSS permettant de mettre en forme le texte de vos pages web. Au passage, vous découvrirez le fonctionnement des codes couleur et des polices de caractères du CSS .
3. Le CSS box model
   Il est temps de passer à la mise en page de votre site. Pour cela, vous devez connaître dans le détail le fonctionnement des propriétés principales du CSS Box Model. C'est ici que vous allez tout apprendre sur les paddings, les margins et les border.
4. Finalisation de votre page web
   Forts de vos nouvelles connaissances, vous allez finaliser votre première page web en appliquant les techniques de mise en forme et de mise en page apprises précédemment. Cerise sur le gâteau, vous découvrirez les bases des animations et des transitions en CSS.

Jour 3

1. Transposer une maquette Photoshop
   Ce chapitre marque le début du second exercice de la formation. Au départ d'une maquette Photoshop, vous allez écrire le code HTML et le code CSS correspondant à l'image de la maquette. Vous en profiterez pour découvrir de nouvelles techniques et propriétés, comme la façon de centrer un conteneur dans la fenêtre ou la manière de générer des dégradés de couleurs.
2. Créer une barre de liens
   Ce chapitre est entirèment consacré à la création d'une barre de liens à la fois en HTML et en CSS. Vous découvrirez comment rendre votre navigation agréable à regarder, simple à utiliser et accessible aux personnes en situation de handicap.
3. Inclure des éléments externes
   Dans ce chapitre, vous allez étudier l'inclusion de contenus multimédias supplémentaires comme des vidéos et des fichiers sons. Vous découvrirez également l'utilisation de la balise <iframe> pour incorporer du contenu venu d'autres sites dans vos pages web (comme des vidéos YouTube, des Google Maps ou des fils Twitter).

Modalités pratiques

Ce cours peut se donner aussi bien en présentiel, qu'en classe virtuelle.  Les trois journées de formation ne doivent pas nécessairement être contiguës. Nous planifierons cette formation selon vos besoins et vos disponibilités.

Nous contacter pour une formation en HTML 5 / CSS3 débutant

Intéressé par une formation débutant en HTML5 / CSS3 ? Besoin d'un renseignement supplémentaire? Remplissez le formulaire ci-dessous et nous reprendrons contact avec vous dans les 48h.