Selecione Exibir > Opções de visualização de código.

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

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

Exibe caracteres especiais no lugar dos espaços em branco. Por exemplo, um ponto substitui os espaços, uma seta dupla substitui as tabulações e um marcador de parágrafo substitui as quebras de linha.

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

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.

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.

(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 usando três caracteres de tabulação para todos os níveis de recuo.

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 todos os níveis de recuo, o que será exibido na Visualização de código como um espaço em branco de doze caracteres.

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.

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 apareça corretamente quando visualizado no servidor remoto. Essa configuração também será útil quando você trabalhar com um editor de texto externo que reconhece 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.

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.

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

(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.

O tamanho padrão para dobramento de código é de 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.

Regrava tags sobrepostas. 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.

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

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

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.

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.

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

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

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

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 navegadores antigos, mas não funciona bem com os caracteres de alguns idiomas.

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

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

Defina uma das seguintes opções:

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

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

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 de dicas de código e preenchimento de código do Dreamweaver, consulte Dicas de código e preenchimento de código.

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.

Inserir chaves automaticamente  Quando marcada, a chave de fechamento é inserida automaticamente sempre que um usuário digita uma chave de abertura. Quando desmarcada, a chave de fechamento não é inserida quando o usuário digita a chave de abertura. Aplica-se a todos os tipos de chaves e todos os tipos de arquivos (html, php, css, js).

Inserir aspas automaticamente  Quando marcada, a aspas de fechamento é inserida automaticamente sempre que um usuário digita uma aspas de abertura. Quando desmarcada, a aspas de fechamento não é inserida quando o usuário digita a aspas de abertura. Aplica-se a aspas simples e duplas e todos os tipos de arquivos (html, php, css, js).

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/
   

Para desativar o fechamento automático de colchetes e parêntesis, defina autoCloseBraces como False.

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

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

Salve o arquivo .json e inicie o Dreamweaver.

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

Defina o PHP na lista de categorias à esquerda.

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

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

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

Selecione Interface na lista Categoria à esquerda.

Escolha um tema na lista Temas de cores. 

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

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

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.

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

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

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.

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