Visualize sua página no Adobe CS5 Dreamweaver - dummies

Vídeo: Curso Dreamweaver - Aula 1 - Criando Site Completo 2024

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

< ! --1 -> o botão Visualizar / Depurar no navegador permite selecionar nos navegadores instalados no seu sistema.

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

Visualize sua página usando o Live View

A Visualização ao vivo do Dreamweaver CS5 exibe sua página como você a veria em um navegador. Esse recurso é uma ótima alternativa ao comando Visualizar no navegador porque você não ev É necessário sair do Dreamweaver.

Com uma página aberta na janela do documento, clique no botão Exibir ao vivo na barra de ferramentas Documento.
Para ver o código-fonte resultante da sua página, clique no botão Live Code que aparece ao lado do botão Live View.

Esta etapa é equivalente a usar as opções View Source da página ou View Source disponíveis na maioria dos navegadores. Neste modo, você só pode ver o código, não editá-lo.
Para editar o código da sua página, mude para a Visualização dividida ou a vista Código na barra de ferramentas Documento.

Visualize sua página usando o novo Adobe BrowserLab

O BrowserLab da Adobe é um serviço exclusivo acessível diretamente no ambiente do Dreamweaver. Você pode visualizar e simular o seu site em vários navegadores diferentes, versões do navegador e ambientes do sistema operacional de um único local. Você pode até visualizar diferentes ambientes lado a lado para ver como diferentes navegadores renderizam seu site.

The Dummies. Site com mostrado no BrowserLab, como aparecerá no Firefox para Windows XP (à esquerda) e no Internet Explorer 7 no Windows XP (à direita).

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