PUBLIC CONCERNÉ
Développeurs, webmestres, toute personne ayant déjàbréalisé des sites avec un éditeur HTML.
PRÉ-REQUIS
Il est nécessaire d’avoir suivi le stage “Feuilles de style (CSS) : niveau 1” (page 49) pour accéder à cette formation.
PROGRAMME
Organisation du travail et bonnes pratiques CSS
• Architecture des feuilles de style :
- arborescence des fichiers et répertoires
- nomenclature
- organisation des règles de style
• Présentation des frameworks CSS et des feuilles resets CSS : conseils et comparatifs
• Modes d’écriture et organisation des propriétés
• La cascade, les règles hiérarchiques, les conflits d’héritage (calcul des spécificités des sélecteurs)
• Utilisation des outils d’analyse
Outils de debuggage
• Quirks mode et Doctype
• Les modèles de boîtes CSS : rappel
• Le facteur IE : quelques bugs connus
- solutions : hacks et contournements
• Bien utiliser les flottants pour les maquettes
• La problématique du zoom des navigateurs
- unités em ou % ?
- astuces et utilisation du convertisseur pixels / em
Interopérabilité : les feuilles de style spécifiques et l’avenir du Web
• Les CSS dans un contexte CMS
• Les CSS pour les newsletters
• Les feuilles de style pour différents rendus
(résolution, impression, PDA...)
• L’avenir du Web : HTML5 et CSS3
• Les nouveautés HTML5 (header, nav, section, footer, caption...)
• Nouveaux sélecteurs et propriétés CSS3 : images de fonds multiples, taille des images de fond, coins arrondis, displays...)
Exercices pratiques
• Exemples de structure de maquette
• Analyse comparative de sites
• Analyse d’un prototype de développement
• Personnalisation : choix d’habillage en fonction de l’utilisateur
• Faire un “style switcher” en vue de l’accessibilité
• Ajustement d’un gabarit à différentes résolutions
