31
Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7 9ºC Carolina Fernandes nº19 9ºC Professora: Marlene Amorim Agrupamento de Escolas da Cidadela

Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

Embed Size (px)

Citation preview

Page 1: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

Evolução da Internet e da World Wide Web

Ana Rita Nunes nº2 9ºCAna Sara Oliveira nº3 9ºCDaniela Pereira nº7 9ºC Carolina Fernandes nº19 9ºC

Professora: Marlene AmorimAgrupamento de Escolas da Cidadela

Page 2: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

ÍndiceIntroduçãoCorreio eletrónicoHtmlConclusãoNetgrafia

Page 3: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

Introdução Neste trabalho, iremos desenvolver dois dos 12

temas propostos para o trabalho sobre a Internet. Iremos desenvolver os temas: Correio Eletrónico e o HTLM. Sobre este dois temas falaremos das suas definições, as características e funcionalidades.

Page 4: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

1.Correio Eletrónico Definição É um método que permite compor,

enviar e receber mensagens através de sistemas eletrónicos de comunicação.

Características:- permite enviar e receber ficheiros em minutos- é rápido

Page 5: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

1.Correio EletrónicoProgramas de Correio Eletrônico

Os programas de correio eletrônico devem ser compatíveis com seu computador.

Uma característica comum dos programas de correio eletrônico é que eles permitem que se envie e receba-se mensagens e depois organize-as.

Os principais programas são fornecidos gratuitamente pela Microsoft e pela Netscape.

Page 6: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

1.Correio EletrónicoEndereços de Correio Eletrônico:

Um endereço de correio eletrônico, possui todos os dados de identificação necessários para enviar uma mensagem a alguém.

Ele é composto de uma parte relacionada ao destinatário da mensagem ( o que vem antes do caractere @ e de uma parte relacionada com a localização do destinatário, o que vem após o caractere @).

Page 7: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

1.Correio EletrónicoFormação de um endereço eletrônico

nome do usuário@nome do domínioexemplo:[email protected]

O símbolo @ é lido como "arroba" em português e "at" em inglês.

Aconselha-se a reduzir a possibilidade de homónimos (nomes de usuário em duplicidade), formar o nome de usuário com prenome. sobrenome. O nome do domínio é fornecido pelo provedor de acesso a Internet.

Page 8: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

1.Correio EletrónicoO que pode ser feito através do correio eletrônico

? Solicitar arquivos; Solicitar informações; Fazer pesquisas; Enviar comandos a computadores remotos que

realizam tarefas para você; Enviar mensagens; Ler mensagens; Imprimir mensagens.

Page 9: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

1.Correio EletrónicoComo enviar mensagens?

A forma de enviar uma mensagem vai depender do programa que está a ser utilizado no computador. Para obter maiores dever-se-á ler a documentação específica do produto. Poder-se-á escrever as mensagens sem estar conectado na rede e posteriormente enviá-las . Para isso terá de abrir o correio eletrônico e configurar para trabalhar em offline, ou desabilitar a opção Imediate Send ou equivalente.

Page 10: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

1.Correio EletrónicoComo preencher o endereço?

To-destinatário

Cc - cópia carbono - significa que a carta ou e-mail atual que está a ser enviado igualmente para outra(s) pessoa(s), embora estas não sejam os destinatários diretos da mesma.

Bcc – (cópia oculta) refere-se à prática de enviar uma mesma mensagem a vários destinatários de tal maneira que eles não conheçam uns aos outros.

A lista de destinatários das cópias ocultas é definida no campo "Cco" (com cópia oculta) presente no cabeçalho do e-mail.

Page 12: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

1.Correio EletrónicoComo receber mensagens?

Os comandos que se irão utilizar e variar de acordo com o programa de correio eletrónico que se irá utilizarAlgumas conselhos:

1. Para se ler uma mensagem dever-se-á dar um duplo clique na mesma ou clicar uma vez e dar ENTER

2. Depois das mensagens serem lidas dever-se-á organizar a caixa. As mensagens que se lerem guardam-se e cria-se pastas com o nome do assunto, as que não se precisar coloque no lixo (DELETE).

Page 13: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

1.Correio EletrónicoComo enviar um arquivo?

Pode-se escrever uma mensagem e querer enviar junto a esta mensagem um ou mais arquivos anexos, como documentos em arquivos – texto, imagens, músicas, etc..

Atenção: Arquivos muito grandes devem ser enviados "zipados". Desta maneira diminuir-se-á o tamanho dos arquivos , acelerando a sua velocidade de transmissão.

Page 14: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

1.Correio EletrónicoEtiqueta no uso do correio eletrônico:

Evitar enviar mensagens com acentos pois dependendo do programa não é possível entender.

A linguagem informal é muito utilizada e bem aceite. Evitar calão, insultos ou mensagens que não se queira tornar pública.

Evitar escrever o texto com letras maiúsculas.

Page 15: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

2.HTLMO HTML é uma abreviação de

HyperText Markup Language, que em português significa Linguagem de marcação de Hipertexto. O HTML trabalha com tags (etiquetas).

Page 16: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

2.HTLMO sistema de tags funcionam na seguinte maneira:

Abre-se assim:• <tag>

E fecha-se assim:• </tag>

Exemplo:

<tag>Conteúdo da tag</tag>

Page 17: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

2.HTLMUma tag HTML pode conter outra tag dentro

dela, e quantas forem necessárias, exemplo:

<tag> <outraTag>texto</outraTag></tag>

Algumas tag's possuem imagem exemplo:

<img src=“transferida.jpg" />

Page 18: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

2.HTLM

Principais tags HTML

HTML – <html> </html>Tag responsável por definir o início de um documento HTML e seu fim. Logo deve ser aberta no início do documento e fechado no seu final.

Page 19: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

2.HTLM

Principais tags HTML

HEAD – <head></head>Tag que define o início e o fim do cabeçalho do documento.

Page 20: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

2.HTLM

Principais tags HTML

BODY – <body></body>Tag onde se põe tudo o que nos queremos que fique visível na pagina.

Page 21: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

2.HTLMCabeçalho <head>

TITLE – <title>título da página</title> é onde se põe o titulo da pagina

<meta name="description" content=“…………..(resumo)…….." /> Aqui entra o resumo sobre a página. É recomendável não ultrapassar os 160 caracteres neste texto

Page 22: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7
Page 23: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

2.HTLM

Corpo da página – <body>

<h1></h1>– O H1 é utilizado para marcar um título. Pode ir de 1 a 6 ou seja pode ser: <h1></h1>, <h2></h2>,…<h6></h6>. Mas é recomendavel utilizar so <h1></h1> para a pagina ter um só titulo

Page 24: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

2.HTLM

Corpo da página – <body>

<p></p>– O P é utilizado para definir um parágrafo.

<u></u>– A tag U é usada para sublinhar uma palavra.

Page 25: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

2.HTLM

Corpo da página – <body>

<Strong></Strong>– O STRONG é utilizado para escrever um texto em negrito

<em></em>– A tag EM é utilizada para deixar um texto em itálico

Page 26: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

2.HTLMCorpo da página – <body>

<br />– A tag BR é utilizada para deixar uma linha em branco.

<ul></ul> – <ol></ol> – <li></li>– Os tags UL e OL são usados para iniciar uma lista, o <ul> é para uma lista sem enumeração e <ol> para uma lista com enumeração. Para cada elemento dessa lista é utilizado <li>.

Page 27: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

2.HTLM

Corpo da página – <body>

<img />- serve para introduzir uma imagem na pagina

<form></form>– A tag FORM serve para demarcar a área de um formulario.

Page 28: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

2.HTLM

Corpo da página – <body>

<table></table> – <td></td> – <tr></tr> – A tag TABLE é usada para demarcar uma tabela. As linhas são marcadas com a tag TR enquanto as colunas ficam com a tag TD. Um <td colspan="2"></td> significa que aquela coluna vai ocupar o espaço de duas colunas.

Page 29: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

<!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>Título da página</title><meta name="description" content="Sou o description da página. Uma breve descreição" /><link href="css/estilo.css" type=text/css rel=stylesheet><!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--></head><body><header> <a href="/"><img src="logo.jpg" alt="Logo site" width="200" height="50"></a>  <nav>    <ul>      <li><a href="/">Home</a></li>      <li><a href="clientes.html">Clientes</a></li>      <li><a href="empresa.html">Empresa</a></li>      <li><a href="contato.html">Contato</a></li>    </ul>  </nav></header><section>  <h1>Sou o título da página</h1>  <h2>Sou um subtitulo</h2>  <p>Sou um conteúdo comum.  <em>Estou em italico</em>.  <b>Estou em negrito</b>  <u>Estou sublinhado</u></p></section><footer>Sou o rodapé</footer><script src="js/javascript.js" type="text/javascript"> </script></body></html>

Page 30: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

Conclusão

Page 31: Evolução da Internet e da World Wide Web Evolução da Internet e da World Wide Web Ana Rita Nunes nº2 9ºC Ana Sara Oliveira nº3 9ºC Daniela Pereira nº7

Netgrafiahttp://www.linhadecodigo.com.br/

artigo/81/html-basico.aspx