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.

Adição de 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)

     

Inserção de 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).

    • Do 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.

Adição do 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.

Adição de 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.

Criação de 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.

Criação de uma nova 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).

Criação de 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.

Criação de 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.

Definição das 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.

Definição de 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 reter a estrutura de parágrafos, listas e tabelas, sem reter 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.

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