Css3 pour le responsive web design

Utilisation des CSS

• Cycle de développement
• Avantages des CSS
• CSS et HTML 5
• Exploiter les CSS pour créer des sites Web accessibles

Concepts fondamentaux des CSS

Convention de formatage CSS

• Définition de la structure des CSS
• Unité de mesure
• Taille fixe/taille relative
• Propriétés de couleur et de police de caractère
• Simplification des feuilles de style avec la sténographie

• Attributs classes/attributs ID
• Insertion de balises DIV et SPAN
• Comparaison entre styles inline et block

• Feuilles de style externes ou intégrées
• Importation vs. liaison de feuilles de style externes
• Utilisation du mode en cascade CSS et des spécificités
• Déterminer les styles efficaces

• Groupement et stylisation du contenu
• Création de zones de remplissages (padding), de marges et de bordures et optimisation de la mise en forme grâce aux arrière-plans et aux images
• Gradients, ombres et arrière-plans de CSS3

Manipulation de la feuille de style

Gestion du navigateur

• Importance de la directive !DOCTYPE
• Choix des standards du document
• Passage du mode quirk au mode normal

• Héritage et comportement du style
• Attribution de styles et application de règles de spécificités
• Utilisation des spécificités
• Pseudo sélecteurs

Mise en page

Gestion des éléments de la page avec les CSS

• Mise en forme de pages en utilisant les techniques de pure CSS (sans tableau)
• Superposition des éléments
• Position relatif/position absolu

• Optimisation des pages pour l'accessibilité, les moteurs de recherche
• Effets Rollover à l'aide de :hover
• Mise en page linéaire

Techniques multinavigateurs

Intégrer les bonnes pratiques

• Optimisation des pages pour toutes plates-formes
• Produire du contenu imprimable
• Utilisation des styles pour un format d'impression optimal

• Développement de pages fonctionnant avec des navigateurs quirk et des boîtes cassées
• Dégradation élégante vs amélioration progressive
• Cibler des navigateurs ne prenant pas en compte CSS3

Navigation efficace

Organisation de l'information du site

• Choix de techniques de menu pour plus de convivialité
• Localisation du visiteur dans le site grâce au chemin de navigation ou « crumbtrail »
• Création d'un menu de recherche convivial grâce aux listes

• Conception de menus accessibles et attractifs, horizontaux et verticaux ou avec onglets
• Application des techniques rollover aux menus

Application de styles aux formes et tableaux pour plus d'accessibilité

Formatage des données tabulaires

• Utilisation des CSS pour rendre les tableaux attractifs
• Mise en application des techniques d'accès à la conception des tableaux

• Styliser les formes avec CSS
• Création de formulaires efficaces et accessibles fonctionnant sous différents navigateurs
• Application des propriétés d'une feuille de style aux formulaires