Vista previa de su página en Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (CS5 de Adobe) Dreamweaver ofrece opciones en la vista previa de su página web. Usted puede ver rápidamente el archivo haciendo clic en el Vista previa / Depurar en explorador en el botón de la barra de herramientas de documento y seleccionar un navegador para previsualizar la página. También puede obtener una vista previa de la página en BrowserLab de Adobe o de dispositivos de Adobe central (que simula varios diferentes dispositivos móviles y PDA).

La Vista previa / Depurar en el botón Browser le permite seleccionar entre los navegadores instalados en su sistema.
La Vista previa / Depurar en el botón Browser le permite seleccionar entre los navegadores instalados en su sistema.

Siempre se puede añadir navegadores desde el panel de Preferencias seleccionando Edición-Preferencias-Vista previa en el navegador (Windows) o Dreamweaver-Preferencias-Vista previa en el navegador (Mac).

Vista previa de la página usando Live View

De Dreamweaver CS5 Live View muestra su página como usted vería en un navegador. Esta característica es una buena alternativa a la vista previa al mando Browser ya que no siempre tiene que salir de Dreamweaver.

  1. Con una página abierta en la ventana de documento, haga clic en el botón Vista en directo en la barra de herramientas Documento.

  2. Para ver el código fuente resultante de su página, haga clic en el botón Código en vivo que aparece junto al botón Vista en directo.

    Este paso es equivalente a usar las opciones Ver página de origen o Ver código fuente disponible en la mayoría de todos los navegadores. En este modo, sólo se puede ver el código, no editarlo.

  3. Para editar el código de la página, cambiar a Split vista o la vista Código en la barra de herramientas Documento.

Vista previa de la página con el nuevo Adobe BrowserLab

BrowserLab de Adobe es un servicio único que se puede acceder directamente desde el entorno de Dreamweaver. Puede visualizar y simular su sitio web en un número de diferentes navegadores, versiones de navegadores y entornos de sistemas operativos desde una única ubicación. Incluso puedes previsualizar los diferentes entornos de lado a lado para ver cómo los diferentes navegadores rinda su sitio.

El sitio Dummies.com muestra en BrowserLab tal y como aparecerá en Firefox para Windows XP (izquierda) y Int
El sitio Dummies.com muestra en BrowserLab tal y como aparecerá en Firefox para Windows XP (izquierda) e Internet Explorer 7 en Windows XP (derecha).

Para una vista previa de su sitio en Adobe BrowserLab, haga clic en la vista previa / Depurar en explorador en el botón de la barra de herramientas Documento y seleccione Vista previa en Adobe BrowserLab o Archivo-Vista previa en el navegador-Adobe BrowserLab.




» » » » Vista previa de su página en Adobe CS5 Dreamweaver