Mode d'emploi ADOBE CS LIVE

[. . . ] Utilisation d’ADOBE® CS LIVE Informations juridiques Informations juridiques Pour consulter les informations juridiques, rendez-vous à l’adresse suivante : http://help. adobe. com/fr_FR/legalnotices/index. html. Dernière mise à jour le 13/5/2011 iii Sommaire Chapitre 1 : A propos de CS Live Chapitre 2 : Acrobat. com Chapitre 3 : Adobe CS Review Chapitre 4 : SiteCatalyst NetAverages Accès aux informations . 4 Utilisation des alertes e-mail Chapitre 5 : BrowserLab Utilisation de BrowserLab . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 Utilisation de BrowserLab pour Firebug Utilisation de BrowserLab dans Dreamweaver Chapitre 6 : Adobe Story Dernière mise à jour le 13/5/2011 1 Chapitre 1 : A propos de CS Live Adobe® CS Live est un ensemble de services en ligne pouvant être intégrés aux logiciels Adobe Creative Suite® 5 afin de simplifier le processus de révision des créations et d'accélérer les tests de compatibilité de sites Web, entre autres. [. . . ] Affichage des règles ❖ Pour activer ou désactiver l'affichage des règles, appuyez sur la touche R de votre clavier. La règle affiche ses mesures en pixels. Création d'un repère horizontal ou vertical • Pour créer un repère horizontal ou vertical, faites glisser la règle correspondante et relâchez le bouton de la souris lorsque vous avez atteint l’endroit souhaité. Vous pouvez toujours repositionner le repère en le faisant glisser de nouveau. • Pour supprimer un repère, faites-le glisser vers la règle correspondante jusqu'à ce qu'il disparaisse. • Pour supprimer tous les repères, double-cliquez sur la zone dans l'angle supérieur gauche de la règle. Remarque : les repères sont conservés lorsque vous actualisez les captures d'écran. Ajustement de l'alignement de la capture d'écran Puisque l'alignement du contenu des pages dépend des navigateurs, même lorsque le contenu est « identique », il peut parfois être difficile de se faire une idée de la relation entre les éléments de page, notamment lorsque vous utilisez le mode Pelure d'oignon. Par exemple, la capture d’écran ci-dessous illustre la même zone sur une page dans Firefox (Windows) et Safari (OSX), en mode Pelure d’oignon. Dernière mise à jour le 13/5/2011 CS LIVE BrowserLab 10 Captures d’écran de Firefox Windows et Safari OSX en mode Pelure d’oignon. Dans l'exemple ci-dessus, il est pratiquement impossible de comparer les zones de texte en mode Pelure d'oignon, car les alignements par défaut de chaque navigateur sont légèrement différents. Toutefois, BrowserLab vous permet d'ajuster l'alignement par défaut de vos captures d'écran, et ainsi d'effectuer des tests ciblés sur des zones spécifiques d'une page Web, même lorsque les alignements sont désactivés. Dernière mise à jour le 13/5/2011 CS LIVE BrowserLab 11 Les deux captures d'écran en mode Pelure d'oignon après ajustement de l'alignement. BrowserLab vous permet d'aligner les captures d'écran de manière individuelle ou globale (« alignement intelligent »), afin de les ajuster sur un point particulier spécifié. Alignement des captures d'écran de manière individuelle 1 Affichez une ou plusieurs captures d'écran en mode 1 écran ou en mode Affichage double (la fonction d'alignement est désactivée en mode Pelure d'oignon). 2 Cliquez sur le bouton d'activation ou de désactivation du mode Alignement. (il se trouve en regard du menu Affichage, à droite de la zone de texte URL). Remarque : vous pouvez également activer et désactiver l'alignement en appuyant sur la touche A du clavier de votre ordinateur. Le carré d'alignement apparaît dans l'angle supérieur gauche de votre capture d'écran. 3 Faites glisser le carré d'alignement vers une zone de la page sur laquelle définir le nouveau point d'alignement. Vous pouvez utiliser le grand carré au centre du carré d'alignement pour centrer sur la zone générale. Une fois que vous relâchez la souris, la zone d'affichage du carré d'alignement agrandit la zone concernée de la capture d'écran. L'agrandissement vous permet de sélectionner un nouveau point d'alignement avec une parfaite précision des pixels. Remarque : si vous faites glisser le carré d'alignement à partir de l'espace dans le carré plutôt qu'à partir de sa bordure, la zone en dessous est agrandie au fur à mesure que vous faites glisser le curseur. 4 Sélectionnez un nouveau point d'alignement en choisissant un pixel et en cliquant dessus. Vous constaterez qu'au fur et à mesure que vous faites glisser le curseur sur la zone agrandie, une seconde paire de réticules et un point de sélection apparaissent. 5 Cliquez sur Aligner la capture d'écran actuelle ici. Dernière mise à jour le 13/5/2011 CS LIVE BrowserLab 12 Lorsque vous alignez une capture d'écran de manière individuelle, le nouveau point d'alignement spécifié est déplacé vers l'angle supérieur gauche de l'interface de la capture d'écran. 6 (Facultatif) Si vous êtes en mode Affichage double, alignez la seconde capture d'écran si nécessaire. Alignement intelligent de toutes les captures d'écran La fonction Alignement intelligent vous permet d'indiquer un point d'alignement sur une capture d'écran, puis d'aligner toutes les autres captures d'écran sur ce point. 1 Affichez une ou plusieurs captures d'écran en mode 1 écran ou en mode Affichage double. (la fonction d'alignement est désactivée en mode Pelure d'oignon). 2 Cliquez sur le bouton d'activation ou de désactivation du mode Alignement (il se trouve en regard du menu Affichage, à droite de la zone de texte URL). Remarque : vous pouvez également activer et désactiver l'alignement en appuyant sur la touche A du clavier de votre ordinateur. 3 Faites glisser le carré d'alignement vers une zone de la page sur laquelle définir le nouveau point d'alignement. 4 Sélectionnez un nouveau point d'alignement en choisissant un pixel et en cliquant dessus. Remarque : le point d'alignement choisi doit être unique pour que BrowserLab aligne correctement le point sur toutes les captures d'écran. Il est recommandé de sélectionner des couleurs ou éléments caractéristiques (par exemple, le coin noir d'une image) lorsque vous spécifiez le point d'alignement. 5 Cliquez sur Alignement intelligent de tout sur cette région. BrowserLab vous indique la progression de l'alignement intelligent. Cliquez sur Retour au test pour fermer le carré d'alignement et retourner au test, ou cliquez sur Retour à l'alignement pour laisser le carré d'alignement ouvert et réessayer. Enregistrement de captures d'écran sur votre bureau ❖ Pour enregistrer une capture d'écran sur le bureau de votre ordinateur local, cliquez avec le bouton droit de la souris (Windows) ou appuyez sur CTRL puis cliquez (Mac OS) sur la capture d'écran dans la fenêtre de l'application BrowserLab, puis cliquez sur Enregistrer en local. Utilisation de raccourcis clavier BrowserLab comporte divers raccourcis clavier intégrés qui vous aideront à travailler de façon plus efficace. Le tableau ci-dessous répertorie les raccourcis clavier disponibles : Touche Flèche Bas Flèche Haut Signe Plus Signe Moins 1 2 3 Flèche Gauche Script Capture d'écran du navigateur suivant dans l'ensemble de navigateurs sélectionné. [. . . ] Lorsque vous prévisualisez le fichier depuis le mode Affichage en direct, BrowserLab utilise la page rendue par WebKit (le moteur de rendu du mode Affichage en direct) comme source de captures d'écran. Serveur ordonne à BrowserLab de prévisualiser les fichiers depuis votre serveur actif. Dernière mise à jour le 13/5/2011 CS LIVE BrowserLab 16 Lorsque vous prévisualisez des fichiers à l'aide de la configuration de serveur (c. -à-d. pas les fichiers du site Dreamweaver local), le serveur qu'utilise BrowserLab est le serveur qui est actif dans Dreamweaver. Le serveur actif est le serveur que vous avez sélectionné en dernier lieu dans le panneau fichiers développé ou réduit. Par exemple, si vous avez envoyé les fichiers de votre site local sur un serveur d'évaluation précis, BrowserLab effectuera des captures d'écran du fichier spécifié sur le serveur d'évaluation. [. . . ]