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

무료 프리미엄 액세스

프리미엄 허브 기사, 프로젝트 파일 및 각 튜토리얼 비디오의 첫 번째 10 %의 우리의 전체 라이브러리를 액세스 온라인 자습서 도서관 .

지금 무료 계정을 만드십시오!

어도비 BrowserLab에서 시작하기
Google 번역에 의해 번역

이 게시물에서 우리는 BrowserLab에서 살펴본다됩니다. BrowserLab는 뭐야? 그것은 몇 가지 플랫폼에서, 그들 브라우저의 다양한 자신의 작품을 미리 볼 수 있습니다 웹 디자이너를위한 도구. 예를 들어, 맥 기반의 개발자들은 페이지와 마찬가지로 윈도우 인터넷 익스플로러, 크롬 및 파이어 폭스에서 렌더링되는 방법을 알고 싶은가 Windows 기반 디자이너가 Mac에서 자신의 사파리, 크롬의 페이지 및 기타 브라우저를보고 싶은 것입니다 측면.

지금 BrowserLab 두 풍미에 온다 : 내부 패널로서 드림위버 CS5 , 또는 제공하는 독립 실행형 서비스로 Adobe의 웹사이트입니다. 둘 다 멋있는 있지만이 게시물에 우리가 살고 가능한 BrowserLab의 버전에 모습을 맡게 될거야 어도비의 사이트에서.


1 단계

시작하려면, 진행하고 이동 browserlab.adobe.com 와 어도비의 ID로 로그인하십시오. 다음, 상단의 브라우저 설정을 클릭합니다.


2 단계

브라우저 설정 내부, 우리는 우리의 작업을 미리 보는 데 사용할 브라우저를 지정할 수 있습니다. 우리가 원한다면 사실, 우리도 여러 세트를 만들 수 있습니다

중앙에 사용 가능한 브라우저 열에서 가서 당신이 사용하는 BrowserLab 싶은 브라우저를 표시합니다. 보시다시피, 거기에 많은 Mac과 PC 모두에있다. 너무 거기에 리눅스를 볼 수 좋을 것 ... 그쪽으로 가면 곧오고있어.


3 단계

지금 우리는 우리의 작업을 미리 시작할 준비가되었습니다. 상단 테스트를 클릭합니다. 그런 다음 입력 미리 치고 싶은 사이트 또는 페이지에 대한 URL의 화면 종류의 맨 위에있는 필드 인치


4 단계

당신이 볼 수 있듯이, 브라우저는 렌더링을 시작하고, 곧 당신은 첫 번째 브라우저 BrowserLab 안에 미리 가져 올게. 어떻게 보여요? 당신이 전체 페이지를 볼 수 있도록 BrowserLab 내부 위아래로 스크롤합니다. 디자이너처럼 제대로 CSS 렌더링 것들, 정렬, 간격 등을 찾아 원하는 것이다; 그리고 물론 이러한 문제를 해결에 대한 이동합니다.

당신은 현재 BrowserLab 안으로 보이는 어떤 브라​​우저 어떻게 알죠? 왼쪽 상단 모서리에 한눈에 알려 것입니다. 사실, 그건 당신이 다른 브라우저로 전환할 수있는 드롭 다운 메뉴, 그럼. 가서 한 번 사용해 보시기 바랍니다.


BrowserLab 확실히 완벽하지 않습니다. 예를 들어, 스크립팅,로드 시간, 또는 상호 작용을 테스트 수는 없지만, 그것은 설계자에게 큰 도움이 있어요. 그것은 외출하고 테스트하기위한 PC에서 자신의 손에 넣는에서 맥 기반의 디자이너를 저장있어!

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