Ressources de Dreamweaver CS4
|
Vérification de problèmes de restitution CSS entre les navigateurs
Les fonctions de vérification de la compatibilité avec les navigateurs vous permettent de rechercher les combinaisons de HTML et de feuilles de style CSS pouvant présenter des problèmes dans certains navigateurs. Lorsque vous exécutez une vérification de compatibilité avec les navigateurs sur un fichier ouvert, Dreamweaver analyse le fichier et signale tous les problèmes de rendu CSS potentiels dans le panneau Résultats. Une estimation de confiance, illustrée par un quart de cercle, un demi cercle, trois-quarts de cercle ou un cercle plein, indique la probabilité d'occurrence d'un bogue (un quart de cercle plein indique une occurrence possible et un cercle complet plein indique une occurrence très probable). Pour chaque bogue potentiel détecté, Dreamweaver fournit également un lien direct à la documentation relative au bogue sur Adobe CSS Advisor, un site Web qui détaille les bogues de rendu de navigateur connus et propose des solutions pour les corriger.
Par défaut, la fonction de vérification de la compatibilité avec les navigateurs effectue une vérification par rapport aux navigateurs suivants : Firefox 1.5 ; Internet Explorer (Windows) 6.0 et 7.0 ; Internet Explorer (Macintosh) 5.2 ; Netscape Navigator 8.0 ; Opera 8.0 et 9.0 ; Safari 2.0.
Cette fonction remplace l'ancienne fonction de vérification du navigateur cible, mais conserve la fonctionnalité CSS de cette fonction. Cela signifie que la nouvelle fonction de vérification de compatibilité avec les navigateurs teste le code de vos documents et détermine s'il contient des propriétés ou des valeurs CSS non prises en charge par les navigateurs cibles.
Trois niveaux de problèmes potentiels de prise en charge de navigateur peuvent se présenter :
Une erreur signale du code CSS pouvant causer un problème grave et visible au niveau du fonctionnement de certains navigateurs, par exemple, en faisant disparaître une partie d'une page (une erreur désigne par défaut les problèmes de prise en charge de navigateur, de sorte que dans certains cas, du code ayant un effet inconnu peut être signalé comme une erreur).
Un avertissement indique une portion de code CSS qui n'est pas prise en charge dans certains navigateurs, mais sans pour autant causer de sérieux problème d'affichage.
Un message d'information indique du code qui n'est pas pris en charge dans certains navigateurs, mais n'a pas d'effet visible.
Les vérifications de compatibilité avec les navigateurs n'altèrent en rien le document.
Exécution d'une vérification de compatibilité avec les navigateurs Sélectionnez Fichier > Vérifier la page > Compatibilité avec les navigateurs.
Sélection de l'élément affecté par un problème détecté Double-cliquez sur le problème dans le panneau Résultats.
Accès au problème suivant/précédent détecté dans le code Dans le menu Vérification de la compatibilité avec les navigateurs de la barre d'outils du document, sélectionnez Problème suivant ou Problème précédent.
Sélection des navigateurs à faire vérifier par Dreamweaver- Dans le panneau Résultats (Fenêtre > Résultats), sélectionnez l'onglet Vérification de la compatibilité avec les navigateurs.
- Cliquez sur la flèche verte dans le coin supérieur gauche du panneau Résultats, puis choisissez Paramètres.
- Sélectionnez la case à cocher située en regard des navigateurs à vérifier.
- Dans le menu déroulant correspondant aux navigateurs sélectionnés, vous devez indiquer la version minimale devant être vérifiée.
Par exemple, pour vérifier si la restitution CSS peut s'afficher dans Internet Explorer 5.0 et versions ultérieures et dans Netscape Navigator 7.0 et versions ultérieures, cochez les cases correspondant aux noms de ces navigateurs, puis sélectionnez 5.0 dans le menu déroulant Internet Explorer et 7.0 dans le menu déroulant Netscape.
Exclusion d'un problème de la vérification de compatibilité avec les navigateurs- Exécutez une vérification de compatibilité avec les navigateurs.
- Dans le panneau Résultats, cliquez avec le bouton droit de la souris (Windows) ou en maintenant la touche Ctrl enfoncée (Macintosh) sur le problème que vous souhaitez exclure des vérifications futures.
- Cliquez sur Ignorer le problème dans le menu contextuel.
Modification de la liste des problèmes ignorés- Dans le panneau Résultats (Fenêtre > Résultats), sélectionnez l'onglet Vérification de la compatibilité avec les navigateurs.
- Cliquez sur la flèche verte dans le coin supérieur gauche du panneau Résultats, puis choisissez Modifier la liste des problèmes ignorés.
- Dans le fichier Exceptions.xml, recherchez le problème que vous souhaitez supprimer de la liste des problèmes ignorés et supprimez-le.
- Enregistrez et fermez le fichier Exceptions.xml.
Sauvegarde d'un rapport de vérification de compatibilité avec les navigateurs- Exécutez une vérification de compatibilité avec les navigateurs.
- Cliquez sur le bouton Enregistrer le rapport dans le côté gauche du panneau Résultats.
 Amenez le pointeur de la souris sur les boutons du panneau Résultats pour afficher les info-bulles relatives à chaque bouton. Remarque : Les rapports ne sont pas enregistrés automatiquement ; si vous souhaitez conserver une copie d'un rapport, vous devez suivre la procédure ci-dessus pour l'enregistrer.
Affichage d'un rapport de vérification de compatibilité avec les navigateurs dans un navigateur- Exécutez une vérification de compatibilité avec les navigateurs.
- Cliquez sur le bouton Parcourir le rapport dans le côté gauche du panneau Résultats.
 Amenez le pointeur de la souris sur les boutons du panneau Résultats pour afficher les info-bulles relatives à chaque bouton.
Ouverture du site Web Adobe CSS Advisor- Dans le panneau Résultats (Fenêtre > Résultats), sélectionnez l'onglet Vérification de la compatibilité avec les navigateurs.
- Cliquez sur le texte du lien situé dans l'angle inférieur droit du panneau.
|