>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Criar Email HTML no Dreamweaver

Dreamweaver, ferramenta de desenvolvimento web da Adobe, permite criar qualquer documento HTML: página web ou email. Se conhece marcação HTML, use visualização Código para digitar email com tags. Se prefere estilizar visualmente, Dreamweaver oferece formatação similar a processador de texto. Também pode usar visualização Dividida para ver Código e Design simultaneamente.

Estabelecer Formatação

Passo 1

Inicie Dreamweaver e selecione "HTML" na coluna "Criar Novo".

Passo 2

Clique botão "Design" no topo para mudar de Código para Design se não selecionado.

Passo 3

Clique "Propriedades da Página..." na janela Propriedades na base, selecione fonte/tamanho padrão, cor do texto, cor/imagem de fundo, margens.

Passo 4

Escolha "Links (CSS)" na coluna Categoria, selecione fonte/tamanho/cor dos links baseados em posição do mouse (rollover) e status (ativo/visitado). Escolha estilo de sublinhado para links.

Passo 5

Clique "Títulos (CSS)" na Categoria, escolha fonte/tamanho/cor para diferentes cabeçalhos na mensagem.

Passo 6

Selecione "Título (Codificação)" na Categoria, digite título (ex: assunto), escolha tipo de documento (ex: "HTML5") e codificação (ex: "Unicode (UTF-8)"). Clique "OK".

Digitar e Formatar Mensagem

Passo 1

Digite email na tela em branco. Formate aplicando estilos da janela Propriedades enquanto digita ou após terminar.

Passo 2

Selecione tipo de cabeçalho na caixa Formato da Propriedades para estilizar texto como header. Clique "N" para negrito ou "I" para itálico.

Passo 3

Destaque texto para lista não ordenada/ordenada, clique botão "Lista Não Ordenada" ou "Lista Ordenada" nas Propriedades. "Citação" para bloco de citação; "Remover Citação" para remover formatação.

Passo 4

Destaque texto para link clicável, digite URL na caixa Link nas Propriedades. Selecione como abrir em Target. Ex: "_blank" para nova janela.

Passo 5

Selecione "Inserir" > "Tabela" para inserir tabela. Defina linhas/colunas, largura, espessura borda. Espaços para preenchimento interno e espaçamento entre células. Legenda e resumo se quiser. Clique "OK". Digite texto na tabela.

Passo 6

Selecione "Inserir" > "Imagem" > "Imagem" para inserir figura. Localize e selecione arquivo. Ajuste posição arrastando com mouse.

Visualizar e Transferir

Passo 1

Selecione "Arquivo" > "Visualizar no Navegador" > escolha navegador se múltiplos. Visualize email e formatação. Clique hyperlinks para verificar se resolvem corretamente.

Passo 2

Pressione "Ctrl+A" para selecionar tudo, "Ctrl+C" para copiar. Mude para programa de email, crie nova mensagem, mude tipo para "HTML" se necessário.

Passo 3

Pressione "Ctrl+V" para colar. Enderece destinatários, digite assunto, envie.

Dica

Teste enviando para si mesmo antes de enviar a outros para garantir HTML interpretado e enviado corretamente.

Aviso

Informações aplicam-se ao Dreamweaver CC. Podem variar com outras versões/produtos.