Cómo obtener una vista previa de la página en adobe dreamweaver cs6

Tal vez que haya completado su página en Adobe Dreamweaver CS6 y que desea investigar cómo se ve en un navegador. Puede ver rápidamente su archivo haciendo clic en el Avance / depuración en el navegador en la barra de herramientas Documento y seleccionar un navegador para previsualizar la página.

La elección en la que el navegador para previsualizar una página.

Siempre se puede añadir navegadores desde el panel de Preferencias eligiendo Editar → Preferencias → previa en el explorador (Windows) o Dreamweaver → Preferencias → previa en el explorador (Mac).

El Dreamweaver CS6 Live View muestra su página como se vería en un navegador. Esta característica es una buena alternativa a la vista previa en el navegador de comandos, ya que no necesita salir de Dreamweaver.

Para ver su página en la vista en vivo, siga estos pasos:

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.

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

    Video: Curso de Dreamweaver CC. 4.2. Edición en la vista en vivo

    Este paso es equivalente a usar las opciones Ver código fuente o Ver código fuente disponible en la mayoría de cada navegador. En este modo, sólo se puede ver el código, no editarlo.

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

  • Adobe BrowserLab es un servicio único que se puede acceder directamente desde el entorno de Dreamweaver. Puede ver 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 se puede obtener una vista previa diferentes entornos lado a lado para ver cómo los diferentes navegadores muestran su sitio.

    Video: Hacer página web desde cero

    Vista previa de una página web en el Adobe BrowserLab

    Antes de poder utilizar el servicio BrowserLab, debe asegurarse de que tiene acceso. Para acceder, visite el sitio web, o siga los pasos de inicio de sesión que se presentan cuando se intenta primero y utiliza el servicio dentro de Dreamweaver.

    Video: Curso Completo de Adobe Dreamweaver CS6

    Para previsualizar su sitio en Adobe BrowserLab, haga clic en la vista previa / depuración en el navegador en la barra de herramientas Documento y elija Vista previa en Adobe BrowserLab o Archivo → Vista previa en el navegador → Adobe BrowserLab, o haga clic en el botón de vista previa en el nuevo panel de Adobe BrowserLab situada en el espacio de trabajo a la derecha.

    Artículos Relacionados