Formation Technologies de l'information : CSS : s’initier aux feuilles de style
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.
Le programme 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
À qui s'adresse cette formation ?
Public cible
Concepteurs et développeurs Web.
Prérequis
Expérience de la mise en page HTML (cours WE106).
Les objectifs de la formation
Être en mesure de bâtir une feuille de style CSS (Cascading Style Sheets) de base pour un site et de l’attacher à un document ou à une série de documents; maîtriser l'usage des règles de positionnement afin de développer des pages Web avec un rendu prédictible.