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

Acesso Premium Free

Acesso a nossa biblioteca completa de artigos Hub Premium, arquivos de projeto e os primeiros 10% de cada Tutorial-Video da Biblioteca Tutorial on-line .

Criar sua conta gratuita agora!

Introdução ao Adobe BrowserLab
Traduzido pelo Google Translate

Neste post vamos estar dando uma olhada em BrowserLab. Que diabos é BrowserLab? É uma ferramenta para web designers, o que lhes permite visualizar o seu trabalho em uma variedade de navegadores, em algumas plataformas diferentes. Por exemplo, Mac baseados em desenvolvedores que querem saber como estão a tornar suas páginas no Internet Explorer, Chrome e Firefox no Windows, como Windows-based designers gostariam de ver suas páginas no Safari, Chrome e outros navegadores no Mac lado.

Agora BrowserLab vem em dois sabores: Como um painel interno Dreamweaver CS5 , ou como um serviço autônomo oferecidos no site da Adobe. Ambos são extremamente legal, mas neste post vamos dar uma olhada na versão do BrowserLab que está disponível ao vivo no site da Adobe.


Passo 1

Para começar, vá em frente e navegue até browserlab.adobe.com e entrar com seu ID Adobe. Em seguida, clique em Define Navegador na parte superior.


Passo 2

Define dentro do browser, podemos especificar os navegadores queremos usar para visualizar o nosso trabalho. Por uma questão de fato, podemos até mesmo criar vários conjuntos se quisermos:

Na coluna navegadores disponíveis no centro, vá em frente e marcar os navegadores que você gostaria BrowserLab para ativar. Como você pode ver, há muita coisa lá, em Mac e PC. Seria muito bom ver o Linux em lá também ... espero que está a caminho em breve.


Passo 3

Agora estamos prontos para começar a visualizar o nosso trabalho. No topo, clique em Testar. Em seguida, no campo na parte superior da tela, digite a URL do site ou página que você gostaria de visualizar e pressione Enter.


Passo 4

Como você pode ver, os navegadores começam renderização, e muito em breve você terá uma prévia dentro BrowserLab para o primeiro navegador. Como ele se parece? Rolar para cima e para baixo dentro BrowserLab para que você possa visualizar a página inteira. Designers vai querer olhar para coisas como mal prestados CSS, alinhamentos, espaçamento e assim por diante, e então, naturalmente, ir sobre como corrigir esses problemas.

Como você sabe qual navegador você está vendo atualmente dentro BrowserLab? Um olhar sobre o canto superior esquerdo vai deixar você sabe. Na verdade, isso é um menu drop-down, o que permitirá que você alterne para fora para um navegador diferente. Vá em frente e dar-lhe uma tentativa.


BrowserLab certamente não é perfeita. Por exemplo, você não pode testar o script, o tempo de carregamento, ou interatividade, mas é uma grande ajuda para designers. É salvo este designer Mac baseado em de sair e começar suas mãos em um PC apenas para teste!

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