HTML é uma linguagem de marcação para definir o estilo de documentos da web.
Crédito da imagem: Janka Dharmasena / iStock / Getty Images
O Dreamweaver, ferramenta de desenvolvimento da Adobe para a Web, permite criar qualquer tipo de documento HTML, como uma página da Web ou mensagem de e-mail. Se você está familiarizado com a escrita de marcação HTML, pode usar a visualização Código para digitar um e-mail com tags HTML. Se você preferir estilizar o e-mail visualmente, o Dreamweaver fornece a maior parte dos recursos de formatação que um programa de processamento de texto oferece. Você também pode selecionar a visualização Split para ver as visualizações Code e Display simultaneamente na mesma tela.
Estabelecer formatação
Passo 1
Inicie o Dreamweaver e selecione "HTML" na coluna Criar novo.
Vídeo do dia
Passo 2
Clique no botão "Design" na parte superior para mudar da visualização Code para a visualização Design se 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 ou imagem de fundo, se houver, e a página margens.
Passo 4
Escolha "Links (CSS)" na coluna Categoria e selecione a fonte, o tamanho e a cor dos links no 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, a seguir, 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 o seu documento, como o assunto da mensagem e em seguida, escolha o tipo de documento, como "HTML5" e a codificação de caracteres, como "Unicode (UTF-8)". Selecione "OK" quando feito.
Digite e formate a mensagem
Passo 1
Digite sua mensagem de e-mail na tela em branco. Formate o texto aplicando estilos da janela Propriedades na parte inferior da tela conforme você digita sua mensagem ou após terminar de digitá-la.
Passo 2
Selecione um tipo de título na caixa Formato da janela Propriedades para definir o estilo do texto como cabeçalho. Clique em “B” para colocar o texto em negrito ou “I” para fazê-lo aparecer em itálico.
etapa 3
Realce o texto em sua mensagem que deseja estilizar como uma lista não ordenada ou ordenada e, a seguir, 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.
Passo 4
Realce o texto que deseja transformar em um link clicável e digite o 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 o link a abrir 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 deseja usar para preencher dentro das células da tabela e para espaçar entre as células da tabela. Digite uma legenda e um resumo da tabela se desejar incluí-los e clique em “OK”. Insira 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.
Pré-visualizar e transferir
Passo 1
Selecione "Arquivo", clique em "Visualizar no navegador" e, a seguir, escolha um navegador se tiver vários navegadores instalados para visualizar o e-mail e sua formatação. Clique nos hiperlinks incluídos na mensagem para verificar se eles são resolvidos corretamente.
Passo 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, a seguir, 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. Dirija a mensagem aos destinatários, digite um assunto para a mensagem e envie-a.
Dica
Teste o e-mail enviando-o a você mesmo antes de enviá-lo a 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.
