X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Accès Premium gratuitement

Accédez à notre bibliothèque complète des articles Hub Premium, les fichiers projet et les premiers 10% de chaque Cours-vidéo de la Bibliothèque Didacticiel en ligne .

Créez votre compte gratuit!

Mise en route dans Adobe BrowserLab
Traduit par Google Translate

Dans ce post nous allons jeter un oeil à BrowserLab. Que diable est BrowserLab? C'est un outil pour les concepteurs Web, ce qui leur permet de prévisualiser leur travail dans une variété de navigateurs, sur quelques plates-formes différentes. Par exemple, sur Mac développeurs veulent savoir comment leurs pages sont rendu dans Internet Explorer, Chrome et Firefox sur Windows, comme Windows concepteurs voudraient voir leurs pages dans Safari, Chrome et d'autres navigateurs sur Mac côté.

Maintenant BrowserLab est disponible en deux saveurs: Comme un panneau intérieur de Dreamweaver CS5 , ou comme un service autonome offert sur ​​le site d'Adobe. Les deux sont très cool, mais dans ce post nous allons jeter un oeil à la version de BrowserLab qui est disponible en direct sur le site d'Adobe.


Etape 1

Pour commencer, allez-y et allez à browserlab.adobe.com et vous connecter avec votre ID Adobe. Ensuite, cliquez sur Règle du navigateur vers le haut.


Etape 2

Définit l'intérieur du navigateur, on peut spécifier les navigateurs que nous voulons utiliser pour obtenir un aperçu de notre travail. En fait, nous pouvons même créer plusieurs ensembles, si nous voulons:

Dans la colonne Disponible Navigateurs dans le centre, aller de l'avant et de marquer les navigateurs que vous aimeriez BrowserLab à activer. Comme vous pouvez le voir, il ya beaucoup là-bas, sur Mac et PC. Ce serait génial de voir Linux dans là aussi ... j'espère que sur la façon bientôt.


Étape 3

Maintenant nous sommes prêts à commencer la prévisualisation notre travail. Au sommet, cliquez sur Test. Puis, dans le champ situé en haut de l'écran, tapez l'URL du site ou la page que vous aimeriez avoir un aperçu et appuyez sur Entrée.


Etape 4

Comme vous pouvez le voir, les navigateurs commencent rendu, et bientôt vous aurez un aperçu à l'intérieur BrowserLab pour le premier navigateur. Comment est-il? Pour faire défiler l'intérieur BrowserLab de sorte que vous pouvez afficher la page entière. Les concepteurs veulent chercher des choses comme le mal rendu CSS, les alignements, leur espacement et ainsi de suite, et puis bien sûr s'y prendre pour corriger ces problèmes.

Comment savez-vous quel navigateur vous êtes en train de voir l'intérieur BrowserLab? Un regard sur le coin supérieur gauche vous permettra de savoir. En fait, c'est un menu déroulant qui vous permettra de basculer vers un autre navigateur. Allez-y et donnez-lui un essai.


BrowserLab n'est certainement pas parfait. Par exemple, vous ne pouvez pas tester les scripts, les temps de chargement, ou l'interactivité, mais il est d'une grande aide pour les concepteurs. Il a sauvé ce designer Mac à base de sortir et de mettre la main sur un PC juste pour tester!

Geoff Blake

Geoff Blake | Articles by this author

Geoff Blake is a book author, video presenter, designer, and visual artist. As an in demand live-on-stage software educator since 1997, Geoff has taught desktop publishing, web design and graphics courses all over North America and is regarded as an expert in Adobe's Creative Suite applications, as well as in HTML, CSS, WordPress, and related technologies. With his humorous, non-jargonny approach, Geoff produces highly regarded articles, video training and DVDs, and regularly contributes to top industry magazines and websites.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link