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

無料プレミアムアクセス

プレミアムハブの記事、プロジェクトファイルとから、各チュートリアルビデオの最初の10%の私たちのライブラリ全体にアクセスするオンラインチュートリアルのライブラリを

今すぐ無料アカウントを作成しよう!

Adobe BrowserLabをにはじめに
Google翻訳で翻訳さ

この記事では、BrowserLabを見することになる。 BrowserLabは一体何でしょうか?それは、いくつかの異なるプラットフォーム上で、それらは様々なブラウザで自分の仕事をプレビューできるようにするWebデザイナーのためのツール、です。例えば、Macベースの開発者は、自分のページが同じように、Windows上のInternet Explorer、Chrome、およびFirefoxでレンダリングされる方法を知りたいするWindowsベースの設計者はMac上のSafari、Chromeのページ、および他のブラウザを確認したいとサイド。

今BrowserLabは2種類があります:内部パネルとしてDreamweaverのCS5 、または上提供されるスタンドアロンサービスとしてアドビシステムズ社のウェブサイト。どちらも非常にクールですが、このポストで私達が生きて利用できるものBrowserLabはのバージョンをご覧になることをするだろうAdobeのサイトで。


ステップ1

開始するには、先に行くとに移動browserlab.adobe.comし、Adobe IDでサインイン。次に、上部のブラウザの設定をクリックしてください。


ステップ2

ブラウザセットの内部に、我々は我々の仕事をプレビューに使用するブラウザを指定することができます。我々は応じて実際の問題として、我々はさらに複数のセットを作成できます。

センターで使用できるブラウザ列で、先に行くとあなたがBrowserLabを有効にしたいブラウザをオフにマークします。ご覧のように、そこにたくさんのは、MacとPCの両方で、あります。それはあまりにもそこにLinuxを見ることができれば嬉しい...うまくいけばそれはすぐに道にあります。


ステップ3

今、私たちは私たちの仕事をプレビューする準備が整いました。上部には、[Test]をクリックします。その後、EnterキーをプレビューしてヒットしたいのですがサイトまたはページへのURLの画面、型の上部のフィールドに入力します。


ステップ4

見てわかるように、ブラウザはレンダリングを開始し、たちまちのうちには、まずブラウザのBrowserLabを内側プレビューを得るでしょう。どのようにそれが見えますか?ページ全体を表示できるようにBrowserLabを内側に上下にスクロールします。設計者は、希望の悪いCSSレンダリングされたもの、アライメント、間隔などを探すことになるでしょう、そして、もちろん、これらの問題を修正するについて行く。

あなたが現在BrowserLabを内部に見ているどのブラウザ方法を知っていますか?左上隅にある一見はあなたが知っているようになる。実際に、それはあなたが別のブラウザにスイッチアウトを可能にするドロップダウンメニュー、です。先に行き、それを試してみてください。


BrowserLabは確かに完璧ではあり​​ません。たとえば、スクリプト、ロード時間、または双方向性をテストすることはできませんが、それは設計者にとっては大助かりです。それは外出して単なるテスト用のPCの上に手を得ることからこのMacベースのデザイナーを保存している!

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