Trabalhar na janela Documento

Saiba alternar entre modos de exibição, em cascata e lado a lado e como redimensionar a janela Documento no Dreamweaver.

Observação:

a interface de usuário foi simplificada no Dreamweaver CC e posterior. Como resultado, você talvez não consiga localizar algumas das opções descritas neste artigo no Dreamweaver CC e posterior. Para obter mais informações, consulte este artigo.

Alternar entre as exibições na janela Documento

Você pode ver um documento na janela Documento da Visualização de código, da Visualização Dividir código, da Visualização de design, das Visualizações de código e de design (visualização dividida) ou na Visualização dinâmica. Você também tem a opção de exibir a visualização Dividir código ou as visualizações de código e de design na horizontal ou na vertical. (A exibição horizontal é o padrão.)

Observação:

a opção Visualização de design não está disponível para documentos de grade fluida.

Passar para a Visualização de código

  1. Siga um destes procedimentos:
    • Selecione Exibir > Código.

    • Na barra de ferramentas Documento, clique no botão Código.

       

       

Alternar para a visualização Dividir código

A visualização Dividir código divide o documento em dois, assim você pode trabalhar nas duas seções de código de uma vez só.

  1. Selecione Exibir > Dividir código.

Passar para a Visualização de design

Na barra de ferramentas Documento, clique na lista suspensa adjacente à opção Dinâmica e clique em Design. Para alternar para a Visualização de design, clique no botão Design.

Mostrar Visualização de design e Visualização de código

 

Na barra de ferramentas Documento, clique no botão Dividir. Em seguida, clique na lista suspensa adjacente à opção Dinâmica e clique em Design.

 

Dividir visualizações vertical ou horizontalmente

  1. Verifique se você está na visualização dividida (visualização Dividir código ou Design/Dinâmica).

  2. Para dividir a visualização verticalmente, selecione Exibir > Dividir verticalmente. Para dividir a visualização horizontalmente, desmarque a caixa de seleção Exibir > Dividir verticalmente.

Janelas de documento em cascata ou lado a lado

Se houver muitos documentos abertos ao mesmo tempo, você pode organizá-los em cascata ou lado a lado.

Janelas de documento em cascata

  1. Selecione Janela > Em cascata.

Janelas de documento lado a lado

  • (Windows) Selecione Janela > Lado a lado horizontalmente ou Janela > Lado a lado verticalmente.
  • (Macintosh) Selecione Janela > Lado a lado.

Redimensionar a janela Documento

A barra de status exibe as dimensões atuais da janela Documento (em pixels). Para projetar uma página cuja aparência fica melhor em um tamanho específico, você pode ajustar a janela Documento para qualquer tamanho predefinido, editar esses tamanhos predefinidos ou criar novos tamanhos.

Quando você altera o tamanho da visualização de uma página na visualização de design ou dinâmica, somente as dimensões da visualização são modificadas. O tamanho do documento permanece inalterado.

Além de tamanhos predeterminados e personalizados, o Dreamweaver também enumera os tamanhos especificados em uma consulta de mídia. Quando você seleciona um tamanho que corresponde a uma consulta de mídia, o Dreamweaver usa a consulta de mídia para exibir a página. Você também pode alterar a orientação de página para visualizar a página de dispositivos móveis onde o layout da página é alterado com base na orientação do dispositivo.

Para redimensionar a janela do Documento, selecione um dos tamanhos disponíveis no menu pop-up Tamanho da janela, localizado na parte inferior da janela Documento.

Redimensionar a janela Documento para um tamanho predefinido

  1. Selecione um dos tamanhos do menu pop-up Tamanho da janela, na parte inferior da janela Documento. Dreamweaver CS5.5 e posterior oferece uma longa lista de opções, incluindo opções de dispositivos móveis comuns (como exemplificado abaixo).

    O tamanho da janela mostrado reflete as dimensões internas da janela do navegador, sem as bordas; o tamanho do monitor ou o dispositivo móvel é listado entre parênteses.

    Observação:

    Para um redimensionamento menos preciso, use os métodos padrão de redimensionamento de janelas do seu sistema operacional, como arrastar o canto inferior direito de uma janela.

    Observação:

    (Apenas Windows) Documentos na janela Documento são maximizados por padrão. Nesse caso, não é possível redimensioná-los. Para restaurar abaixo o documento, clique no botão Restaurar abaixo no canto superior direito do documento.

Alterar os valores listados no menu pop-up Tamanho da janela

  1. Selecione Editar tamanhos no menu pop-up Tamanho da janela.
  2. Clique em qualquer valor de largura ou altura na lista Tamanhos de janela e digite um novo valor.

    Para ajustar a janela Documento somente a uma largura específica (sem alterar a altura), selecione um valor de altura e exclua-o.

  3. Clique na caixa Descrição para inserir um texto descritivo sobre um tamanho específico.

Adicionar um novo tamanho ao menu pop-up Tamanho da janela

  1. Selecione Editar tamanhos no menu pop-up Tamanho da janela.
  2. Clique no espaço em branco abaixo do último valor da coluna Largura.
  3. Insira valores para Largura e Altura.

    Para definir somente a Largura ou a Altura, deixe um campo em branco.

  4. Clique no campo Descrição para inserir um texto descritivo sobre o tamanho adicionado.

    Por exemplo, você pode digitar SVGA ou PC médio próximo a uma entrada de um monitor de 800 x 600 pixels e Mac de 17 pol. próximo a uma entrada de um monitor de 832 x 624 pixels. A maioria dos monitores pode ser ajustada para diversas dimensões de pixel.

  5. Clique em Aplicar e feche a caixa de diálogo.

    O novo tamanho da janela agora está disponível para uso no menu pop-up Tamanho da janela.

Definir o tamanho da janela e a velocidade da conexão

  1. Selecione Editar > Preferências (Windows) ou Dreamweaver > Preferências (Macintosh).
  2. Selecione Tamanhos de janela na lista Categoria à esquerda.

  3. Personalize os tamanhos de janela conforme necessário.

Relatórios no Dreamweaver

Você pode executar relatórios no Dreamweaver para encontrar conteúdo, solucionar problemas ou testar conteúdo. Você pode gerar os seguintes tipos de relatórios:

Pesquisa

Permite procurar tags, atributos e textos específicos em tags.

Referência

Permite que você procure informações de referência úteis.

Validação

Permite verificar erros de código ou de sintaxe.

Compatibilidade de navegador

Permite testar o HTML dos documentos para verificar se alguma tag ou atributo não é suportado pelos navegadores de destino.

Verificador de links

Permite localizar e corrigir links corrompidos, externos e órfãos.

Relatórios do site

Permite melhorar o fluxo de trabalho e testar os atributos HTML no site. Os relatórios de fluxo de trabalho incluem Design Notes verificadas e modificadas recentemente; os relatórios HTML incluem tags de fonte aninhadas que podem ser combinadas, acessibilidade, textos alternativos ausentes, tags aninhadas redundantes, tags vazias removíveis e documentos sem título.

Registro de FTP

Permite exibir toda a atividade de transferência de arquivos via FTP.

Depuração de servidor

Permite ver informações para depurar um aplicativo Adobe® ColdFusion®.

Observação:

o suporte ao ColdFusion foi removido do Dreamweaver CC e posterior.

Receba ajuda com mais rapidez e facilidade

Novo usuário?