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