HTML, CSS L'essentiel
Objectifs de la formation
Connaître les balises HTML et les feuilles de styles CSS. Gérer le référencement naturel et l'accessibilité. Intégrer en HTML et CSS avec un positionnement sans tableau. Mettre en page un site web depuis une maquette Photoshop existante. Connaître les standards W3C, les bons outils et les bonnes pratiques
Contenu du cours
1 - Introduction
- Standards W3C et bonnes pratiques
- Outils et méthodologies de développement et de debug
- Compatibilité : doctype et normalisation CSS
2 - HTML sémantique
- Balises title et meta
- Insertions des feuilles de styles CSS et des scripts JavaScript
- Les balises principales de contenu : titres, paragraphe, listes,...
- Hiérarchie et mise en valeur pour le référencement
3 - HTML multimédia
- Les images
- Gestion de l'accessibilité et des performances
4 - HTML interactif
- Les liens
- Formulaires accessibles
- Les différents types de champs
5 - Sélecteurs CSS
- Sélecteurs de base : balises, class, ID
- ID vs class
- Sélection par descendance
- Sélecteurs d’attributs
- Pseudoclasses
- Règles de priorité
- Bonnes pratiques de nommage, de factorisation et de performance
6 - Graphisme
- Polices et textes
- Unités de mesure
- Couleurs
- Fonds
- Styles des listes
7 - Positionnement : les bases
- Display : inline / block / inlineblock
- Dimensions, marges, espacements et bordures
- Les pièges des dimensions et marges
8 - Les différents positionnements
- Positionnement classique : float / clear
- Les pièges des float et l'astuce du clearfix
- Positionnements spéciaux (relatif, absolu, fixe)