No dinâmico mundo do webdesign, o Adobe Dreamweaver é uma ferramenta essencial para desenvolvedores e designers. Mas para realmente aproveitar todo o potencial deste poderoso software, os atalhos de teclado são um elemento-chave.

Os atalhos de teclado no Dreamweaver são muito mais do que simples abreviações úteis. Eles são uma ponte para um trabalho mais eficiente e rápido. Com esses atalhos, você pode executar tarefas complexas com apenas alguns toques, aumentando a produtividade e economizando tempo valioso. Eles permitem que você navegue harmoniosamente entre diferentes funções e visualizações, sem precisar navegar por menus complicados. Isso resulta em um fluxo de trabalho mais contínuo e intuitivo, o que é especialmente vantajoso em prazos apertados.

Neste artigo, você aprenderá como otimizar seus processos de webdesign e desenvolvimento com os principais atalhos de teclado do Dreamweaver. Seja você um iniciante ou um profissional experiente, esses comandos aprimorarão significativamente seu trabalho no Dreamweaver. Pronto para levar suas habilidades de webdesign para o próximo nível? Vamos mergulhar no mundo dos atalhos do Dreamweaver!

Índice de conteúdo

Arquivo

Visualizar / Editar

Visualização de Design

Código Fonte & Design

Trabalhando no Código Fonte

Inserir

Janelas

Trabalhando com tabelas

18 Dicas e truques para o Adobe Dreamweaver

• Para transferir rapidamente o arquivo aberto para o servidor, se configurado através do Site, pressione Ctrl +  + U.
• No Dreamweaver, existe um teste interno de compatibilidade com navegadores que mostra todos os erros inválidos do W3C e a compatibilidade dos navegadores com todos os scripts. Você pode acessar essa função através da barra de documentos, no menu Verificar página. Muito útil para não ter que abrir sua página em todos os navegadores.
• No Dreamweaver, você pode abrir e editar arquivos diretamente no servidor. Isso evita a necessidade de upload com o cliente FTP. Basta clicar em Arquivos (F8) => Gerenciar sites, e depois em Novo, preencher todos os dados. Em seguida, o conteúdo do servidor será listado e você pode abrir as páginas desejadas.
• Para facilitar a identificação de fundos CSS, ative Layout de fundo CSS em Exibir => Ferramentas visuais => Fundos de layout CSS. Os blocos individuais agora serão preenchidos com uma cor aleatória. No entanto, essas cores só são exibidas na janela de design.
• O tamanho de exibição não deve ser alterado - o padrão é de 100% -, pois a página ficará pixelizada na visualização do Dreamweaver.
• No painel Histórico de camadas, é possível desfazer até 50 etapas por padrão. Você pode aumentar esse valor nas configurações (Ctrl + U) na guia Geral.
• Frequentemente, é necessário adicionar uma nova linha a uma tabela. Para isso, basta clicar na última célula à direita e pressionar a tecla Tab. Se você precisar de 10 ou mais novas linhas ou colunas, é mais útil clicar com o botão direito do mouse => Inserir linhas ou colunas.
• Para mostrar ou ocultar rapidamente todos os painéis de controle, pressione o atalho de teclado F4. Isso mostrará apenas o menu e a janela de trabalho.
• No Dreamweaver, é possível pesquisar e substituir blocos completos de código-fonte. Isso é especialmente útil quando você deseja substituir mais do que apenas uma linha de código que se repete.
• 18 Dicas e truques para o Adobe Dreamweaver
• Para selecionar rapidamente todo o conteúdo de uma tabela () ou de uma DIV (), clique duas vezes seguidas em Ctrl + A.
• Ao trabalhar no código-fonte, você pode fechar rapidamente as tags selecionando Janela > Resultados > Verificar). Também é muito útil a extensão HTML Validator do Firefox (http://users.skynet.be/mgueury/mozilla/) em conjunto com o Firebug (http://getfirebug.com/).
• Boas fontes de tutoriais do Dreamweaver são: www.psd-tutorials.de, www.dreamworker.de e www.adobe.com/devnet/dreamweaver.
• Existem várias extensões para expandir o Dreamweaver. Você pode editar modelos baseados no Joomla! no Dreamweaver. Veja http://www.joomlaos.de.