Utilisation des Media Query dans Dreamweaver

Dreamweaver CS6 – les media queries
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre le Responsive Design
Revoir le teaser Je m'abonne
Transcription

59,90€ 29,95€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

59,90€ 29,95€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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.

Apprenez à utiliser les Media Query dans Dreamweaver pour adapter vos sites web à différentes tailles d'écran.

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.

Voir plus
Questions réponses
Quels sont les deux moyens proposés par Dreamweaver pour créer des Media Query ?
Dreamweaver propose l'utilisation des Media Query par défaut ou la création manuelle de requêtes multimédia personnalisées.
Quel est l'avantage d'utiliser la balise Metanem Viewport ?
La balise Metanem Viewport force le périphérique à afficher la page dans la définition de son écran, améliorant ainsi l'ergonomie et l'expérience utilisateur.
À quoi sert le bouton plus dans l'insertion de Media Query ?
Le bouton plus permet de créer une nouvelle requête multimédia en définissant des paramètres personnalisés tels que la largeur minimale.

Programme détaillé