>> Tecnologia eletrônica >  >> Lar inteligente >> Vida Inteligente

Como criar e-mail HTML no Dreamweaver


O Dreamweaver, a ferramenta de desenvolvimento da Web da Adobe, permite que você crie qualquer tipo de documento HTML, como uma página da Web ou uma mensagem de e-mail. Se você estiver familiarizado com a escrita de marcação HTML, poderá usar a visualização de código para digitar um email com tags HTML. Se você preferir estilizar o e-mail visualmente, o Dreamweaver oferece a maior parte dos recursos de formatação oferecidos por um programa de processamento de texto. Você também pode selecionar a visualização Dividida para ver as visualizações Código e Exibição simultaneamente na mesma tela.

Estabelecer formatação

Etapa 1


Inicie o Dreamweaver e selecione "HTML" na coluna Criar novo.

Etapa 2


Clique no botão "Design" na parte superior para mudar da visualização de código para a visualização de design se o design ainda não estiver selecionado.

Etapa 3


Clique no botão "Propriedades da página..." na janela Propriedades na parte inferior da tela e selecione a fonte e o tamanho padrão, a cor do texto, a cor de fundo ou imagem, se houver, e as margens da página.

Etapa 4


Escolha "Links (CSS)" na coluna Categoria e selecione a fonte, o tamanho e a cor dos links na mensagem com base na posição do mouse, como rollover, e no status do link, como ativo ou visitado. Escolha um estilo de sublinhado para links na mensagem.

Etapa 5


Clique em ":Cabeçalhos (CSS)" na coluna Categoria e, em seguida, escolha a fonte, o tamanho e a cor dos diferentes cabeçalhos que deseja usar em sua mensagem.

Etapa 6


Selecione "Título (Codificação)" na coluna Categoria, digite um título para seu documento, como o assunto da mensagem, e escolha o tipo de documento, como "HTML5" e a codificação de caracteres, como "Unicode (UTF-8 )." Selecione "OK" quando terminar.

Digite e formato da mensagem

Etapa 1


Digite sua mensagem de e-mail na tela em branco. Formate o texto aplicando estilos da janela Propriedades na parte inferior da tela enquanto você digita sua mensagem ou após terminar de digitá-la.

Etapa 2


Selecione um tipo de título na caixa Formato da janela Propriedades para estilizar o texto como um cabeçalho. Clique em "B" para deixar o texto em negrito ou em "I" para fazê-lo aparecer em itálico.

Etapa 3


Realce o texto em sua mensagem que você deseja estilizar como uma lista não ordenada ou ordenada e, em seguida, clique no botão "Lista Não Ordenada" ou "Lista Ordenada" na janela Propriedades. Escolha o botão "Blockquote" para formatar o texto como uma citação em bloco; escolha o botão "Remover Blockquote" para remover a formatação.

Etapa 4


Realce o texto que você deseja transformar em um link clicável e digite a URL do link na caixa Link na janela Propriedades. Selecione como deseja que o link seja aberto na caixa de seleção Destino. Por exemplo, escolha "_blank" para forçar a abertura do link em uma nova janela.

Etapa 5


Selecione "Inserir" e clique em "Tabela" para inserir uma tabela em sua mensagem. Selecione o número de linhas e colunas, especifique a largura da tabela e insira a espessura da borda. Digite o número de espaços que você deseja usar para preencher as células da tabela e espaçar entre as células da tabela. Digite uma legenda e um resumo da tabela se quiser incluí-los e clique em “OK”. Digite o texto na tabela que aparece na tela.

Etapa 6


Selecione “Inserir”, clique em “Imagem” e selecione “Imagem” novamente para inserir uma imagem. Localize e selecione o arquivo de imagem a ser exibido. Ajuste o posicionamento da imagem em sua mensagem arrastando-a com o mouse.

Visualizar e transferir

Etapa 1


Selecione "Arquivo", clique em "Visualizar no navegador" e escolha um navegador se você tiver vários navegadores instalados para visualizar o email e sua formatação. Clique nos hiperlinks incluídos na mensagem para garantir que eles sejam resolvidos corretamente.

Etapa 2


Pressione “Ctrl-A” para selecionar a mensagem inteira e, em seguida, pressione “Ctrl-C” para copiá-la. Mude para o seu programa de e-mail, crie uma nova mensagem de e-mail e altere o tipo de mensagem para "HTML", se necessário.

Etapa 3


Pressione "Ctrl-V" para colar a mensagem em seu programa de e-mail. Encaminhe a mensagem para seus destinatários, digite um assunto para a mensagem e envie-a.

Dica


Teste o e-mail enviando-o para si mesmo antes de enviá-lo para outras pessoas para garantir que o HTML foi interpretado e enviado corretamente.

Aviso


As informações neste artigo se aplicam ao Dreamweaver CC. Pode variar ligeiramente ou significativamente com outras versões ou produtos.