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

ArquivoAtalho
NovoCtrl + N
AbrirCtrl + O
Navegar pela BridgeCtrl + Alt + O
FecharCtrl + W
Fechar TodosCtrl + Shift + W
SalvarCtrl + S
Salvar ComoCtrl + Shift + S
ImprimirCtrl + P
PreferênciasCtrl + U
Visualizar no NavegadorF12 / Alt + F12
Verificar LinksShift + F8
SairCtrl + Q

Visualizar / Editar

Visualizar / EditarAtalho
AmpliarCtrl + +
ReduzirCtrl + -
Ampliar / ReduzirCtrl + Roda do Mouse
Inserir com OpçõesCtrl + Shift + V
BuscarCtrl + F
Buscar Próxima na SeleçãoShift + F3
Buscar PróximaF3
Alterar VisualizaçãoCtrl + #
Mostrar RéguaCtrl + Alt + R
Mostrar Linhas GuiaCtrl + Shift + #
Visualização ao VivoAlt + F11
DesfazerCtrl + Z
RefazerCtrl + Y
Mostrar GradeCtrl + Alt + G
Alinhar na GradeCtrl + Shift + Alt + G
Mostrar Cabeçalho HTMLCtrl + Shift + H
Modo Tabela AvançadoAlt + F6
Ocultar TudoCtrl + Shift + I
Parar JavaScriptF6
Reproduzir Plug-InsCtrl + Alt + P
Parar Plug-InsCtrl + Alt + X

Visualização de Design

Editor Rápido de TagsCtrl + T
Navegador de CódigoCtrl + Alt + Clique
Atualizar Visualização de DesignF5
Largura em Pixels de Linhas GuiaCtrl

Código Fonte & Design

AçãoAtalho
Sem Formatação de TextoCtrl + 0
Titulo 1 - <h1>Ctrl + 1
Titulo 3 - <h3>Ctrl + 3
Titulo 6 - <h6>Ctrl + 6
Parágrafo - <p>Ctrl + Shift + P
Links - <div align="left">Ctrl + Shift + Alt + L
Direita - <div align="right">Ctrl + Shift + Alt + R
Centralizado - <div align="center">Ctrl + Shift + Alt + C
Justificado - <div align="justify">Ctrl + Shift + Alt + J
NegritoCtrl + B
ItálicoCtrl + I

Trabalhando no Código Fonte

AçãoAtalho
Ajuda de CódigoCtrl + Espaço
Ir para LinhaCtrl + G
Cercar Seleção com #Ctrl + Shift + 3
Remover Palavra à EsquerdaCtrl + Backspace
Remover Palavra à DireitaCtrl + Delete
Selecionar Linha AcimaShift + Seta para Cima
Selecionar Linha AbaixoShift + Seta para Baixo
Selecionar Caractere à EsquerdaShift + Seta para a Esquerda
Selecionar Caractere à DireitaShift + Seta para a Direita
Selecionar Página Inteira Até o FimShift + Página Abaixo
Selecionar Página Inteira Até o InícioShift + Página Acima
Ir para Próxima Palavra à EsquerdaCtrl + Seta para a Esquerda
Ir para Próxima Palavra à DireitaCtrl + Seta para a Direita
Selecionar Palavra à EsquerdaCtrl + Shift + Seta para a Esquerda
Selecionar Palavra à DireitaCtrl + Shift + Seta para a Direita
Ir para o Início da LinhaPos1 / Seta para Cima à Esquerda
Ir para o Fim da LinhaFim / Seta para Baixo à Direita
Selecionar Até o Início da LinhaShift + Pos1
Selecionar Até o Fim da LinhaShift + Fim
Ir para a Linha 1Ctrl + Pos1
Ir para a Última LinhaCtrl + Fim

Inserir

AçãoAtalho
ImagemCtrl + Alt + I
TabelaCtrl + Alt + T
Espaço vazio ( )Ctrl + Shift + Espaço
Quebra de linha (<br />)Shift + Enter
Inserir hyperlinkCtrl + L
Remover hyperlinkCtrl + Shift + L
Seleção de tagsCtrl + E
Arquivo SWFCtrl + Alt + F
Ancora nomeadaCtrl + Alt + A
Área editável em modelosCtrl + Alt + V

Janelas

JanelaAtalho
Elementos APF2
VínculosCtrl + F10
Fragmentos de códigoShift + F9
Inspecionar códigoF10 / Alt + F10
Estilos CSSShift + F11
Bancos de dadosCtrl + Shift + F10
ArquivosF8 / Ctrl + Shift + F
PropriedadesCtrl + F3
InserirCtrl + F2
Ocultar janelaF4
FramesShift + F2
ComponentesCtrl + F7
Comportamentos de servidorCtrl + F9
LocalizarF7
Inspecionar tagF9 / Alt + Shift + F9
ComportamentoShift + F4
HistóricoShift + F10

Trabalhando com tabelas

AçãoAtalho
Selecionar célula individualmenteCtrl + Clique
Selecionar tabelaCtrl + A 2x
Inserir linhaCtrl + M
Inserir linha Versão IITab na última célula
Inserir colunaCtrl + Shift + A
Excluir linhaCtrl + Shift + M
Excluir colunaCtrl + Shift + -
Combinar célulasCtrl + Shift + Alt + M
Dividir célulasCtrl + Alt + S

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.
274,342,963

Atalhos para o Adobe Dreamweaver - Resumo das teclas de atalho.

Publicado em de Stefan Petri
Publicado em: De Stefan Petri
Stefan Petri administra junto com seu irmão Matthias o popular fórum especializado PSD-Tutorials.de, bem como a plataforma de E-Learning TutKit.com, que tem como foco a formação e o treinamento de competências profissionais digitais.