Visualizar a página em adobe cs5 dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver oferece opções de visualização de sua página web. Você pode visualizar rapidamente o seu arquivo simplesmente clicando no Preview / Debug no botão Navegador na barra de ferramentas Documento e selecionando um navegador para visualizar a página. Você também pode visualizar sua página em BrowserLab da Adobe ou de dispositivos da Adobe Central (que simula vários dispositivos móveis e PDA diferentes).

O Preview / Debug no botão do navegador permite que você selecione a partir de navegadores instalados em seu sistema.
O Preview / Debug no botão do navegador permite que você selecione a partir de navegadores instalados em seu sistema.

Video: Cómo hacer una página web en Dreamweaver CC | parte 1

Você sempre pode adicionar navegadores do painel de Preferências, escolhendo Editar → Preferências → Visualizar no navegador (Windows) ou Dreamweaver → Preferências → Visualizar no navegador (Mac).

Visualize sua página usando Live View

do Dreamweaver CS5 Live View exibe sua página como você veria em um navegador. Este recurso é uma boa alternativa para o comando Visualizar no navegador, porque você não precisar sair Dreamweaver.

  1. Com uma página aberta na janela do documento, clique no botão Exibição ao vivo na barra de ferramentas Documento.

    Video: Tutorial: Responsive Web Design con Adobe Dreamweaver CS6



  2. Para ver o código fonte resultante da sua página, clique no botão dinâmica de código que aparece ao lado do botão Live View.

    Esta etapa é equivalente a usar as opções Ver página Fonte ou exibição de fonte disponíveis na maioria cada browser. Neste modo, só é possível visualizar o código, não editá-lo.

  3. Para editar o seu código da página, mude para Split vista ou vista de código na barra de ferramentas Documento.

Visualizar a página usando o novo Adobe BrowserLab

BrowserLab da Adobe é um serviço exclusivo que é acessível a partir diretamente dentro do ambiente Dreamweaver. Você pode visualizar e simular o seu site em um número de diferentes navegadores, versões do navegador, e ambientes de sistema operacional a partir de um único local. Você pode até mesmo visualizar ambientes diferentes lado a lado para ver como diferentes navegadores tornar o seu site.

Video: Curso Dreamweaver cs5; Codigo HTML

O site faqcartx.info mostrado na BrowserLab como ele aparecerá no Firefox para Windows XP (à esquerda) e Int
O site faqcartx.info mostrado na BrowserLab como ele aparecerá no Firefox para Windows XP (à esquerda) e Internet Explorer 7 no Windows XP (direita).

Para visualizar o site no Adobe BrowserLab, clique no Preview / Debug no botão Navegador na barra de ferramentas Documento e escolha Visualizar no Adobe BrowserLab ou Arquivo → Visualizar no navegador → Adobe BrowserLab.


Publicações relacionadas