L’environnement

HTML et CSS sont les 2 langages fondamentaux de l’internet. HTML est le langage à balises permettant de créer les pages web et CSS est le langage de feuilles de style vous permettant de les mettre en forme.

Objectifs pédagogiques

À l’issue de la formation, les stagiaires seront capables de :

  • Créer la structure d’une page web avec HTML
  • Mettre en forme une page web avec CSS
  • Utiliser le framework Bootstrap
  • Créer leur landing page

Public concerné

Techniciens, ingénieurs, développeurs, enseignants ou tout public souhaitant créer des pages web statiques.

Prérequis

Aucun.

Programme de la formation

Introduction

  • Qu’est-ce que le web ?
  • Qu’est-ce que le protocole HTTP ?
  • Quels outils pour développer son site web ?

Structurer sa page web avec HTML

  • La structure d’une page web
  • Le squelette HTML : body, head, title
  • La syntaxe des balises HTML
  • Les différentes balises : titres, paragraphes, textes, listes, tableaux, images, vidéos et liens

Mise en forme avec CSS

  • Les versions de CSS
  • Comment intégrer le CSS ?
  • Les sélections par nom de balise
  • Les sélections par identifiant
  • Les sélections par classe
  • Les règles du CSS (héritage, cascade, priorité)
  • Les propriétés liées au texte (font-family, font-size, font- style)
  • La mise en page (couleurs, tailles, positions, flottants, marges, padding, boutons, container, flex box, images)

Créer sa landing page avec Bootstrap

  • Le framework Bootstrap
  • Intégration du framework Bootstrap
  • Le concept de row
  • Le concept de grid