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

Kostenlose Premium-Zugang

Rufen Sie unsere gesamte Bibliothek von Premium-Hub Artikel, Projekt-Dateien und die ersten 10% des jeweiligen Tutorial-Video aus dem Online-Tutorial-Bibliothek .

Erstellen Sie jetzt Ihren kostenlosen Zugang!

Getting Started in Adobe BrowserLab
Übersetzt von Google Translate

In diesem Beitrag werden wir einen Blick auf BrowserLab. Was zum Teufel ist BrowserLab? Es ist ein Werkzeug für Web-Designer, mit denen sie ihre Arbeit in einer Vielzahl von Browsern Vorschau ermöglicht, auf ein paar verschiedene Plattformen. Zum Beispiel würde Mac-basierte Entwickler wollen wissen, wie ihre Seiten in Internet Explorer, Chrome, Firefox und Rendering unter Windows, wie Windows-basierte Designer wollen ihre Seiten in Safari, Chrome und andere Browser auf dem Mac zu sehen Seite.

Jetzt BrowserLab gibt es in zwei Geschmacksrichtungen: Als Panel in Dreamweaver CS5 , oder als Stand-alone-Service auf angebotenen Adobe-Website. Beide sind extrem cool, aber in diesem Beitrag werden wir einen Blick auf die Version von BrowserLab verfügbaren leben ist auf der Adobe-Website.


Schritt 1

Um loszulegen, gehen Sie vor und navigieren Sie zu browserlab.adobe.com und melden Sie sich mit Ihrer Adobe-ID. Als nächstes auf Browser-Sets an der Spitze klicken.


Schritt 2

Innerhalb Browser Sets, können wir den Browser wollen wir nutzen, um unsere Arbeit anzuzeigen. In der Tat, wir können sogar mehrere Sätze, wenn wir wollen:

In den verfügbaren Browsern Säule in der Mitte, gehen Sie vor und markieren Sie den Browser, die Sie BrowserLab ermöglichen würde. Wie Sie sehen können, gibt es eine Menge gibt, auf Mac und PC. Es wäre toll, zu sehen, Linux auch drin ... hoffentlich, dass die auf dem Weg bald.


Schritt 3

Jetzt sind wir startbereit Vorschau unserer Arbeit. An der Spitze, klicken Sie auf Test. Dann in das Feld am oberen Rand des Bildschirms, geben Sie die URL der Website oder Seite, die Sie für die Vorschau und drücken Sie Enter hatte.


Schritt 4

Wie Sie sehen können, beginnen die Browser-Rendering, und schon bald werden Sie eine Vorschau in BrowserLab für die erste Browser zu bekommen. Wie sieht es aus? Blättern Sie nach oben und nach unten in BrowserLab, so dass Sie die ganze Seite sehen können. Designer wollen für Dinge wie schlecht gerendert CSS, Achsen, Abstand und so weiter zu sehen, und dann natürlich über die Korrektur dieser Probleme gehen.

Woher weißt du, welchen Browser Sie sehen derzeit in BrowserLab? Ein Blick in die linke obere Ecke wird Sie wissen lassen. In der Tat, das ist ein Drop-Down-Menü, mit denen Sie das Gerät, um zu einem anderen Browser. Gehen Sie weiter und probieren Sie es aus.


BrowserLab ist sicherlich nicht perfekt. Zum Beispiel können Sie nicht testen Scripting, Ladezeiten oder Interaktivität, aber es ist eine enorme Hilfe für die Designer. Es ist das Mac-Designerin aus Ausgehen und immer seine Hände auf einem PC nur zum Testen gespeichert!

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