Você está na página 1de 41

FUNDAMENTOS DA

WEB
(Conceitos e história)
Prof Silvano Oliveira
prof.silvano.oliveira@gmail.com
Biografia do Prof Silvano
 Bacharel em Ciência da Computação (2001) – UFMa
 Pós-graduado em Engenharia de Telecomunicações (2005) – UFMa
 Bacharel em Ciências Contábeis (2010) – UniCeuma
 Pós-graduado em Docência do Ensino Superior (2017) – ESAB
 Técnico em Eletrotécnica (1990) – IFMa
 Professor desde 1988.

2 FW01 Conceitos e História (Prof Silvano Oliveira)


Objetivos
 Desenvolver páginas estáticas.
 Analisar a estrutura básica de uma página HTML.
 Conhecer as principais tags em uma página web.
 Aplicar os recursos de formatação em páginas web.

3 FW01 Conceitos e História (Prof Silvano Oliveira)


Conteúdo Programático
 Conceitos históricos e evolução de websites.
 Estrutura básica de páginas web:
 Principais tags HTML.
 Formatação de uma página.
 Inserção de imagens.
 Criação de vínculos.
 Criação de tabelas.
 Formulários.
 Folha de estilos (CSS).
 DHTML, XHTML, HTML5.
 Ambiente de desenvolvimento de websites.
 Softwares de apoio: editor de texto.

4 FW01 Conceitos e História (Prof Silvano Oliveira)


A Internet
 A Web é muitas vezes confundida como sendo a própria Internet.
No entanto, a Internet engloba um conceito mais amplo, tratando-
se de uma vasta coleção de computadores conectados entre si que
armazenam dados e informações disponíveis para todos os demais
computadores da rede.

5 FW01 Conceitos e História (Prof Silvano Oliveira)


Um pouco de história
 1969 – Existia a ARPANET

6 FW01 Conceitos e História (Prof Silvano Oliveira)


Um pouco de história
•1972 – De 4 para 30 pontos

7 FW01 Conceitos e História (Prof Silvano Oliveira)


Um pouco de história
•1975-1985 – Outras redes são criadas
– UUCP, USENET, BITNET, CSNET...
•1977 – Criação do TCP/IP
– Ligação entre
ARPANET-RPNET-STATNET
é considerada como o
nascimento da Internet
Vint Cerf – Co-criador do TCP/IP
Considerado o pai da Internet

8 FW01 Conceitos e História (Prof Silvano Oliveira)


Um pouco de história
 1987 – Sai das universidades
 Fins comerciais
 1991 – É criado o HTML/HTTP/WWW

Histórico logo de WWW

Tim Berners Lee – Criador do HTML

9 FW01 Conceitos e História (Prof Silvano Oliveira)


E como era até 1991?
 Os serviços eram...
 Correio eletrônico (1965)
 Acesso remoto (Telnet - 1969)
 Transferência de arquivos (FTP – 1971)
 ...

10 FW01 Conceitos e História (Prof Silvano Oliveira)


Um pouco de história
 1993 – O Mosaic é criado

Mosaic exibindo uma página de 1994


Logo do Mosaic

11 FW01 Conceitos e História (Prof Silvano Oliveira)


Um pouco de história
 1995 – A Internet chega ao Brasil
 Até que enfim, hein?
 Se tiver conectado, acesse http://cleitonfco.github.com/html-
timeline/

12 FW01 Conceitos e História (Prof Silvano Oliveira)


Acesso a Internet
 De uma forma geral, o acesso a
Internet é realizado por um
dispositivo chamado modem.
 É ele o responsável pela “m o d u l
a ç ã o” e “d e m o d u l a ç ã o”
das informações entre os sistemas:
digital (computador) e analógico
(linha telefônica / cabo / sinal de
rádio).

13 FW01 Conceitos e História (Prof Silvano Oliveira)


Acesso a Internet
 O acesso a internet se dá, normalmente, por meio de um ISP
(Internet Service Provider ou Provedor de Serviço de Internet) e
utiliza-se de, pelo menos, três componentes (CPE, Rede de Acesso
e POP)

14 FW01 Conceitos e História (Prof Silvano Oliveira)


Acesso a Internet
 CPE (Customer Premises Equipment) é o equipamento que conecta
o dispositivo a rede de acesso (exemplo: modem).
 Rede de acesso é o tipo de infraestrutura que liga o dispositivo
ao provedor de internet (exemplos: cabos de cobre, fibra ótica,
Wi-Fi).
 POP (Point of Presence) é o ponto de presença do provedor onde
estão os equipamentos que atribuem ao dispositivo um endereço
IP, dando-lhe acesso a internet.

15 FW01 Conceitos e História (Prof Silvano Oliveira)


Como você define a Internet?
 Junção de duas palavras:
interconnected + network

 Conjunto de computadores interligados em rede, através da qual


são transmitidos textos, sons, imagens, entre outros dados

16 FW01 Conceitos e História (Prof Silvano Oliveira)


Internet
 Internet é um conjunto de redes diferentes que utilizam certos
protocolos comuns e oferecem certos serviços comuns.
 Comunicação é transparente para o usuário;
 Cada ponto tem uma identidade; (IP)
 O funcionamento de cada rede é independente das outras;
 Utiliza regras para comunicação entre os pontos.

17 FW01 Conceitos e História (Prof Silvano Oliveira)


Como funciona a internet

18 FW01 Conceitos e História (Prof Silvano Oliveira)


Como funciona a internet

19 FW01 Conceitos e História (Prof Silvano Oliveira)


Como funciona a internet

20 FW01 Conceitos e História (Prof Silvano Oliveira)


Como funciona a internet

21 FW01 Conceitos e História (Prof Silvano Oliveira)


Como funciona a internet

22 FW01 Conceitos e História (Prof Silvano Oliveira)


Como funciona a internet

23 FW01 Conceitos e História (Prof Silvano Oliveira)


Protocolo
 Protocolo é um conjunto de regras que uma rede utiliza para a
comunicação entre seus pontos.
 A internet utiliza principalmente os protocolos TCP/IP
 TCP - (Protocolo de Controle de Transmissão) é um mecanismo
de transporte "confiável", orientado à conexão garantindo assim
que os dados cheguem íntegros (não danificados e em ordem).
 IP – (Protocolo de Interconexão) é um protocolo de comunicação
usado entre duas ou mais máquinas em rede para
encaminhamento dos dados.

24 FW01 Conceitos e História (Prof Silvano Oliveira)


TCP
 Estabelece Conexão
 Transfere Dados
 Encerra a Conexão
 Cuida da comunicação entre duas aplicações;
 É responsável pelos controles de correção, ordenação e perda das
informações;

25 FW01 Conceitos e História (Prof Silvano Oliveira)


IP
 Dados Encapsulados
 Endereçamento
 Encaminhamento
 Responsável pela quebra e transmissão da informação em pacotes;
 Comunicação é feita entre pontos;
 Exemplos de endereços IPs:
 10.9.98.145
 192.168.0.1

26 FW01 Conceitos e História (Prof Silvano Oliveira)


HTTP
 HyperText Transfer Protocol
 Permite visualizar recursos multimídia através da Internet;
 O protocolo HTTP é o responsável pelo funcionamento da Web;
 Ele funciona através de um padrão de requisição e resposta;
 Um recurso disponível na Web é localizado por um Localizador de
Recurso Uniforme (URL);

27 FW01 Conceitos e História (Prof Silvano Oliveira)


HTTP
 Sessão HTTP é uma conexão de rede composta por um conjunto
de requisições e respostas;
 O início da sessão se da por uma requisição do cliente HTTP;

28 FW01 Conceitos e História (Prof Silvano Oliveira)


DNS
 O DNS(Domain Name System - Sistema de Nomes de Domínios)
é um sistema de gerenciamento de nomes hierárquico e
distribuído.

Você não digita


186.192.82.163
Mas sim
http://www.globo.com

29 FW01 Conceitos e História (Prof Silvano Oliveira)


URL
 URL (Uniform Resource Locator):
 http://www.iema.ma.gov.br/ensino/index.html
1 2 3

1-Protocolo de acesso ao recurso


2–Endereço em que se encontra o recurso
3–caminho de diretórios até o recurso
4–recurso a ser obtido

30 FW01 Conceitos e História (Prof Silvano Oliveira)


Histórico do HTML
 1992 - Primeira aparição do HTML;
 1993 - HTML+: Algumas definições da aparência, tabelas,
formulários;
 1994 - HTML 2.0: Padronização para os características principais;
 1994 - HTML 3.0: Uma extensão do HTML+ entendido como um
rascunho de padrão;
 1995 - HTML 3.2: Netscape e Internet Explorer definem seus
próprios padrões baseados nas implementações correntes;

31 FW01 Conceitos e História (Prof Silvano Oliveira)


Histórico do HTML
 1995 - JavaScript: criada por Brendan Eich da Netscape como uma
extensão do HTML para o navegador Navigator v2.0;
 1996 - CSS1: Possuía uma formatação simples e cerca de 60
propriedades;
 1997 - HTML 4.0: São lançados os navegadores Netscape v4.0 e
Internet Explorer v4.0;
 1998 - CSS2: CSS1 + ~70 novas propriedades;
 1999 - HTML 4.0.1: Alguma modificações da versão anterior;

32 FW01 Conceitos e História (Prof Silvano Oliveira)


Histórico do HTML
 2000 - XHTML 1.0: É criado e consiste de uma versão XML do
HTML v4.0.1;
 2008 – W3C anuncia primeira especificação do HTML 5;
 2011 – HTML 5 continua em desenvolvimento;
 2012 – Previsão da versão final do HTML 5.

33 FW01 Conceitos e História (Prof Silvano Oliveira)


Funcionamento do WWW

34 FW01 Conceitos e História (Prof Silvano Oliveira)


Sítios na Internet
 http://piano.dsi.uminho.pt/museuv/ainternet.html
 http://www.htmlstaff.org/ver.php?id=1161
 http://cleitonfco.github.com/html-timeline/

35 FW01 Conceitos e História (Prof Silvano Oliveira)


Tarefa 01
 Pesquisar as diferenças entre Internet, Intranet e Extranet.

36 FW01 Conceitos e História (Prof Silvano Oliveira)


Correio Eletrônico

37 FW01 Conceitos e História (Prof Silvano Oliveira)


Transferência de arquivos
 FTP (File Transfer Protocol)
 Download
 “Baixar arquivo”
 Upload
 “Enviar arquivo”

38 FW01 Conceitos e História (Prof Silvano Oliveira)


Conversa em tempo real (Chat)

39 FW01 Conceitos e História (Prof Silvano Oliveira)


Acesso remoto

40 FW01 Conceitos e História (Prof Silvano Oliveira)


Navegação na WEB

41 FW01 Conceitos e História (Prof Silvano Oliveira)