11- Correio eletrônico x html - formatação iniciantes


"Clique em cima da flechinha e arraste para marcar o passo do tutorial onde está trabalhando"






11- Correio eletrônico x html

Nesta aula vamos ter um primeiro contato com a linguagem HTML. Não vamos nos aprofundar no assunto, somente ver o que nos interessa para formatar um e-mail.



A  - Tanto no correio eletrônico  OE Classic quanto no  correio eletrônico Win Mail essa ferramenta fica no mesmo lugar.
1 - Abra seu OE Classic ou seu  Win Mail e clique em (create E-mail) ou criar e-mail:

  

2 - clique na abinha origem:


 ou


3 - Você verá o código fonte. Esse código está em linguagem HTML.


 ou


 Mas afinal o que é HTML? 
HTML é a acrossemia de HyperText Markup Language, é uma das linguagens utilizadas para desenvolver páginas na internet. Existem outras linguagens mais avançadas porém dificilmente você verá um site que não utilize HTML, e o mais comum é encontrar sites que utilizam somente HTML.
Todo documento HTML é composto de Tags, cada uma com uma função diferente. Este é o nome dados aos comandos HTML ( palavras chaves) e estão contidas entre os sinais < (menor que) e > ( maior que).
Perceba que sua mensagem começa com a tag <HTML> e termina com </HTML> . A barra " / " sinaliza o fechamento da tag.
•A tag <HEAD> - indicam o início e </HEAD>  o fim de uma seção de cabeçalho para a página.
•A tag <BODY> pode possuir atributos, tais como: TEXT, BGCOLOR, LINK, VLINK e BACKGROUND.
Nas formatações de e-mails encontraremos com mais frequência:
•BGCOLOR = indica a cor do fundo da página Ex.<BODY bgColor=#ffffff.
•BACKGROUND = indica a imagem, o papel de carta, o fundo do e-mail (ou da página).
 Ex. background= "endereço da imagem">
•<FONT> e seu correspondente </FONT> - onde é definido o tamanho, cor e tipo de fonte.
 Seus atributos são:
•<FONT size= "tamanho"> - define o TAMANHO da fonte
<FONT color= "cor"> - define a COR da fonte
<FONT face= "tipo"> - define o TIPO da fonte (arial, verdana, etc.)
<TABLE> e seu correspondente </TABLE> - delimita uma tabela dentro de sua mensagem
<BGSOUND> - responsável pela música de sua mensagem (MIDI, WAV e .AU).
Essa tag deve ser colocado entre <head></head> e sua sintaxe é <bgsound src="musica.mid" loop=x> onde o atributo "loop" controla a quantidade de vezes que a música é tocada.
 Nos próximos tutoriais estudaremos separadamente cada item que nos será importante na formatação.

 



C11 - Abra seu correio eletrônico, clique na abinha de Origem Ou código e faça um print screen do código fonte de sua  mensagem e envie para o grupo.
Em caso de  é só perguntar, que teremos maior prazer em responder.
 



Coloque no "Assunto" o seu nome ou nick, seguido do número e título da aula;
Na parte inferior da mensagem coloque o endereço do tutorial.


Copyright© 2002/2012 Dama Da Noite * Todos os direitos reservados * 
Com base no tutorial original criado pela Bris@, em 2005.
Esse tutorial foi repaginado por Loivarice com auxilio de Dilma, Maria Correia,Lúcia (Iluminadinha), para novo sistema windows em 2018. Especialmente para o Grupo PSPBrasil.
É expressamente proibida, por lei, a divulgação desta página em outro site ou qualquer outro modo de veiculação sem a autorização expressa da autora ou dos detentores de copyright do texto, da formatação e dos demais elementos que compõem a página.
Direitos Autorais protegidos pela Lei 9.610 de 19/02/1998.


Nenhum comentário:

Postar um comentário

Para se inscrever nas listas clique nos títulos de cada grupo na página inicial. Comece com as aulas de PSP, depois continue com o PSP + AS, e se quiser siga com o Xara e a Formatação para criar belos e-mails.
Deixe aqui suas opiniões e seja sempre bem-vindo(a).