• Introduction
• Découvrir le CSS
• CSS et Web
• Mettre en forme le HTML grâce au CSS
• Appliquer à une balise
• Règle d'importance
• Sélectionner les éléments à styler
• Appliquer à un élément spécifique grâce aux ID
• Appliquer à plusieurs éléments grâce aux classes
• Sélectionner les éléments selon la hiérarchie
• Sélectionner selon la position dans le code
• Sélectionner selon des types prédéfinis avec les pseudo-classes
• Les pseudo-éléments
• Sélectionner selon la position dans une série
• Sélectionner en excluant un élément particulier
• Sélectionner des balises selon les attributs
• Propriétés de texte
• Changer la police
• Corps et taille du texte
• Les marges et retraits
• Marges de paragraphes
• Alignement
• Changer les couleurs
• Graisse et style
• Changer la casse
• Lettrines CSS
• Propriétés de mise en page
• Mettre en colonne
• Césures
• Gestion du flux des éléments
• Positionner un élément
• Mise en forme de tableaux
• Effets
• Bordures et filets de paragraphe
• Ombres sur le texte
• Ombres sur la zone
• Ajouter des dégradés sur les zones
• Arrondis avec border-radius
• Modifier le contenu
• Changer l'aspect de la première ligne
• Ajouter automatiquement du texte
• Compter les éléments
• Les Animations
• Approche des animations CSS
• Créer une transition CSS
• Créer des animations CSS
• Créer un diaporama en CSS
• Les transformations
• Design Adaptatif (responsive web design)
• Qu'est-ce que le design adaptatif ?
• Enlever les paramètres par défaut des navigateurs
• Les unités de mesure adaptables
• Tester l'adaptabilité
• Définir le viewport
• Dimension des blocs
• Appliquer aux images
• Gérer le texte
• Les médias queries
• test

Tester l'adaptabilité

Notre site responsif doit être correctement conçu à l'aide de mises en page pensées en graphisme, en ergonomie mais aussi en contenu pour les différentes tailles d'écran. On aura alors la charge de transcrire tout cela dans les différentes technologies choisies, principalement le CSS. Mais il faudra bien évaluer la qualité de ce qui est produit. Il existe plusieurs méthodes pour tester la fluidité de sa page.

Redimensionner le navigateur

Utiliser un simulateur

Utiliser un serveur local avec de vrais périphériques

Connaître sont adresse IP

sous windows :

ipconfig 

sous linux :

ifconfig, éventuellement en tant que superutilisateur

ou plus précisément

ifconfig | grep "192"

puisque les réseaux locaux commencent normalement par cette valeur.