Apprendre à styliser et mettre en page des sites web avec CSS et les bonnes pratiques de mise en forme
Apprendre les feuilles de styles dans l’intégration de pages web permet de séparer le fond (le contenu) de la forme (son apparence), pour se concentrer sur cette dernière.
Le contenu est hébergé dans le html.
Les règles d’affichage dans le css.
Cette séparation présente plusieurs avantages comme d’offrir des affichages différents pour un même contenu.
Cette formation vous permettra de bâtir des feuilles css qui respectent les bonnes pratiques pour ne pas alourdir le code, mais aussi de séparer la forme et la structure, contrôler le positionnement, obtenir des pages plus légères et plus rapides à afficher, faire des changements rapides sur l'ensemble du site, améliorer la flexibilité de la page et faciliter la recherche et l'indexation.
Est-ce pour vous ?
Concepteurs et développeurs Web.
Préalables
Expérience de la mise en page HTML (cours WE106).
Ce que vous saurez faire
- ✓ Maîtriser les bases du CSS pour styliser efficacement le contenu HTML
- ✓ Appliquer le modèle de boîte et gérer marges, bordures et espacements avec précision
- ✓ Utiliser les sélecteurs, classes et pseudo-classes pour cibler et organiser les styles
- ✓ Créer des mises en page modernes avec les règles de positionnement (relatif, absolu, fixe)
- ✓ Concevoir des feuilles de style adaptées à différents médias, incluant l’impression
Contenu de la formation
- Utilité des feuilles de style
- Description du modèle CSS
- Unités de mesure
- Modèle de la boîte
- Méthodes pour insérer des règles de style
- Règles typographiques : marges, rembourrage, indentation, police de caractères, décoration du texte et style
- Classes et pseudo classes
- Règles hiérarchiques
- Montage d’une feuille de style simple pour le contrôle typographique
- Règles pour les différents médias, dont l’impression
- Création d’une feuille de style pour l’impression
- Résolution de conflits de styles
- Balises div, span et attribut id et leur usage pour le développement des règles de style
- Utilisation des sélecteurs dans les feuilles de style CSS et utilisation des règles de spécificité des sélecteurs
- Création de menus hiérarchiques avec listes imbriquées
- Positionnement absolu sans tableaux
- Règles de positionnement : différences entre relatif, absolu, fixe et statique
- Montage d'une feuille de style plus complexe pour contrôler le positionnement des éléments
📌 Informations pratiques
Nos formations sont offertes à Montréal ou Québec, en présentiel ou en classe virtuelle. Les dates et lieux sont précisés lors de votre choix de session ci-dessous. Si vous avez des questions, consultez notre FAQ.
