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
Arquivo
Atalho
Novo
Ctrl + N
Abrir
Ctrl + O
Navegar pela Bridge
Ctrl + Alt + O
Fechar
Ctrl + W
Fechar Todos
Ctrl + Shift + W
Salvar
Ctrl + S
Salvar Como
Ctrl + Shift + S
Imprimir
Ctrl + P
Preferências
Ctrl + U
Visualizar no Navegador
F12 / Alt + F12
Verificar Links
Shift + F8
Sair
Ctrl + Q
Visualizar / Editar
Visualizar / Editar
Atalho
Ampliar
Ctrl + +
Reduzir
Ctrl + -
Ampliar / Reduzir
Ctrl + Roda do Mouse
Inserir com Opções
Ctrl + Shift + V
Buscar
Ctrl + F
Buscar Próxima na Seleção
Shift + F3
Buscar Próxima
F3
Alterar Visualização
Ctrl + #
Mostrar Régua
Ctrl + Alt + R
Mostrar Linhas Guia
Ctrl + Shift + #
Visualização ao Vivo
Alt + F11
Desfazer
Ctrl + Z
Refazer
Ctrl + Y
Mostrar Grade
Ctrl + Alt + G
Alinhar na Grade
Ctrl + Shift + Alt + G
Mostrar Cabeçalho HTML
Ctrl + Shift + H
Modo Tabela Avançado
Alt + F6
Ocultar Tudo
Ctrl + Shift + I
Parar JavaScript
F6
Reproduzir Plug-Ins
Ctrl + Alt + P
Parar Plug-Ins
Ctrl + Alt + X
Visualização de Design
Editor Rápido de Tags
Ctrl + T
Navegador de Código
Ctrl + Alt + Clique
Atualizar Visualização de Design
F5
Largura em Pixels de Linhas Guia
Ctrl
Código Fonte & Design
Ação
Atalho
Sem Formatação de Texto
Ctrl + 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
Negrito
Ctrl + B
Itálico
Ctrl + I
Trabalhando no Código Fonte
Ação
Atalho
Ajuda de Código
Ctrl + Espaço
Ir para Linha
Ctrl + G
Cercar Seleção com #
Ctrl + Shift + 3
Remover Palavra à Esquerda
Ctrl + Backspace
Remover Palavra à Direita
Ctrl + Delete
Selecionar Linha Acima
Shift + Seta para Cima
Selecionar Linha Abaixo
Shift + Seta para Baixo
Selecionar Caractere à Esquerda
Shift + Seta para a Esquerda
Selecionar Caractere à Direita
Shift + Seta para a Direita
Selecionar Página Inteira Até o Fim
Shift + Página Abaixo
Selecionar Página Inteira Até o Início
Shift + Página Acima
Ir para Próxima Palavra à Esquerda
Ctrl + Seta para a Esquerda
Ir para Próxima Palavra à Direita
Ctrl + Seta para a Direita
Selecionar Palavra à Esquerda
Ctrl + Shift + Seta para a Esquerda
Selecionar Palavra à Direita
Ctrl + Shift + Seta para a Direita
Ir para o Início da Linha
Pos1 / Seta para Cima à Esquerda
Ir para o Fim da Linha
Fim / Seta para Baixo à Direita
Selecionar Até o Início da Linha
Shift + Pos1
Selecionar Até o Fim da Linha
Shift + Fim
Ir para a Linha 1
Ctrl + Pos1
Ir para a Última Linha
Ctrl + Fim
Inserir
Ação
Atalho
Imagem
Ctrl + Alt + I
Tabela
Ctrl + Alt + T
Espaço vazio ( )
Ctrl + Shift + Espaço
Quebra de linha (<br />)
Shift + Enter
Inserir hyperlink
Ctrl + L
Remover hyperlink
Ctrl + Shift + L
Seleção de tags
Ctrl + E
Arquivo SWF
Ctrl + Alt + F
Ancora nomeada
Ctrl + Alt + A
Área editável em modelos
Ctrl + Alt + V
Janelas
Janela
Atalho
Elementos AP
F2
Vínculos
Ctrl + F10
Fragmentos de código
Shift + F9
Inspecionar código
F10 / Alt + F10
Estilos CSS
Shift + F11
Bancos de dados
Ctrl + Shift + F10
Arquivos
F8 / Ctrl + Shift + F
Propriedades
Ctrl + F3
Inserir
Ctrl + F2
Ocultar janela
F4
Frames
Shift + F2
Componentes
Ctrl + F7
Comportamentos de servidor
Ctrl + F9
Localizar
F7
Inspecionar tag
F9 / Alt + Shift + F9
Comportamento
Shift + F4
Histórico
Shift + F10
Trabalhando com tabelas
Ação
Atalho
Selecionar célula individualmente
Ctrl + Clique
Selecionar tabela
Ctrl + A 2x
Inserir linha
Ctrl + M
Inserir linha Versão II
Tab na última célula
Inserir coluna
Ctrl + Shift + A
Excluir linha
Ctrl + Shift + M
Excluir coluna
Ctrl + Shift + -
Combinar células
Ctrl + Shift + Alt + M
Dividir células
Ctrl + 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.
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.