Saiba como definir preferências de codificação, temas de código, formato e preferências de regravação de código no Dreamweaver.

Você pode definir as preferências de codificação, como formatação e cores de código, entre outras, para atender às suas necessidades específicas.

Observação:

Para definir preferências avançadas, use o Editor de bibliotecas de tags (consulte Gerenciamento de bibliotecas de tags).

Definir a aparência do código

Você pode definir a quebra automática de linha, exibir números de linha para o código, definir a cor da sintaxe dos elementos de código, definir o recuo e exibir caracteres ocultos no menu Exibir > Opções de visualização de código.

  1. Exiba um documento na Visualização de código ou no Inspetor de código.
  2. Selecione Exibir > Opções de visualização de código.

  3. Marque ou desmarque qualquer uma destas opções:

    Quebra automática de palavra

    Quebra automaticamente a linha de código para que você possa visualizá-lo sem rolar a tela horizontalmente. Esta opção não insere quebras de linha; ela apenas facilita a visualização de código.

    Números de linha

    Exibe números de linha na lateral do código.

    Caracteres ocultos

    Exibe caracteres especiais no lugar do espaço em branco. Por exemplo, um ponto substitui cada espaço, uma divisa dupla substitui cada tabulação e um marcador de parágrafo substitui cada quebra de linha.

    Observação:

    As quebras de linha automáticas usadas pelo Dreamweaver não são exibidas com um marcador de parágrafo.

    Sinalização da sintaxe por cores

    Ativa ou desativa a codificação por cores. Para informações sobre a alteração do esquema de cores, consulte Definição das cores de código.

    Recuar automaticamente

    Faz com que o código recue automaticamente quando você pressiona Enter enquanto escreve o código. A nova linha de código é recuada no mesmo nível da linha anterior. Para obter informações sobre a alteração do espaçamento do recuo, consulte a opção Tamanho da tabulação em Alteração do formato de código.

Alterar formato de código

Você pode alterar a aparência do código especificando preferências de formatação, como recuo, tamanho da linha e uso de maiúsculas/minúsculas dos nomes de tag e atributo.

Todas as opções de formatação de código, exceto a opção Ignorar maiúscula/minúscula de, serão aplicadas somente aos novos documentos ou às adições a documentos criadas subsequentemente.

Para reformatar documentos HTML existentes, abra o documento e selecione Editar > Código > Aplicar formatação de origem.

  1. Selecione Editar > Preferências.
  2. Selecione Formato do Código na lista Categoria à esquerda.
  3. Defina uma das seguintes opções:

    Recuo

    Indica se o código gerado pelo Dreamweaver deve ser recuado (de acordo com as regras de recuo especificadas nessas preferências) ou não.

    Observação:

    A maioria das opções de recuo nesta caixa de diálogo se aplica somente ao código gerado pelo Dreamweaver, e não ao código digitado. Para fazer com que cada nova linha do código digitado recue no mesmo nível da linha anterior, selecione a opção Exibir > Recuo automático das opções de visualização de código. Para obter mais informações, consulte Definir a aparência do código.

    Com

    (Caixa de texto e menu pop‑up) Especifica quantos espaços ou tabulações o Dreamweaver deve usar para recuar o código gerado. Por exemplo, se você digitar 3 na caixa e selecionar Tabulações no menu pop‑up, o código gerado pelo Dreamweaver será recuado por meio de três caracteres de tabulação para cada nível de recuo.

    Tamanho da tabulação

    Determina o tamanho de cada caractere de tabulação na Visualização de código. Por exemplo, se a opção Tamanho da tabulação for definida como 4, cada tabulação será exibida na Visualização de código como um espaço em branco de quatro caracteres. Se, além disso, a opção Recuar com for definida como 3 Tabulações, o código gerado pelo Dreamweaver será recuado usando três caracteres de tabulação para cada nível de recuo, que aparece na Visualização de código como um espaço em branco de doze caracteres.

    Observação:

    O Dreamweaver aplica o recuo usando espaços ou tabulações. Ele não converte uma série de espaços em uma tabulação ao inserir código.

    Emmet

    Selecione esta opção se você deseja usar abreviações Emmet em seu código. Selecionar essa opção garante que, ao pressionar Tab, o Dreamweaver converta a abreviação Emmet em códigos HTML ou CSS completos. Para obter mais informações sobre como usar Emmet, consulte Usar o conjunto de ferramentas Emmet com o Dreamweaver.

    Tipo de quebra de linha

    Especifica o tipo de servidor remoto (Windows, Macintosh ou UNIX) que hospeda o site remoto. A escolha do tipo correto de caracteres de quebra de linha garante que o código-fonte HTML aparecerá corretamente quando visualizado no servidor remoto. Essa configuração também será útil quando você estiver trabalhando com um editor de texto externo que reconheça apenas determinados tipos de quebras de linha. Por exemplo, use CR LF (Windows) se o Bloco de Notas for o editor externo e use CR (Macintosh) se o SimpleText for o editor externo.

    Observação:

    No caso dos servidores conectados por meio do FTP, esta opção se aplica somente ao modo de transferência binário. O modo de transferência ASCII do Dreamweaver ignora esta opção. Se você baixar os arquivos usando o modo ASCII, o Dreamweaver definirá as quebras de linha com base no sistema operacional do seu computador. Se você fizer o upload de arquivos usando o modo ASCII, as quebras de linha serão definidas como CR LF.

    Tag TD: Não incluir quebra de linha na tag TD

    Lida com um problema de processamento que ocorre em alguns navegadores antigos quando há espaço em branco ou quebras de linha imediatamente após uma tag <td> ou imediatamente antes de uma tag </td>. Quando você seleciona esta opção, o Dreamweaver não grava quebras de linha depois da tag <td> ou antes da tag </td>, mesmo se a formatação na Biblioteca de tags indicar que a quebra de linha deve existir.

    Formatação avançada

    Permite que você defina opções de formatação para tags e atributos individuais no Editor de bibliotecas de tags.

    Caractere de espaço em branco

    (Apenas versão em japonês) Permite selecionar &nbsp; ou espaço Zenkaku para código HTML. O espaço em branco selecionado nesta opção será usado para tags vazias durante a criação de uma tabela e quando a opção “Permitir vários espaços consecutivos” estiver ativada nas páginas de codificação em japonês.

    Tamanho mínimo de dobramento de código

    O tamanho padrão para dobramento de código é duas linhas. Nesta configuração padrão, todos os fragmentos que têm pelo menos duas linhas de código podem ser recolhidos. Os fragmentos de código menores do que duas linhas podem ser recolhidos apenas selecionando o código. Para obter mais informações sobre dobramento de código, consulte Recolher e expandir código.

Definir preferências de regravação de código

Use as preferências de regravação de código a fim de especificar como e se o Dreamweaver modificará o código quando os documentos são abertos, ao copiar e colar elementos de formulário e ao digitar valores de atributo e URLs usando ferramentas como o Inspetor de propriedades. Essas preferências não têm efeito quando você edita HTML ou scripts na Visualização de código.

Se você desativar as opções de regravação, os itens de markup inválidos serão exibidos na janela Documento para o HTML que seria regravado.

  1. Selecione Editar > Preferências (Windows) ou Dreamweaver > Preferências (Macintosh).
  2. Selecione Regravação de código na lista Categoria à esquerda.
  3. Defina uma das seguintes opções:

    Corrigir tags abertas e aninhadas incorretamente

    Regrava tags em sobreposição. Por exemplo, <b><i>texto</b></i> é regravado como <b><i>texto</i></b>. Esta opção também insere aspas e colchetes de fechamento caso eles estejam ausentes.

    Renomear itens de formulário ao colar

    Garante que você não terá nomes duplicados de objetos de formulário. Esta opção é ativada por padrão.

    Observação:

    Diferente das outras opções nesta caixa de diálogo de preferência, esta opção não se aplica quando você abre um documento, mas somente quando você copia e cola um elemento de formulário.

    Remover tags de finalização adicionais

    Exclui tags de finalização que não possuem uma tag de abertura correspondente.

    Avisar ao corrigir ou remover tags

    Exibe um resumo do HTML tecnicamente inválido que o Dreamweaver tentou corrigir. O resumo indica o local do problema (usando números de linha e coluna) para que você localize a correção e garanta que ela está sendo processada conforme esperado.

    Nunca regravar código: em arquivos com extensões

    Impede que o Dreamweaver regrave código em arquivos com as extensões especificadas. Esta opção é particularmente útil para arquivos que contenham tags de terceiros.

    Codificar <, >, & e &#34; em valores de atributo usando &

    Garante que os valores de atributo digitados ou editados usando ferramentas do Dreamweaver como o Inspetor de propriedades conterão apenas caracteres legais. Esta opção é ativada por padrão.

    Observação:

    Esta opção e as seguintes não se aplicam aos URLs digitados na Visualização de código. Além disso, elas não ocasionam a alteração do código já existente em um arquivo.

    Não codificar caracteres especiais

    Impede que o Dreamweaver altere URLs para que usem apenas caracteres legais. Esta opção é ativada por padrão.

    Codificar caracteres especiais em URLs utilizando &#

    Garante que, ao digitar ou editar URLs usando ferramentas do Dreamweaver, como o Inspetor de propriedades, esses URLs conterão somente caracteres legais.

    Codificar caracteres especiais em URLs utilizando %

    Opera da mesma maneira que a opção anterior, mas usa um método diferente de codificação de caracteres especiais. Esse método de codificação (através do sinal de porcentagem) pode ser mais compatível com os navegadores antigos, mas não funciona bem com os caracteres de alguns idiomas.

Definir preferências de dicas de código

Use as preferências de dicas de código para configurar como deseja trabalhar com as dicas de código. 

  1. Selecione Editar > Preferências (Windows) ou Dreamweaver > Preferências (Macintosh).

  2. Selecione Dicas de código na lista Categoria à esquerda.

  3. Defina uma das seguintes opções:

    Tags de finalização

    Especifique como você deseja que o Dreamweaver feche as tags.

    • Após digitar "</" - 
    • Depois de digitar a abertura da tag ">" - Selecione esta opção se deseja que o Dreamweaver adicione automaticamente uma tag de fechamento assim que você fechar a tag.
    • Nunca - Selecione essa opção se você não quer que o Dreamweaver adicione automaticamente tags de fechamento.

    Ativar dicas de código

    Selecione essa opção para ativar ou desativar as dicas de código e o preenchimento de código no Dreamweaver. Para obter mais informações sobre os recursos dicas de código e preenchimento de código do Dreamweaver, consulte Dicas de código e preenchimento de código.

    Ativar dicas de ferramentas de descrição

    Selecione essa opção para que descrições apareçam junto com as dicas de código. Essas descrições fornecem informações adicionais sobre o código que você está escrevendo.

Definir preferência para preenchimento automático de códigos

Você pode habilitar e desabilitar o fechamento automático de colchetes e aspas executando as seguintes etapas:

  1. Abra o arquivo brackets.json no seguinte local:

    • Win: %appdata%\Adobe\Dreamweaver CC 2018\pt_BR\Configuration\Brackets\
    • Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2018/pt_BR/Configuration/Brackets/
       
  2. Para desabilitar o fechamento automático de colchetes e parêntesis, defina autoCloseBraces como Falso.

  3. Para desativar a inserção automática de aspas correspondentes, defina autoCloseQuotes como Falso.

    Se você deseja ativar o fechamento automático de colchetes e aspas correspondentes, defina os valores mencionados acima como verdadeiro.

    Definir preferência para preenchimento automático de códigos no Dreamweaver
    Definir preferência para preenchimento automático de códigos no Dreamweaver
  4. Salve o arquivo .json e inicie o Dreamweaver.

Definir preferências de PHP

Você pode definir o ambiente de desenvolvimento de programação PHP em que deseja trabalhar. Você pode fazer isso de maneira específica para sites individuais em que você trabalha ou de maneira geral para todos os arquivos PHP salvos fora de sites do Dreamweaver.

O Dreamweaver definirá as dicas de código e as verificações de linting para a versão da linguagem PHP selecionada.

Para definir as preferências da versão do código PHP para arquivos não específicos a sites, conclua as seguintes etapas:

  1. Selecione Editar > Preferências (Windows) ou Dreamweaver > Preferências (Macintosh).

  2. Defina o PHP na lista de categorias à esquerda.

  3. Escolha uma versão do PHP na lista suspensa Versão do PHP e clique em Aplicar.

Para definir a versão do PHP para um site específico, conclua as seguintes etapas:

  1. Na caixa de diálogo Configuração de site, em Configurações avançadas, selecione PHP.

  2. Escolha uma versão do PHP na lista suspensa Versão do PHP e clique em Salvar.

    Definir preferências de PHP de acordo com o site
    Definir preferências de PHP de acordo com o site

Definir temas de cores e temas de código

Você pode escolher um tema de cores de acordo com as suas preferências ao iniciar o Dreamweaver. Você também pode alterar essa preferência a qualquer momento.

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

  3. Escolha um tema na lista Temas de cores. 

  4. Após definir o tema da interface, defina o tema do código.

    Você pode escolher um tema de código claro ou escuro.

  5. Clique em Aplicar para salvar as alterações.

    Você pode optar por personalizar ainda mais a codificação por cores de acordo com seus requisitos. Para obter mais informações, consulte Personalizar codificação por cores.

Usar um editor externo

Você pode especificar um editor externo para a edição de arquivos com extensões específicas. Por exemplo, é possível iniciar um editor de texto como BBEdit, bloco de notas ou TextEdit no Dreamweaver a fim de editar arquivos JavaScript (JS).

Você pode atribuir editores externos diferentes para extensões diferentes.

Definir um editor externo para um tipo de arquivo

  1. Selecione Editar > Preferências.
  2. Selecione Tipos de arquivos/editores na lista Categoria à esquerda, defina as opções e clique em OK.

    Abrir na Visualização de código

    Especifica as extensões de nome de arquivo abertas automaticamente na Visualização de código do Dreamweaver.

    Recarregar arquivos modificados

    Especifica o comportamento quando o Dreamweaver detecta que alterações foram feitas externamente em um documento aberto no Dreamweaver.

    Salvar ao iniciar

    Especifica se o Dreamweaver sempre deve salvar o documento atual antes de iniciar o editor, nunca salvar o documento ou perguntar a você se deseja salvar cada vez que iniciar o editor externo.

    Fireworks

    Você pode conectar o Fireworks ao Dreamweaver fornecendo aqui o caminho para o aplicativo.

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online