Guia do Usuário Cancelar

Trabalhar com texto

  1. Guia do usuário do Dreamweaver
  2. Introdução
    1. Noções básicas de web design responsivo
    2. Novidades do Dreamweaver
    3. Desenvolvimento Web com o Dreamweaver – Visão geral
    4. Dreamweaver/Perguntas frequentes
    5. Atalhos de teclado
    6. Requisitos de sistema do Dreamweaver
    7. Resumo dos recursos
  3. Dreamweaver e Creative Cloud
    1. Sincronizar as configurações do Dreamweaver com a Creative Cloud
    2. Bibliotecas da Creative Cloud no Dreamweaver
    3. Uso de arquivos do Photoshop no Dreamweaver
    4. Trabalhe com o Adobe Animate e o Dreamweaver
    5. Extraia das Bibliotecas arquivos SVG otimizados para a Web
  4. Áreas de trabalho e exibições do Dreamweaver
    1. Espaço de trabalho do Dreamweaver
    2. Otimizar espaço de trabalho no Dreamweaver para desenvolvimento visual
    3. Pesquisa de arquivos baseada no nome de arquivo ou no conteúdo | Mac OS
  5. Configurar sites
    1. Sobre sites do Dreamweaver
    2. Configurar uma versão local do site
    3. Conectar-se a um servidor de publicação
    4. Configurar um servidor de teste
    5. Importar e exportar configurações de site do Dreamweaver
    6. Trazer sites existentes de um servidor remoto para a raiz do site local
    7. Recursos de acessibilidade do Dreamweaver
    8. Configurações avançadas
    9. Definir preferências de site para transferência de arquivos
    10. Especificar configurações do servidor proxy no Dreamweaver
    11. Sincronizar as configurações do Dreamweaver com a Creative Cloud
    12. Como usar o Git no Dreamweaver
  6. Gerenciar arquivos
    1. Criar e abrir arquivos
    2. Gerenciamento de arquivos e pastas
    3. Obter e colocar arquivos no servidor
    4. Devolver e retirar arquivos
    5. Sincronizar arquivos
    6. Comparar arquivos em busca de diferenças
    7. Encobrir arquivos e pastas em seu site do Dreamweaver
    8. Ativar as Design Notes para sites do Dreamweaver
    9. Impedir possível ataque ao Gatekeeper
  7. Layout e design
    1. Usar auxílios visuais para layout
    2. Sobre usar o CSS para criar o layout da página
    3. Criar sites responsivos usando o Bootstrap
    4. Criar e usar consultas de mídia no Dreamweaver
    5. Apresentar conteúdo em tabelas
    6. Cores
    7. Design responsivo usando layouts de grade fluida
    8. Extract no Dreamweaver
  8. CSS
    1. Noções sobre as folhas de estilos em cascata
    2. Aplicar layout às páginas usando o CSS Designer
    3. Usar pré-processadores de CSS no Dreamweaver
    4. Como definir preferências de estilo CSS no Dreamweaver
    5. Mover regras de CSS no Dreamweaver
    6. Converter CSS inline em uma regra de CSS no Dreamweaver
    7. Trabalhar com tags div
    8. Aplicação de degradês ao fundo
    9. Criar e editar efeitos de transição do CSS3 no Dreamweaver
    10. Formatar código
  9. Conteúdo e ativos de página
    1. Definir propriedades da página
    2. Configurar propriedades de cabeçalho e propriedades de link de CSS
    3. Trabalhar com texto
    4. Localizar e substituir texto, tags e atributos
    5. Painel DOM
    6. Editar na Visualização dinâmica
    7. Codificar documentos do Dreamweaver
    8. Selecionar e exibir os elementos na janela Documento
    9. Definir propriedades de texto no Inspetor de propriedades
    10. Verificar ortografia de uma página Web
    11. Usar regras horizontais no Dreamweaver
    12. Adicionar e modificar combinações de fontes no Dreamweaver
    13. Trabalhar com ativos
    14. Inserir e atualizar datas no Dreamweaver
    15. Criar e gerenciar ativos favoritos no Dreamweaver
    16. Inserir e editar imagens no Dreamweaver
    17. Adicionar objetos de mídia
    18. Adição de vídeos no Dreamweaver
    19. Inserir vídeo HTML5
    20. Inserir arquivos SWF
    21. Adicionar efeitos de áudio
    22. Inserir áudio HTML5 no Dreamweaver
    23. Trabalhar com itens da biblioteca
    24. Usar texto em árabe e hebraico no Dreamweaver
  10. Vinculação e navegação
    1. Sobre vinculação e navegação
    2. Vinculação
    3. Mapas de imagem
    4. Solucionar problemas com links
  11. Efeitos e widgets do jQuery
    1. Usar widgets de interface e para dispositivos móveis do jQuery no Dreamweaver
    2. Usar efeitos do jQuery no Dreamweaver
  12. Programar sites
    1. Sobre codificação no Dreamweaver
    2. Ambiente de codificação no Dreamweaver
    3. Definir preferências de codificação
    4. Personalizar codificação por cores
    5. Escrever e editar código
    6. Dicas de código e preenchimento de código
    7. Recolher e expandir código
    8. Reutilizar código com snippets
    9. Linting de código
    10. Otimizar código
    11. Editar código na Visualização de design
    12. Trabalhar com conteúdo do cabeçalho das páginas
    13. Inserir inclusões de servidor no Dreamweaver
    14. Usar bibliotecas de tags no Dreamweaver
    15. Importar tags personalizadas para o Dreamweaver
    16. Usar comportamentos JavaScript (instruções gerais)
    17. Aplicar comportamentos internos do JavaScript
    18. Sobre XML e XSLT
    19. Executar transformações XSL do servidor no Dreamweaver
    20. Executar transformações XSL do cliente no Dreamweaver
    21. Adicionar entidades de caracteres para XSLT no Dreamweaver
    22. Formatar código
  13. Fluxos de trabalho entre produtos
    1. Instalar e usar extensões no Dreamweaver
    2. Atualizações dentro do aplicativo no Dreamweaver
    3. Inserir documentos do Microsoft Office no Dreamweaver (somente Windows)
    4. Trabalho com o Fireworks e o Dreamweaver
    5. Editar conteúdo em sites do Dreamweaver usando o Contribute
    6. Integração do Business Catalyst ao Dreamweaver
    7. Criar campanhas de email personalizadas
  14. Modelos
    1. Sobre os modelos do Dreamweaver
    2. Reconhecimento de modelos e documentos baseados em modelo
    3. Criar um modelo do Dreamweaver
    4. Criar regiões editáveis nos modelos
    5. Criar regiões e tabelas repetitivas no Dreamweaver
    6. Usar regiões opcionais em modelos
    7. Definir atributos de tag editáveis no Dreamweaver
    8. Como criar modelos aninhados no Dreamweaver
    9. Editar, atualizar e excluir modelos
    10. Exportar e importar conteúdo xml no Dreamweaver
    11. Aplicar ou remover um modelo em um documento
    12. Editar conteúdo em modelos do Dreamweaver
    13. Regras de sintaxe para tags de modelo no Dreamweaver
    14. Definir preferências de realce para regiões de modelo
    15. Vantagens de usar modelos no Dreamweaver
  15. Dispositivo móvel e multitela
    1. Criar consultas de mídia
    2. Alterar a orientação de página para dispositivos móveis
    3. Criar aplicativos Web para dispositivos móveis usando o Dreamweaver
  16. Sites dinâmicos, páginas e formulários Web
    1. Noções sobre aplicativos Web
    2. Configurar o computador para desenvolvimento de aplicativos
    3. Solucionar problemas de conexões de banco de dados
    4. Remover scripts de conexão no Dreamweaver
    5. Criar páginas dinâmicas
    6. Visão geral das fontes de conteúdo dinâmico
    7. Definir origens de conteúdo dinâmico
    8. Adicionar conteúdo dinâmico a páginas
    9. Alterar conteúdo dinâmico no Dreamweaver
    10. Exibir registros de banco de dados
    11. Fornecer e solucionar problemas de live data no Dreamweaver
    12. Adicionar comportamentos personalizados de servidor no Dreamweaver
    13. Criar formulários usando o Dreamweaver
    14. Usar formulários para reunir informações de usuários
    15. Criar e ativar formulários do ColdFusion no Dreamweaver
    16. Criar formulários Web
    17. Suporte aprimorado a HTML5 para elementos de formulário
    18. Desenvolver um formulário usando o Dreamweaver
  17. Criação visual de aplicativos
    1. Criar páginas mestre e detalhadas no Dreamweaver
    2. Criar páginas de pesquisa e de resultados
    3. Criar uma página de inserção de registro
    4. Criar uma página de registro de atualização no Dreamweaver
    5. Criar páginas de exclusão de registro no Dreamweaver
    6. Usar comandos ASP para modificar um banco de dados no Dreamweaver
    7. Criar uma página de registro
    8. Criar uma página de logon
    9. Criar uma página que apenas usuários autorizados podem acessar
    10. Proteger pastas no ColdFusion usando o Dreamweaver
    11. Usar componentes do ColdFusion no Dreamweaver
  18. Testar, visualizar e publicar sites
    1. Visualizar páginas
    2. Visualizar páginas Web do Dreamweaver em vários dispositivos
    3. Testar seu site do Dreamweaver
  19. Solução de problemas
    1. Problemas corrigidos
    2. Problemas conhecidos

 

 

Saiba como adicionar e formatar texto na Visualização dinâmica, Visualização de código ou extraindo o texto e as propriedades associadas de arquivos PSD.

Adicionar texto a um documento

Para adicionar texto a um documento do Dreamweaver, digite o texto diretamente na janela Documento ou recorte e cole o texto. Também é possível importar texto de outros documentos.

Quando você colar texto em um documento do Dreamweaver, use o comando Colar ou Colar especial. O comando Colar especial permite especificar o formato do texto colado de diferentes formas. Por exemplo, se você deseja colar texto de um documento formatado do Microsoft Word no documento do Dreamweaver, mas deseja retirar toda a formatação para que possa aplicar sua própria folha de estilos CSS ao texto colado, selecione texto no Word, copie-o para a área de transferência e use o comando Colar especial para selecionar a opção que permite colar apenas texto.

Ao usar o comando Colar para colar texto de outros aplicativos, defina as preferências de colagem como opções padrão.

Observação:

A combinação de teclas Control+V (Windows) e Command+V (Macintosh) sempre cola apenas texto (sem formatação) na Visualização de código.

  1. Adicione texto ao documento seguindo um destes procedimentos:
    • Extraia o texto de suas composições de PSD usando o painel Extract. Para obter informações detalhadas, consulte Copiar texto dos arquivos PSD.
    • Digite o texto diretamente na janela Documento.
    • Copie o texto de outro aplicativo, alterne para o Dreamweaver, posicione o ponto de inserção na Visualização de design da janela Documento e selecione Editar > Colar ou Editar > Colar especial.

    Ao selecionar Editar > Colar especial, selecione várias opções de formatação de colagem.

    Você também pode colar texto usando os seguintes atalhos de teclado:

     

    opção Colar

    Atalho de teclado

    Colar

    Control+V (Windows)

    Command+V (Macintosh)

    Colar especial

    Control+Shift+V (Windows)

    Command+Shift+V (Macintosh)

     

Inserir caracteres especiais

Determinados caracteres especiais são representados em HTML por um nome ou número, denominado entidade. O HTML inclui nomes de entidades para caracteres, como símbolo de direitos autorais (©), E comercial (&) e símbolo de marca registrada (®). Cada entidade possui um nome (como —) e um equivalente numérico (como —).

Observação:

O HTML usa os colchetes angulares <> em seu código, mas talvez seja necessário expressar os caracteres especiais de sinal de maior que ou sinal de menor que sem que o Dreamweaver os interpretem como código. Nesse caso, use &#38;gt; como sinal de maior (>) e &#38;lt; como sinal de menor (<).

Infelizmente, muitos navegadores mais antigos não exibem adequadamente várias das entidades denominadas.

  1. Na janela Documento, coloque o ponto de inserção no local em que deseja inserir um caractere especial.
  2. Siga um destes procedimentos:
    • Selecione o nome do caractere em Inserir > HTML > Caractere.

    • Na categoria HTML do painel Inserir, clique na opção Caracteres e selecione o caractere no menu pop-up.

    Observação:

    Há vários outros caracteres especiais disponíveis. Para selecionar um deles, selecione Inserir > HTML > Caractere > Outros... ou clique no botão Caracteres na categoria HTML do painel Inserir e selecione a opção Outros caracteres. Selecione um caractere na caixa de diálogo Inserir outro caractere e clique em OK.

Adição de espaço entre caracteres

O HTML permite apenas um espaço entre os caracteres. Para adicionar espaços extras em um documento, insira um espaço não separável. É possível definir uma preferência para adicionar automaticamente espaços não separáveis em um documento.

Inserção de um espaço não separável

  1. Siga um destes procedimentos:
    • Selecione Inserir > HTML > Caracteres especiais > Espaço não separável.

    • Pressione Control+Shift+Barra de espaços (Windows) ou Option+Barra de espaços (Macintosh).

    • No painel Inserir, selecione HTML, clique no botão Caracteres e selecione a opção Espaço não separável.

Defina uma preferência para adicionar espaços não separáveis.

  1. Selecione Editar > Preferências (Windows) ou Dreamweaver > Preferências (Macintosh).
  2. Na categoria geral, verifique se a opção Permitir vários espaços consecutivos está marcada.

Adicionar espaçamento do parágrafo

O Dreamweaver funciona da mesma forma que muitos aplicativos de processamento de texto: pressione Enter (Windows) ou Return (Macintosh) para criar um novo parágrafo. Os navegadores da Web inserem automaticamente um linha de espaço em branco entre os parágrafos. Você pode adicionar uma única linha de espaço entre os parágrafos inserindo uma quebra de linha.

Adicionar um retorno de parágrafo

  1. Pressione Enter (Windows) ou Return (Macintosh).

Adição de uma quebra de linha

  1. Siga um destes procedimentos:
    • Pressione Shift+Enter (Windows) ou Shift+Return (Macintosh).

    • Selecione Inserir > HTML > Caracteres especiais > Quebra de linha.

    • Do painel Inserir, selecione HTML, clique no botão Caracteres e selecione Quebra de linha.

Criar listas numeradas e com marcadores

Você pode criar listas numeradas (ordenadas), listas com marcadores (não ordenadas) e listas de definições a partir de um texto existente ou de um texto novo enquanto digita na janela Documento.

As listas de definições não usam caracteres à esquerda, como pontos de marcador ou números, e geralmente são usadas em glossários ou descrições. As listas também podem ser aninhadas. As listas aninhadas contêm outras listas. Por exemplo, você provavelmente precisará de uma lista ordenada ou com marcadores aninhada dentro de outra lista numerada ou ordenada.

Use a caixa de diálogo Propriedades da lista para definir a aparência de uma lista inteira ou de um item de lista individual. Você pode definir um estilo de número, redefinir a numeração ou definir opções de estilo de marcador para itens de lista individuais ou para uma lista inteira.

Criar uma lista

  1. No documento do Dreamweaver, coloque o ponto de inserção onde deseja adicionar uma lista e siga um destes procedimentos:
    • No Inspetor de propriedades HTML, clique no botão Lista ordenada ou Item de lista.

    • Selecione Inserir > HTML e selecione o tipo de lista desejado: Lista não ordenada (com marcadores), Lista ordenada (numerada).

      O caractere à esquerda do item de lista especificado aparece na janela Documento.

  2. Digite o texto do item de lista e pressione Enter (Windows) ou Return (Macintosh) para criar outro item de lista.
  3. Para concluir a lista, pressione Enter duas vezes (Windows) ou pressione Return duas vezes (Macintosh).

Criar uma lista usando um texto existente

  1. Selecione uma série de parágrafos para transformar em uma lista.
  2. Selecione Inserir > HTML > Lista não ordenada, Lista ordenada ou Item de lista.

Criar uma lista aninhada

  1. Selecione os itens de lista que você deseja aninhar.

  2. Clique com o botão direito do mouse e selecione Lista > Recuar.

    O Dreamweaver recua o texto e cria uma lista separada com os atributos HTML da lista original.

  3. Aplique um novo estilo ou tipo de lista ao texto recuado seguindo o mesmo procedimento usado acima.

Definir propriedades de uma lista inteira

  1. Na janela Documento, crie pelo menos um item de lista. O novo estilo será aplicado automaticamente aos itens extras que você adicionar à lista.
  2. Com o ponto de inserção no texto do item de lista, clique com o botão direito e selecione Lista > Propriedades. O sistema exibe a caixa de diálogo Propriedades da lista.

  3. Escolha as opções desejadas para definir a lista:

    Tipo de lista

    Especifica as propriedades de lista, enquanto Item de lista especifica um item individual em uma lista. Use o menu pop‑up para selecionar uma lista com marcadores, numerada, de diretórios ou de menus. Dependendo do Tipo de lista selecionado, diferentes opções aparecerão na caixa de diálogo.

    Estilo

    Determina o estilo de números ou marcadores usados em uma lista numerada ou com marcadores. Todos os itens da lista terão esse estilo, a menos que você especifique um novo estilo para os itens na lista.

    Iniciar contagem

    Define o valor do primeiro item em uma lista numerada.

  4. Clique em OK para definir as opções.

Definição das propriedades de lista de um item de lista

  1. Na janela Documento, coloque o ponto de inserção no texto de um item de lista que você deseja afetar.
  2. Clique com o botão direito e selecione Lista > Propriedades.

  3. Em Item de lista, defina as opções que deseja definir:

    Novo estilo

    Especifica um estilo para o item de lista selecionado. Os estilos no menu Novo estilo são relacionados ao tipo de lista exibido no menu Tipo de lista. Por exemplo, se o menu Item de lista exibir Lista com marcadores, somente as opções de marcador estarão disponíveis no menu Novo estilo.

    Redefinir contagem para

    Define um número específico a partir do qual as entradas de item de lista serão numeradas.

  4. Clique em OK para definir as opções.

Procura e substituição de texto

Para obter mais informações sobre como localizar e substituir texto, consulte Localizar e substituir texto.

Definir abreviações e acrônimos

O HTML fornece tags que permitem definir as abreviações e os acrônimos usados na página para mecanismos de pesquisa, verificadores ortográficos, programas de conversão de idioma ou sintetizadores de fala. Por exemplo, talvez seja necessário especificar que a abreviação EM na página significa engenharia mecânica ou que o acrônimo WHO significa World Health Organization.

  1. Selecione a abreviação ou o acrônimo no texto da página.
  2. Selecione Inserir > HTML > Objetos de texto > Abreviação ou Inserir > HTML > Objetos de texto > Acrônimo.
  3. Digite o texto completo do acrônimo ou da abreviação.
  4. Digite o idioma, como en para inglês, de para alemão ou it para italiano.

Definição das preferências de cópia e colagem

Você pode definir preferências de colagem especial como opções padrão ao usar Editar > Colar para colar texto de outros aplicativos. Por exemplo, se você deseja colar o texto sempre como apenas texto ou texto com formatação básica, defina a opção padrão na caixa de diálogo Preferências de cópia/colagem.

Observação:

Quando você colar texto em um documento do Dreamweaver, use o comando Colar ou Colar especial. O comando Colar especial permite especificar o formato do texto colado de diferentes formas. Por exemplo, se você deseja colar texto de um documento formatado do Microsoft Word no documento do Dreamweaver, mas deseja retirar toda a formatação para que possa aplicar sua própria folha de estilos CSS ao texto colado, selecione texto no Word, copie-o para a área de transferência e use o comando Colar especial para selecionar a opção que permite colar apenas texto.

Observação:

As preferências definidas na caixa de diálogo Preferências de cópia/colagem se aplicam apenas ao material colado na Visualização de design.

  1. Selecione Editar > Preferências (Windows) ou Dreamweaver > Preferências (Macintosh).
  2. Clique na categoria Copiar/colar.
  3. Defina as opções a seguir e clique em OK.

    Apenas texto

    Permite que você cole texto sem formatação. Se o texto original estiver formatado, toda a formatação, incluindo quebras de linha e parágrafos, será removida.

    Texto com estrutura

    Permite colar um texto que retenha a estrutura, mas não retenha a formatação básica. Por exemplo, você pode colar o texto e manter a estrutura de parágrafos, listas e tabelas, sem manter o negrito, o itálico e outras formatações.

    Texto com estrutura e formatação básica

    Permite colar um texto HTML estruturado e simples (por exemplo, parágrafos e tabelas, assim como um texto formatado com a tag b, i, u, strong, em, hr, abbr ou acronym).

    Texto com estrutura e formatação integral

    Permite colar um texto que retenha a estrutura, a formatação HTML e os estilos CSS.

    Observação:

    A opção Formatação integral não pode reter estilos CSS provenientes de uma folha de estilos externa nem reter estilos caso o aplicativo do qual você esteja colando os dados não retenha estilos após a colagem para a área de transferência.

    Reter quebras de linha

    Permite manter quebras de linha no texto colado. Esta opção estará desativada se você tiver selecionado Apenas texto.

    Limpar espaçamento de parágrafo do Word

    Selecione esta opção se tiver selecionado Texto com estrutura ou Texto com estrutura e formatação básica, e deseje eliminar espaço extra entre parágrafos ao colar o texto.

    Converter aspas inglesas em aspas retas converte aspas inglesas em aspas retas.

 Adobe

Receba ajuda com mais rapidez e facilidade

Novo usuário?

Adobe MAX 2024

Adobe MAX:
a conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX

A conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX 2024

Adobe MAX:
a conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX

A conferência da criatividade

14 a 16 de outubro, Miami Beach e online