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

Acceso Premium gratis

Acceso a toda nuestra biblioteca de artículos Hub Premium, los archivos del proyecto y el primer 10% de cada uno-Video Tutorial de la Biblioteca Tutorial en línea .

Crea tu cuenta gratis!

Primeros pasos en Adobe BrowserLab
Traducido por Google Translate

En este post vamos a echar un vistazo a BrowserLab. ¿Qué diablos es BrowserLab? Es una herramienta para diseñadores web, lo que les permite ver su trabajo en una variedad de navegadores, en algunas plataformas diferentes. Por ejemplo, los desarrolladores de Mac basados ​​en que quieren saber cómo sus páginas son de representación en Internet Explorer, Chrome y Firefox en Windows, como Windows diseñadores que quieren ver a sus páginas en Safari, Chrome y otros navegadores en el Mac secundarios.

Ahora BrowserLab viene en dos sabores: En el panel interior de Dreamweaver CS5 , o como un servicio independiente que ofrece el sitio web de Adobe. Los dos son muy cool, pero en este post vamos a echar un vistazo a la versión de BrowserLab que está disponible en vivo en el sitio de Adobe.


Paso 1

Para empezar, vaya por delante y vaya a browserlab.adobe.com e inicie sesión con su ID de Adobe. A continuación, haga clic en Juegos de navegador en la parte superior.


Paso 2

Establece dentro del navegador, se puede especificar el navegador que desea utilizar para ver nuestro trabajo. Como cuestión de hecho, incluso podemos crear varios conjuntos si se quiere:

En la columna de navegadores disponibles en el centro, siga adelante y marcar los navegadores que le gustaría BrowserLab habilitar. Como puede ver, hay mucho allí, tanto en Mac como PC. Sería genial ver a Linux en allí también ... espero que en el camino pronto.


Paso 3

Ahora estamos listos para empezar a obtener una vista previa de nuestro trabajo. En la parte superior, haga clic en Test. Luego, en el campo en la parte superior de la pantalla, escriba la dirección URL del sitio o página que desea ver y pulse Enter.


Paso 4

Como puede ver, los navegadores al iniciar el procesamiento, y muy pronto obtendrá una vista previa en el interior BrowserLab para el primer navegador. ¿Cómo se ve? Desplazarse hacia arriba y hacia abajo dentro BrowserLab para que pueda ver la página completa. Los diseñadores que desee buscar cosas como mal prestados CSS, alineaciones, el espacio, y así sucesivamente, y luego, por supuesto, ir por la corrección de estos problemas.

¿Cómo saber qué navegador está viendo en la actualidad dentro de BrowserLab? Un vistazo a la esquina superior izquierda le hará saber. De hecho, eso es un menú desplegable, que le permitirá cambiar a otro navegador. Seguir adelante y darle una oportunidad.


BrowserLab ciertamente no es perfecto. Por ejemplo, usted no puede probar las secuencias de comandos, los tiempos de carga, o la interactividad, pero es una gran ayuda para los diseñadores. Se guarda este diseñador basado en Mac de salir y conseguir sus manos en un ordenador sólo para las pruebas!

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