Creative_Cloud_mnemonic_RGB_128px

Atualização disponível para o Dreamweaver CC

Para obter mais informações, consulte Resumo de novos recursos.


Seletor de cores

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.

Seletor de cores
Seletor de cores

A. Cor selecionada B. Cor original C. Amostra de cor D. Adicionar amostra de cor E. Controle deslizante de opacidade F. Controle deslizante de claridade G. Controle deslizante de cores H. Ferramenta Conta-gotas I. Modelos de cor J. Recipiente de cores 

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 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.
Para fechar o Seletor de cores, pressione Esc.

Aprimoramentos da Sincronização em nuvem

Sincronização de atalhos de teclado e área de trabalho

Agora, você pode sincronizar atalhos de teclado e áreas de trabalho personalizadas 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.

Caixa de diálogo Preferências
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 foi 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 da caixa de diálogo Preferências
Aprimoramentos da caixa de diálogo Preferências

Aprimoramentos do 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.

Gravação e restauração de contexto

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

Anteriormente, ao editar/adicionar uma propriedade dentro de um seletor na lista computada de seletores, o painel de propriedades alternava para a lista computada de propriedades. Ou editar/excluir os valores de margem movia o bloco de propriedade da margem para baixo.

O salvamento e a restauração de contexto lidam com esses problemas.

Você pode ver o salvamento e a restauração de contexto 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 as 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á o painel de propriedades exibindo a categoria borda.

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, no código dinâmico, na visualização de design, na visualização dinâmica e no inspetor de código. Os números de linha também são realçados no caso de erro de sintaxe.

Realce do número de linha
Realce do número de linha

Realce do número de linha única
Realce do número de linha

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.

Realce de tag
Realce de tag

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

Preferências (Codificação por cores)
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 vistas nos arquivos CSS, LESS, SASS, SCSS 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.

Dicas de código
Dicas de código

Preferências (Dicas de código)
Preferências (Dicas de código)

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 da CEF.

Observação: devido à integração da 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 de download de extensões e de 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 CC compatível com o Exchange, como Photoshop® CC, InDesign® CC, Illustrator® CC, Dreamweaver® CC, InCopy® CC, Prelude® CC e Premiere® Pro CC.

Atualize as 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.

O Extension Manager mostra as atualizações disponíveis
O Extension Manager mostra as atualizações disponíveis

Clique no botão Atualizar para iniciar uma atualização
Clique no botão Atualizar para iniciar uma atualização

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