Embed Size (px)
Citation preview
Módulo II – Domine a Internet
Introdução a InformáticaDCC - UFMG
Internet e Correio Eletrônico
Aula 1
O que é a Internet? Vasta rede global de computadores
conectados entre si por meio das redes de comunicação existentes.
Como conectar à Internet? É necessário:
computador modem linha telefônica provedor (ISP – Internet Service Provider) software básico de comunicação navegador
Histórico da Internet Surgiu de uma pequena rede experimental
de computadores: criada em 1969 pela Advanced Research
Projects Agency (Arpa) do Departamento de Defesa dos EUA.
Em 1980, foi dividida em outras duas: a Arpanet (pesquisa civil com fins militares); a Milnet, (fins militares)
A interligação dessas redes foi chamada de Defense Advanced Research Projects Agency Internetwork nome abreviado posteriormente para INTERNET.
A Internet Recursos básicos:
correio eletrônico listas de discussão www
Serviços de informação: bases de dados especializadas catálogos de bibliotecas repositórios de software de domínio público, jornais e
revistas eletrônicas, etc. Acesso a recursos de hardware especializados
como computadores de alto desempenho e processadores especializados.
O Navegador Um navegador (browser) é um
programa que instalado em seu computador permite que você visite sites na Internet, “navegando” entre eles.
Navegadores mais conhecidos: Netscape Navigator Internet Explorer.
O Navegador
Endereços Cada página Web tem seu endereço
URL (Universal Resource Locator ou Localizador Universal de Recursos).
Endereço da página inicial do departamento de Ciência da Computação da UFMG - http://www.dcc.ufmg.br.
Endereços das páginas Web
http://www.ufmg.br/ufmgcultura/index.htm
http:// Protocolo utilizado: Hypertext Transfer Protocol
www.ufmg.br indica o nome do "servidor“ O endereço do computador está registrado no
Brasil (.br) /ufmgcultura/index.htm
a barra (/) serve para separar o nome do servidor do nome e diretório da página web
Endereços
Navegação
Link
Voltar
Para frente
Endereço
Link visitado
Uma Página As páginas são construídas usando
linguagens de marcação. A mais conhecida é chamada HTML
(HyperText Markup Language – linguagem de marcação para páginas da Web).
A Linguagem HTML Série de comandos que identificam os
elementos em uma página, por exemplo, um texto, imagem ou arquivo de multimídia.
A Linguagem HTML (Exemplo)
A Linguagem HTML (Exemplo)
<HTML><title>Tags HTML Básicas</title><BODY>
Eu sou uma página html <p><a href="teste.html">
Eu sou um link</a></p>
</BODY></HTML>
Tags HTML
Tag Descrição
HTML Marcam o início e o fim do documento
BODY Corpo da página
TITLE Título da página
a Delimita links e imagens. A palavra href representa o endereço da página a ser exibida quando o link é clicado. Se a página estiver no mesmo diretório da atual, basta colocar o nome do arquivo.
p Parágrafo
Tipos de arquivos na Internet
Arquivos de diversas mídias: sons imagens vídeo
A velocidade de acesso tem aumentado consideravelmente, o que facilita a disseminação dessas mídias pela Internet.
Correio Eletrônico (E-mail) Ferramenta mais antiga e uma das
mais simples da Internet. Possibilita que a troca de mensagens
com qualquer pessoa em qualquer parte do mundo.
Cada pessoa deve ter um endereço de e-mail.
Por que utilizar o e-mail?
Enviando mensagens É necessário:
Conectar-se à Internet; Cadastrar-se em um servidor de correio
eletrônico. Ter um programa de correio eletrônico
compatível com seu computador; Saber o endereço de correio eletrônico do
destinatário.
Como as mensagens são enviadas
Elementos que compõem um endereço de e-mail
nome_usuario@onde_fica_sua_caixa_postal
Prefixo: referente à pessoa ou instituição
Sufixo: refere-se ao servidor de e-mail onde sua caixa postal é armazenada
Exemplo: [email protected]
Elementos de uma mensagem de e-mail
Destinatário
Assunto
Endereços enviar cópia
Texto
Mensagem Recebida
Remetente
Data/horário de envio
Assunto
Texto
Endereços cópia
Vantagens e desvantagens
Vantagens Baixo custo Rapidez Possibilidade de envio de arquivos
anexos Desvantagens
Menor privacidade
Comportamento e ética Procure enviar mensagens curtas e
concentradas em um único assunto. Cuidados com a apresentação, a
ortografia e a gramática são importantes. Tente evitar o uso de siglas. Procure utilizar letras maiúsculas e
minúsculas. Não envie mensagens de conteúdo
irrelevante para várias pessoas (SPAM).
Pesquisa na Internet
Aula 2
Motivação Grande número de páginas na Web Nem sempre é possível saber o
endereço exato das páginas que você procura.
Solução: Utilizar ferramentas de busca
Ferramentas de busca Utilizadas para se encontrar a
informação desejada. Provêm facilidade e rapidez em se
encontrar diferentes tipos de informação.
Dividem-se em 3 grupos: diretórios máquinas de busca meta máquinas de busca
Diretórios Bancos de dados hierárquicos com
referências para páginas web. Úteis quando se tem apenas uma
idéia geral do que está procurando Exemplos:
Yahoo (www.yahoo.com) Cadê (www.cade.com.br).
Diretórios - Exemplo
Máquinas de busca Vasculham a Internet procurando por novas
páginas. Cobrem boa parte da Web. Devem ser a primeira escolha quando você
sabe exatamente o que está procurando. Exemplos:
AltaVista (www.altavista.com) TodoBr (www.todobr.com.br) Google (www.google.com).
Máquina de Busca - Exemplo
Máquina de Busca - Exemplo de Resultado
Meta máquinas de busca Pesquisam em várias máquinas e
diretórios de busca ao mesmo tempo. Tentam extrair as informações mais
relevantes. Retornam apenas parte dos resultados
obtidos por cada ferramenta de busca. Exemplo:
Meta Miner (miner.bol.com.br/metaminer.html)
Meta máquinas de busca – Exemplo
Palavra chave É o conjunto de termos que você
utiliza em uma busca. Influencia diretamente os resultados
da pesquisa. Deve ser composta por termos
específicos: “bacalhau” em vez de “peixe” “palio” em vez de “carro”
Pesquisa Avançada Motivação:
Pode-se obter um número extremamente grande de páginas como resultado.
Muitas destas podem não ser relacionadas com o seu real interesse.
Para restringir os resultados da pesquisa: Utilizar a seção de pesquisa ou busca
avançada.
Operadores Booleanos Suponha que você goste de pizza com
mussarela, presunto, sem azeitonas e nem cebola e que você deseja pesquisar por este sabor de pizza na Internet.
pizza E mussarela E presunto E NÃO azeitonas E NÃO cebola
Operadores Booleanos A expressão pizza E mussarela só é
verdadeira se existir pizza e mussarela.
A expressão pizza E NAO mussarela só é verdadeira se existir pizza e não existir mussarela.
Operadores Booleanos Caso você goste também de lombinho
canadense e não se importe caso o presunto seja substituído por este ingrediente você pode usar o operador OU.
pizza E mussarela E (presunto OU lombinho) E NÃO azeitonas E NÃO cebola
Operadores Booleanos A expressão presunto OU lombinho é
verdadeira se existir presunto, lombinho ou ambos.
Operadores Booleanos O que aconteceria se você não
utilizasse os operadores Booleanos E, OU e NÃO e utilizasse a seguinte expressão para pesquisa?
pizza mussarela presunto lombinho azeitonas cebola
Representação Gráfica de uma Pesquisa
Pesquisas podem ser representadas graficamente através de diagramas de Venn.
Esses diagramas são uma forma de representar conjuntos.
Interseção – Operador E
Estrela Lua
Estrela E Lua
União – Operador OU
Estrela Lua
Estrela OU Lua
Complemento - Operador NAO
Estrela Lua
Estrela E NÃO Lua
Frases Exatas “Rio de Janeiro”
Retorna páginas que contenham Rio de Janeiro
Rio de Janeiro Retorna páginas que contenham as
palavras Rio, de e Janeiro, mesmo que estas palavras não estejam próximas.
Símbolos matemáticos São uma representação simplificada
dos operadores booleanos. Exemplo: + pizza + mussarela +
presunto - azeitonas – cebola Significado:
(+) Equivale ao E. (-) Equivale ao E NÃO.
Maiúsculas e Minúsculas Consideradas por algumas máquinas
de busca. amazonas:
Retorna Amazonas, amazonas, AMAZONAS
Margarida Retorna apenas Margarida
Conclusão – Ferramentas de Busca
São extremamente úteis para se encontrar informações na Internet.
Não cobrem toda a Web. Deve-se utilizar mais de uma. Suas necessidades definem qual é a
mais adequada.
Hipermídia
Aula 3
Introdução Hipertexto é basicamente o mesmo
que um texto regular. Pode ser armazenado, lido, ou editado. Contém conexões dentro do texto para
outros documentos. Hipermídia pode ser uma expansão
do conceito de hipertexto que contempla outras mídias.
Hipermídia Considerada como uma ferramenta
para a aprendizagem. Bastante adequada para aplicações
educacionais. Vantagens:
Flexibilidade Grande capacidade de exploração de
informações relevantes.
HTML - Hyper Text Markup Language
Linguagem que permite criar páginas web. Uma página web é um texto contendo uma
série de comandos HTML. Permite a qualquer pessoa criar facilmente
o seu conteúdo para a web utilizando texto, imagem, som e vídeo.
Esse conteúdo pode depois ser visto por qualquer pessoa que esteja navegando na Internet.
HTML Editores de páginas HTML
Facilitam o processo de criação. Não são necessários.
Os comandos, conhecidos por diretivas ou tags, controlam a maneira como o conteúdo de uma página vai aparecer.
Exemplo de código HTML
<html> <head>
<title>Meu primeiro Hipertexto</title> </head>
<body> Este é o meu primeiro documento
hipertexto escrito na linguagem HTML. </body>
</html>
Exemplo de página HTML
Diretivas Trechos especiais de texto, geralmente
destacados por algum caracter delimitador.
Controlam ou alteram a maneira em que as diversas partes de um documento são apresentadas.
Os caracteres que delimitam as diretivas HTML são: < (menor) e > (maior). <TITLE>, <HEAD>, <P>, <BR>
Diretivas HTML Não são sensíveis ao tipo de caixa, portanto,
as seguintes são diretivas válidas: <Title>, <HeAd>, <P>, <br>
Não deve haver espaço em branco nem quebra de linha entre o sinal de menor < e o nome da diretiva. Por exemplo, as seguintes codificações não são permitidas: < TITLE> <
P>
Diretivas HTML Uma diretiva:
Não é visualizada literalmente. É identificada e interpretada pelo navegador. Produz algum efeito visual ou de estrutura
lógica no documento hipertexto. Qualquer outra informação que não seja
uma diretiva, deve ser um texto, que faça parte do conteúdo do documento. <P> Este parágrafo ... </P>
Diretivas HTML Existe uma diretiva para iniciar e outra para
finalizar uma determinada especificação. <title>Minha página</title>
Todo par de diretivas representa alguma especificação. <html> e </html> indica o começo e o fim do
documento hipertexto em HTML <head> e </head> indica o começo e o fim do
cabeçalho do documento <body> e </body> especifica o começo e o fim
do corpo do documento HTML.
Forma geral do documento
<html> <head>
[cabeçalho do documento] </head> <body>
[corpo do documento] </body></html>
Comentários Informações que são propositalmente
ignoradas pelo navegador, mas que são de interesse do desenvolvedor.
Em HTML, é possível inserir comentários em qualquer parte do código.
Estas informações devem estar entre <!-- e >. <!-- Este é um comentário >
Cabeçalhos em HTML Existem seis níveis de cabeçalhos:
<h1>, <h2>, <h3>, <h4>, <h5> e <h6> As diretivas especificam o tamanho da letra
utilizada para exibir o texto, na ordem decrescente de tamanho.
Exemplo:<h1>Programação HTML</h1><h2>Conceitos Básicos</h2>Esta seção tratará de ...
Exemplo de cabeçalho
Parágrafos em HTML <P> … </P>
diretiva para definição de parágrafos que promove a quebra e o espaçamento desses.
Exemplo: <p>Este é o primeiro
parágrafo.</p><p> Este é o segundo parágrafo.</p>
Exemplo de parágrafos
Quebra de linha Para quebra de linha, use a diretiva
<br>. Não possui diretiva de fechamento.
Provoca apenas a quebra da linha, mas não inicia um novo parágrafo.
Exemplo: <p> Esta é a primeira linha. <BR> Esta é
a segunda linha.</p>
Exemplo de quebra de linha
Listas em HTML A linguagem HTML permite produzir
categorias distintas de listas. Listas enumeradas:
Definidas pelas diretivas <ol> e </ol>. Listas não enumeradas:
Utilizam as diretivas <ul> e </ul>.
Exemplos de códigos de listas
Lista numerada<ol> <li>Conceitos Básicos</li> <li>Apresentação da
Teoria</li> <li>Conclusão</li>
</ol>
Lista não numerada
<ul> <li>Definição</li> <li>Propriedades</li> <li>Resultados</li>
</ul>
Exemplo lista numerada
Lista não numerada
Hiperligações em HTML A diretiva que representa
hiperligações em HTML é da forma: <a href="[url]"> [referência]</a>
Exemplo: Visite a <a
href="http://www.bol.com.br"> página do BOL</a>
Exemplo de hiperligações
Âncoras em HTML Utilizadas para inserir hiperligações
que referenciam um trecho da sua própria página.
Ao se clicar na palavra destacada como um link um trecho da mesma página será exibido.
Útil em um documento grande.
Exemplo de código com Âncoras
Exemplo:Veja mais detalhes sobre <a href="#ref_Excel"> planilhas eletrônicas</a>
<a name="ref_Excel"><h3>Cabeçalho do texto</h3></a>
Exemplo de âncora
