Introdução à Web Prof. Esp. Andrew Rodrigues http://andrewtec.wordpress.com 1
Introdução à Web
Prof. Esp. Andrew Rodrigues
http://andrewtec.wordpress.com
1
Internet
• O que é a Internet?
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Internet
• Não é uma organização, empresa, instituição ou
local definido;
• Não há controle centralizado, não há gerência;
• Não tem uma central definida ou um dono que a
administre e controle;
• Todas as pessoas conectadas a ela têm direitos e
deveres iguais;
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Internet
4
• Conectividade total entre dois pontos Comunicação
entre todos os clientes da rede;
• Acesso a milhares de bases de dados no mundo;
• Discussão de assuntos dos mais variados tipos;
• Oferecimento de produtos, acesso a revistas e
jornais eletrônicos e aquisição de softwares de
domínio público.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Internet
5
• É o conjunto de diversas redes de
computadores que se comunicam entre si
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Rede de computadores
• Uma rede de computadores consiste em 2 ou mais
computadores e outros dispositivos interligados entre
si de modo a poderem compartilhar recursos físicos e
lógicos, estes podem ser do tipo:
6
1. Dados;
2. Impressoras;
3. Serviços;
4. entre outros.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Rede de computadores
7
• Os meios de comunicação podem ser: linhas
telefônicas, cabo, satélite ou comunicação sem fios
(wireless).
• O objetivo das redes de computadores é permitir a
troca de dados entre computadores e a partilha de
recursos de hardware e software.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Hardware x Software
8
• Hardware: Parte física de um sistema de
computação, isto é, todos os equipamentos
utilizados pelo usuário nas ações de entrada,
processamento, armazenamento e saída de
dados.
• Software: Parte lógica de um sistema de
computação, isto é, séries de instruções que
fazem o computador funcionar (programas de
computador).
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Internet
9
• A Internet é um amplo sistema de comunicação que
conecta muitas redes de computadores.
• Existem várias formas e recursos de vários
equipamentos que podem ser interligados e
compartilhados, mediante meios de acesso,
protocolos e requisitos de segurança.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Internet
10 Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Histórico da Internet
11
• A rede mundial de computadores, ou Internet,
surgiu em plena Guerra Fria.
• Criada com objetivos militares, seria uma das
formas das forças armadas norte-americanas de
manter as comunicações em caso de ataques
inimigos que destruíssem os meios convencionais
de telecomunicações.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Histórico da Internet
12
• Desenvolvida pela empresa ARPA (Advanced
Research and Projects Agency) em 1969, com o
objetivo de conectar os departamentos de pesquisa.
• Essa rede foi batizada com o nome de ARPANET.
• O ARPANET foi uma das primeiras redes da
história da Internet atual.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Histórico da Internet
13
• Nas décadas de 1970 e 1980, além de ser utilizada
para fins militares, a Internet também foi um
importante meio de comunicação acadêmico.
• Estudantes e professores universitários,
principalmente dos EUA, trocavam ideias,
mensagens e descobertas pelas linhas da rede
mundial.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Histórico da Internet
14
• Foi somente no ano de 1990 que a Internet
começou a alcançar a população em geral.
• Neste ano, o engenheiro inglês Tim Bernes-Lee
desenvolveu a World Wide Web, possibilitando a
utilização de uma interface gráfica.
• A partir deste momento, a Internet cresceu em ritmo
acelerado. Muitos dizem, que foi a maior criação
tecnológica, depois da televisão na década de
1950.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Histórico da Internet no Brasil
15
• Começou em 1991, com a RNP (Rede Nacional de
Pesquisa), uma operação acadêmica subordinada ao
Ministério de Ciência e Tecnologia.
• Até hoje a RNP é o backbone1 principal e envolve
instituições e centros de pesquisa (FAPESP, FAPERJ,
FAPEMIG, etc), universidades, laboratórios, etc.
[1] (backbone traduzindo para português, espinha dorsal, representa a via
principal de informações transferidas por uma rede)
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Histórico da Internet no Brasil
16
• Em 1994, no dia 20 de dezembro, a EMBRATEL
lança o serviço experimental a fim de conhecer
melhor a Internet.
• Só em 1995 foi possível, pela iniciativa do Ministério
das Telecomunicações e o Ministério da Ciência e
Tecnologia, a abertura da Internet ao setor privado
para exploração comercial brasileira.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Formas de acessar a Internet
17
• Por meio de linhas telefônicas de discagem
comum, também chamado de acesso discado ou
dial-up. Para esse tipo de conexão, é preciso de
um computador com modem, uma linha telefônica
e um provedor de acesso.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Provedor de Acesso
18
• Os provedores de acesso são empresas que
identificam o usuário na Internet e garantem o seu
acesso.
• Atualmente existem servidores que, além de
oferecerem a conexão, também oferecem
inúmeros diferenciais, como acesso a
informações exclusivas aos seus clientes ou
contas de e-mails ilimitadas.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Formas de acessar a Internet
19
• Por meio de conexões de alta velocidade,
conhecidas como banda larga (em linhas
telefônicas, cabos coaxiais, fibras ópticas ou
cabos metálicos).
• Por Wi-Fi (internet sem fio) Satélites
• Telefones celulares com tecnologia 3G.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Serviços básicos da Internet
20
Correio Eletrônico (E-mail)
• O sistema de comunicação via e-mail é a forma mais
antiga e popular de comunicação pela Internet.
• Com o e-mail você pode enviar mensagens a um
ou vários destinos, utilizar listas de discussão,
anexar às mensagens arquivos de som e imagens.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Serviços básicos da Internet
21
Endereço Eletrônico
• É o nome dado ao código que representa sua
“caixa postal” no provedor de acesso.
• É composto de três partes básicas:
1. O nome (identificador);
2. O nome do provedor;
3. O sufixo do endereço, que determina o tipo de
instituição que lhe deu acesso à Internet
Exemplo: [email protected], [email protected]
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Serviços básicos da Internet
22
"If you are not [email protected], you are
nobody." - Bob Frankenberg.
“ou você é [email protected] ou você não é ninguém”.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Serviços básicos da Internet
23
FTP
• O sistema de comunicação FTP (File Transfer
Protocol, Protocolo de Transferência de Arquivos) é
bastante utilizado na rede.
• Utilizado para fazer o download (uma cópia do
arquivo pela Internet) facilmente de qualquer
arquivo que lhe foi disponibilizado.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Serviços básicos da Internet
24
WWW
• Indiscutivelmente a WWW é a área mais
promissora da Internet e certamente a região de
maior crescimento.
• Representa uma forma revolucionária de divulgar
informações por meio de um sistema multimídia
de comunicação.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Internet
25
• Internet não é sinônimo de WWW (World Wide Web
- Rede de alcance mundial).
• O WWW é um dos diversos serviços oferecidos
através da Internet
• A World Wide Web também conhecida como Web
é um sistema de documentos em hipermídia que
são interligados e executados na Internet.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – Página Web
26
• Uma página da web é um arquivo onde você pode
inserir textos, imagens, tabelas e incorporar planilhas,
apresentações, vídeos e muito mais.
• Uma página web, também conhecida pelo equivalente
inglês webpage, ou ainda como home page, é
geralmente escrita em formato HTML e com ligações
de hipertexto que permitem a navegação de uma
página, ou seção, para outra.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – Site
27
• Uma coleção de páginas web armazenadas em uma
única pasta ou em subpastas relacionadas de um
servidor web é conhecida como site.
• Um site web costuma incluir uma página principal
chamada index.htm ou index.html
• O site é hospedado por computadores conectados
permanentemente à Internet.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – Site
28
• Esse conjunto de textos pode ser sobre um ou mais
assuntos, vender um produto, informar visitantes ou
simplesmente ser um objeto de entretenimento.
• Esses sites permitem o acesso a diferentes tipos de
informação:
• Artes, filmes, séries;
Notícias, jornais,
revistas; Literatura; • Lojas virtuais;
• Guias turísticos
• Cursos e Manuais on-line
Meteorologia;
• Delivery de comidas;
28
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – Site
29
Exemplo de estrutura de um site:
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – Hipertexto
30
• A Web utiliza o conceito de hipertexto para
tornar possível a ligação entre diversos
documentos e tipos de mídia.
• Hipertexto é um sistema para visualização de
informação onde os documentos possuem
ligações (chamados links ou hiperlinks) que
permitem chegar a outros documentos.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – Hipertexto
• Qualquer documento pode levar a outro texto que
também esteja disponível na rede, com a possibilidade
de criar uma “malha” de informação em torno do
planeta, o que deu origem ao nome World Wide Web:
teia de alcance mundial.
31 Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – Hipertexto
• Os hipertextos apresentam algumas
características que os diferem de qualquer outro
sistema de informação conhecido:
• Apresentação em multimídia: em uma página
da web você pode encontrar textos com imagens
tanto estáticas quanto animadas, textos com
movimentos, formulários para cadastros e
compras, sons, vídeos, etc. Desta forma, um
hipertexto torna-se, além de mais atraente,
abrangente e mais detalhado em sua explicação
do que qualquer outra forma de mídia conhecida.
32 Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – Hipertexto
• Interatividade: um hipertexto não é como uma
televisão em que você só pode ficar olhando o que a
programação quer e na sequência predefinida. Você
pode avançar, ler o final, ter mais detalhes sobre um
dado que chamou a atenção, saber detalhes do
autor, consultar a bibliografia original e até enviar um
e-mail elogiando ou criticando a página que acabou
de ler.
33 Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – Hipertexto
• Vínculos: normalmente você não vai acessar um
site e lê-lo de forma linear como um livro, pois na
maioria das vezes isso nem é possível, visto que um
site é desenvolvido como um emaranhado de
informações que formam um conjunto de acordo
com a sua curiosidade, paciência e tempo para
pesquisá-lo.
34 Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Como funciona a Web
35
• Plataforma Cliente/Servidor
• O Cliente é o programa utilizado pelos usuários para
ver as páginas.
• O Servidor é responsável por armazenar e permitir o
acesso ao conteúdo da rede.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Como funciona a Web
36
• Os servidores de hospedagem são computadores
de alta capacidade de armazenamento e banda de
acesso à Internet, responsáveis por armazenar os
sites.
• Eles são mantidos 24 horas conectados à Internet
para disponibilizar o acesso aos dados
armazenados neles.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Como funciona a Web
37
• Normalmente o programa cliente é um navegador,
também chamado de browser, e é o software
utilizado para o acesso à Internet.
• Alguns sistemas operacionais possuem um
navegador padrão pronto para acessar a Internet,
mesmo assim existem muitas opções de
navegadores para comprar ou baixar gratuitamente
na rede.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Como funciona a Web
38
• O navegador requisita um arquivo a um servidor.
Se a informação solicitada estiver realmente
armazenada naquele servidor, o pedido é enviado
de volta e mostrado na tela do navegador.
Navegação na Internet
39
• Cada computador conectado à Internet, tanto os que
estão navegando quanto os que disponibilizam
informações, possui um número único que o
representa em qualquer lugar do mundo, conhecido
como IP (Internet Protocol).
• Esse número é normalmente atribuído às máquinas do
usuário no momento em que ela vai acessar a Internet
e pode mudar a cada conexão.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Navegação na Internet
• Os servidores que proveem informações e hospedam
sites possuem IPs fixos que, para facilitar o acesso,
são relacionados a nomes mais fáceis de decorar que
os endereços IPs, designados como domínios.
40 Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – Domínio
• Domínio é um nome que serve para localizar e
identificar conjuntos de computadores na Internet.
• O nome de domínio foi concebido com o objetivo de
facilitar a memorização dos endereços de
computadores na Internet.
• Sem ele, teríamos que memorizar uma sequência
grande de números (endereço IP).
41 Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – Domínio
42
• Os domínios são compostos da seguinte forma:
www.google.com.br
formato.nome.categoria.localidade
Definições – Domínio
43
Formato
• WWW ou rede de comunicação mundial é o mais comum
e representa que o domínio provém de um site, mas não
é o único. Existem também FTP (transferência de
arquivos), WAP (sites exclusivos para acesso via
aparelhos móveis), CHAT (bate-papo), entre outros.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – Domínio
44
• Nome
• Nome da empresa ou objetivo do domínio
• Categoria
• Para pessoas físicas ou jurídicas; • Somente para pessoas jurídicas (com CNPJ) • Para profissionais liberais (com CPF)
• Para pessoas físicas
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – Domínio
45 Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – Domínio
• Representa o país para o qual o site foi criado.
• Apesar de existir uma localidade que represente os
Estados Unidos, os sites norte-americanos
normalmente não usam nenhum código de localidade:
46
Localidade
.com .net .org
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Como funciona a Web
47
• A funcionalidade da Web é baseada em três
padrões: 1. um protocolo de transmissão de dados - HTTP
2. um sistema de endereçamento próprio - URL
3. uma linguagem de marcação, para transmitir
documentos formatados através da rede - HTML
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – HTTP
48
• HTTP significa HyperText Transfer Protocol -
Protocolo de Transferência de Hipertexto;
• O HTTP é o protocolo usado para a transmissão
de dados na web.
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – URL
49
• O sistema de endereçamento da web é baseado
em uma sintaxe chamada URI (Universal
Resource Identifier - Identificador Universal de
Recursos);
• Os endereços que utilizamos atualmente são os
URLs (Uniform Resource Locator - Localizador
Uniforme de Recursos).
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – URL
50
Um exemplo de URL é: • http://www.ifpr.edu.br/ensino/index.html
Esse endereço identifica:
• o protocolo de acesso ao recurso desejado (http) a
máquina a ser contactada (www.ifpr.edu.br)
• o caminho de diretórios até o recurso (ensino/) o
recurso (arquivo) a ser obtido (index.html)
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – HTML
51
• O HTML (Hypertext Markup Language - Linguagem
de Marcação de Hipertexto) é mundialmente
reconhecido como linguagem padrão para
publicação de conteúdo na WWW
• É uma linguagem de marcação para hipertextos
baseada no SGML (Standard Generalized Markup
Language - Norma Padrão para Linguagem de
Marcação)
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – HTML
52
• O HTML é usado para estruturar e estilizar informação
definindo blocos de texto como parágrafos,
cabeçalhos, listas, textos em negrito, sublinhado.
• Por ser escrito em texto ASCII, pode ser desenvolvido
e processado por uma variedade de ferramentas:
desde editores simples de texto a sofisticados editores
visuais, baseados no conceito WYSIWYG (What You
See Is What You Get - O que você vê é o que você
tem).
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Definições – W3C
53
• A família de linguagens HTML se encontra sob
padronização da W3C (World Wide Web
Consortium – Consórcio WWW) e está em
conformidade com a ISO 8879 (International
Standard Organization - Organização Internacional
para Padronização)
• O W3C desenvolve padrões para a criação e a
interpretação dos conteúdos para a Web
• HTML, XML, XHTML, CSS
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com
Desenvolvedor Web
54
• Desenvolvimento Web é o termo utilizado para
descrever o desenvolvimento de sites, na Internet ou
em uma Intranet (rede interna)
• Para ser um web developer, conhecimentos em
HTML e CSS são indispensáveis
• O mínimo que se espera de um bom desenvolvedor
web é o conhecimento dos Web Standards, HTML e
CSS
Prof. Esp. Andrew Rodrigues – http://andrewtec.wordpress.com