Resumo dos novos recursos

O Dreamweaver 13.1 é uma atualização do Dreamweaver CC (13.0) e requer que o Dreamweaver CC (13.0) esteja instalado no computador. Para obter uma lista dos novos recursos do Dreamweaver CC (13.0), consulte Novidades do Dreamweaver CC.

Agora, é possível usar o Seletor de cores para escolher uma grande variedade de cores ao utilizar recursos do Dreamweaver, como a CSS Designer, o painel Ativos e as Preferências.

O novo Seletor de cores do Dreamweaver permite:

• Escolher cores de modelos de cor diferente (RGBa, Hexadecimal ou HSLa) ajustar a luminosidade (F) e a opacidade (E) das cores quando necessário e salvar as combinações de cores como amostras de cores.
  • Para redefinir a nova cor como a cor original, clique na cor original (B).
  • Para alterar a ordem das amostras, arraste as amostras até a posição desejada.
  • Para excluir uma amostra de cores, arraste a amostra para fora do painel.
• Use a ferramenta de conta-gotas (H) para obter a amostra de cores em qualquer lugar da tela do computador. Para escolher cores em aplicativos diferentes do Dreamweaver, mantenha o botão do mouse pressionado, arraste o mouse sobre a cor desejada e solte o botão do mouse.

Aprimoramentos da Sincronização em nuvem

Atalhos de teclado e sincronização de área de trabalho

Agora você pode sincronizar os atalhos de teclado e áreas de trabalho personalizados com a nuvem (e outro computador com o Dreamweaver CC em execução no mesmo sistema operacional).

Por padrão, os atalhos de teclado e as áreas de trabalho estão definidos para sincronização. Você pode optar por não sincronizá-los desmarcando as opções na caixa de diálogo Preferências.

Aprimoramentos da caixa de diálogo Preferências

O botão OK na caixa de diálogo Preferências é substituído pelo botão Aplicar para que seja possível modificar a configuração em várias categorias e aplicar as alterações antes de fechar a caixa de diálogo.

Aprimoramentos no CSS Designer

Realce dinâmico

Ao editar as propriedades de um Seletor CSS antes do Dreamweaver 13.1, não havia uma maneira de identificar os elementos da página que seriam afetados pelas alterações.

Agora, usando o Realce dinâmico, você pode facilmente identificar os elementos de página associados a um Seletor CSS. É possível optar por continuar a editar as propriedades, ou se desejar alterar as propriedades apenas de um elemento específico, criar um novo Seletor CSS do elemento e editar suas propriedades. 

Para obter mais informações, consulte Identificar elementos de página associados a um seletor CSS.

Salvar e restaurar contexto

Agora, o salvamento e a restauração de contexto são implementados no Dreamweaver para preservar o contexto original do Painel do CSS Designer em todos os fluxos de trabalho de edição/adição/exclusão.

Anteriormente, ao editar/adicionar uma propriedade a um seletor na lista computada de seletores, o painel de propriedades usado para alternar entre a lista computada de propriedades para alternar para a lista computada de propriedades. Ou valores de margem de edição/exclusão usados para mover o bloco de propriedade da margem para baixo.

Salvar e restaurar contexto lida com esses problemas.

Você pode ver o salvamento e restauração em ação nos seguintes cenários:

• Controlador de regra CSS – clique em qualquer seletor no painel Seletores. O IP será atualizado no código CSS
• Exclua as propriedades nas categorias texto/borda ou em qualquer outra categoria. O painel de propriedades não perderá o contexto.
• As rolagens e guias no painel de propriedades serão mantidas nos seletores – se você mover para a borda em um seletor e depois mudar para outro seletor, ainda verá a categoria borda exibida no painel de propriedades.

Além disso, você verá que a edição/adição de propriedades em um seletor na lista computada de seletores e a edição/exclusão dos valores da borda funcionarão muito melhor.

Melhorias na Visualização de código

Realce do número de linha

Os números de linha onde o IP está presente são realçados na visualização de código, código dinâmico, visualização de design, visualização dinâmica e inspetor de código. Os números de linha também são realçados no caso de erro de sintaxe.

Realce de tag e atributo

A tag na qual o Ponto de inserção (IP) está presente estará realçada. Se o IP estiver na tag de abertura, a tag de fechamento também estará realçada e vice-versa. O realce funciona com cliques do mouse e também com teclas de navegação de teclado. O realce de tag funciona com o Código dinâmico e também com o Inspetor de códigos.

Você pode alterar a cor do realce de tag em Preferências (Codificação por cores).

Dica de código para Seletores CSS

As dicas de código para classe e IDs que estão presentes nos arquivos HTML pai agora podem ser vistos nos arquivos CSS, LESS, SASS junto com a tag de estilo inline.

O Dreamweaver fornece dicas de código quando você digita . ou # em um arquivo CSS relacionado ou em tags de estilo inline do arquivo HTML pai.

Atalho de teclado para mover para o início ou fim da linha atual

• No Mac: Cmd + seta para a esquerda para mover para o início da linha atual; Cmd + seta para a direita para mover para o fim da linha atual.
• No Windows: Ctrl + seta para a esquerda para mover para o início da linha atual; Ctrl + seta para a direita para mover para o fim da linha atual

Os atalhos de teclado podem ser personalizados na seção Editar > Atalhos de teclado > Comandos > Edição de código.

Integração da CEF

O Dreamweaver agora está integrado à Chromium Embedded Framework (CEF), uma estrutura de origem aberta com base no design do Google Chromium. Essa integração permite que o Dreamweaver controle o carregamento de recursos, a navegação, os menus de contexto, a impressão e mais, para aproveitar os mesmos desempenho e tecnologias HTML5 disponíveis no navegador do Google Chrome.

Para obter mais informações, consulte Integração do CEF.

Observação: devido à integração do CEF, a maneira de usar o <mm:browsercontrol> ao desenvolver extensões requer uma alteração. Consulte este artigo para obter informações detalhadas.

Suporte a PHP 5.4

Suporte total a PHP 5.4 (sem erros de sintaxe).

Atualizações para o Adobe Extension Manager

O Adobe Extension Manager 7.1 oferece novos recursos que aprimoram a experiência ao baixar extensões e mantê-las atualizadas.

Aprimoramentos no Adobe Exchange

• Anteriormente, qualquer conteúdo do Adobe Exchange precisava ser compactado como um arquivo ZXP usando um utilitário, como o Packager do Adobe Exchange. O Adobe Exchange e Extension Manager haviam sido atualizados para permitir que qualquer tipo de arquivo fosse enviado e instalado. Isso significa que o Adobe Exchange pode oferecer suporte a mais aplicativos Adobe CC e consideravelmente mais conteúdo. O Adobe Exchange incluirá conteúdo compatível selecionado do Adobe Exchange Classic e Photoshop Marketplace.

• Agora, qualquer pessoa pode enviar arquivos no portal Adobe Exchange Producer. Quando você escolhe essa opção, o Adobe Exchange empacota o conteúdo automaticamente como um ZXP não assinado, e o Extension Manager o instala na pasta Downloads do usuário, onde estará disponível para download da mesma forma que as extensões dinâmicas mais complexas. Esse novo suporte a conteúdo funciona em qualquer aplicativo de desktop da CC compatível com o Exchange, como Photoshop® CC, InDesign® CC, Illustrator® CC, Dreamweaver® CC, InCopy® CC, Prelude® CC e Premiere® Pro CC.

Atualização das extensões diretamente pelo Adobe Extension Manager

Agora, uma extensão oferecida pelo Extension Manager poderá fornecer um link, que aponta para informações no servidor de atualização do provedor. O Extension Manager mostra as atualizações disponíveis nesse local, e permite que o usuário inicie as atualizações. Você pode fornecer um URL de download para o pacote ZXP. Nesse caso, o Extension Manager baixa e instala automaticamente o pacote, ou você pode apontar para uma página com instruções que permitam ao usuário baixar e instalar as atualizações manualmente.