Introduction à l'intégration des Media Query
Objectifs
Les objectifs de cette vidéo sont :
- Apprendre à insérer des Media Query dans Dreamweaver.
- Comprendre comment adapter les feuilles de style CSS pour différents types d'écrans.
- Savoir utiliser les outils intégrés de Dreamweaver pour créer des fichiers CSS réactifs.
Résumé
Apprenez à utiliser les Media Query dans Dreamweaver pour adapter vos sites web à différentes tailles d'écran.
Description
Dans cette leçon, nous allons explorer l'utilisation des Media Query dans Dreamweaver pour le développement de sites web en responsive design. L'objectif est d'intégrer ces requêtes directement dans une page Dreamweaver, qu'il s'agisse d'une nouvelle création ou d'une modification d'un fichier existant.
Nous partirons d'un document vierge dans Dreamweaver et utiliserons les outils intégrés pour insérer des requêtes multimédia. Une approche consiste à utiliser les Media Query par défaut proposées par le logiciel, permettant de générer automatiquement des feuilles de style adaptées pour différentes tailles d'écran : 320 pixels, entre 321 et 768 pixels, et au-delà de 769 pixels.
Il existe une autre méthode pour créer des Media Query personnalisées, en définissant manuellement les largeurs minimales et en associant chaque requête à un fichier CSS spécifique. Cette méthode offre une flexibilité accrue pour adapter les styles CSS à diverses résolutions d'écran, garantissant ainsi une expérience utilisateur optimale sur tous les dispositifs.
Questions - réponses
Programme détaillé
Module 1 - Introduction video
Module 2 - Principes généraux
Module 3 - Réaliser une maquette en responsive Design
Module 4 - Maitriser l'intégration en Responsive Design
Module 5 - Le travail des textes
Module 6 - Intégrer des images optimisées
Module 7 - Une réalisation complète
Module 8 - Connaissances complémentaires
Module 9 - Conclusion
