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

Premium Accesso libero

Accedere alla nostra libreria di articoli Hub Premium, file di progetto e il primo 10% di ogni tutorial-video dalla libreria di tutorial online .

Crea un account gratuito ora!

Introduzione a Adobe BrowserLab
Tradotto da Google Translate

In questo post saremo dare un'occhiata a BrowserLab. Cosa diavolo è BrowserLab? E 'uno strumento per i web designer, che consente loro di visualizzare in anteprima il loro lavoro in una varietà di browser, su alcune piattaforme diverse. Ad esempio, Mac basati su gli sviluppatori vogliono sapere come le loro pagine sono di rendering di Internet Explorer, Chrome e Firefox su Windows, come Windows-based designer vorrebbe vedere le loro pagine in Safari, Chrome e altri browser su Mac lato.

Ora BrowserLab disponibile in due versioni: come un pannello all'interno di Dreamweaver CS5 , o come autonomo servizio offerto sul sito web di Adobe. Entrambi sono estremamente cool, ma in questo post daremo un'occhiata alla versione di BrowserLab che è disponibile dal vivo sul sito di Adobe.


Fase 1

Per iniziare, andare avanti e passare a browserlab.adobe.com e accedere con l'ID Adobe. Avanti, fare clic su Imposta browser nella parte superiore.


Fase 2

All'interno Imposta browser, possiamo specificare i browser che vogliamo usare per vedere in anteprima il nostro lavoro. È un dato di fatto, possiamo anche creare più gruppi, se si vuole:

Nella colonna Disponibile Browser in centro, andare avanti e segnare il browser che si desidera BrowserLab attivare. Come potete vedere, ci sono un sacco lì, sia su Mac che PC. Sarebbe bello vedere Linux anche lì ... speriamo che sia sulla via presto.


Fase 3

Ora siamo pronti per avviare l'anteprima nostro lavoro. Nella parte superiore, fare clic su Prova. Poi, nel campo in alto il tipo di schermo, l'URL del sito o una pagina che si desidera visualizzare in anteprima e premere Invio.


Fase 4

Come potete vedere, il browser inizia il rendering, e ben presto avrete in anteprima all'interno BrowserLab per il primo browser. Come vi sembra? Scorrere su e giù dentro BrowserLab in modo che sia possibile visualizzare l'intera pagina. I progettisti si desidera cercare le cose come mal reso CSS, allineamenti, spaziatura e così via, e poi naturalmente fare per correggere questi problemi.

Come fai a sapere quale browser si sta vedendo dentro BrowserLab? Uno sguardo in alto a sinistra ti consente di sapere. In realtà, questo è un menu a tendina, che vi permetterà di passare verso un altro browser. Andare avanti e fare un tentativo.


BrowserLab certamente non è perfetto. Per esempio, non è possibile verificare lo scripting, i tempi di caricamento, o interattività, ma è un grande aiuto per i progettisti. E 'salvato questo Mac basati su designer di uscire e mettere le mani su un pc solo per i test!

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