1

Disciplina: Desenvolvimento de Web Sites

Introdução à Web

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 2
Disciplina: Desenvolvimento de Web Sites

Conteúdos
● O surgimento da internet como forma de
comunicação
● HTML e XHTML
● Os navegadores (web browsers)
● Linguagens de Programação para Web

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 3
Disciplina: Desenvolvimento de Web Sites

História da Internet
1ª Comunicação à distância:

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 4
Disciplina: Desenvolvimento de Web Sites

História da Internet
Evolução da comunicação à distância, Samuel
Morse (código Morse)

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 5
Disciplina: Desenvolvimento de Web Sites

História da Internet
DARPA, agência americana que contava com a
ajuda de universidades.

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 6
Disciplina: Desenvolvimento de Web Sites

História da Internet
Transmissão de dados militares de forma segura

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 7
Disciplina: Desenvolvimento de Web Sites

História da Internet
Criador do sistemas de envio de mensagens
eletrônicas conhecido hoje como e-mail
Curiosidade: foi ele quem
escolheu o caractere que
separa o usuário do servidor

usuario@servidor.com.br

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 8
Disciplina: Desenvolvimento de Web Sites

História da Internet
Robert Kahn, criador do protocolo TCP

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 9
Disciplina: Desenvolvimento de Web Sites

História da Internet
Expansão da rede, governo deixa de cuidar da
internet.

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 10
Disciplina: Desenvolvimento de Web Sites

História da Internet

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 11
Disciplina: Desenvolvimento de Web Sites

História da Internet
Como são interligados estes pontos?

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 12
Disciplina: Desenvolvimento de Web Sites

História da Internet
Cabos submarinos

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 13
Disciplina: Desenvolvimento de Web Sites

História da HTML

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 14
Disciplina: Desenvolvimento de Web Sites

História da HTML
Projeto Gopher, “sites” anteriores a 1990

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 15
Disciplina: Desenvolvimento de Web Sites

História da HTML
Sir Timothy John Berners-Lee, Físico

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 16
Disciplina: Desenvolvimento de Web Sites

História da HTML
Projeto Enquire, visava a criação de hipertextos
Hipertexto: conceito que
relaciona textos, imagens,
sons e qualquer tipo de
conteúdo multimídia.

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 17
Disciplina: Desenvolvimento de Web Sites

História da HTML
Quando ele descobriu a tecnologia TCP/IP teve
uma ideia, transmitir o conteúdo hipertexto
pela rede.

Para isso ele criou um novo protocolo, o HTTP

(protocolo de transferência de hipertextos).

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 18
Disciplina: Desenvolvimento de Web Sites

História da HTML
Depois ele criou também uma linguagem para
criação de conteúdo hipertexto, o HTML.

E além disso ele criou o conceito World Wide

Web (www) que engloba todos os servidores de
conteúdo multimídia que utilizam o protocolo
HTTP.

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 19
Disciplina: Desenvolvimento de Web Sites

História da HTML
TCP/IP HTTP HTML WWW

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 20
Disciplina: Desenvolvimento de Web Sites

História da HTML
Primeiro Site usando o
protocolo HTTP e a
linguagem HTML

Já era necessário um
Navegador

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 21
Disciplina: Desenvolvimento de Web Sites

História da HTML
Primeiro Site usando o protocolo HTTP e a
linguagem HTML
http://info.cern.ch/hypertext/WWW/TheProject.html

ou

https://goo.gl/qns8bn

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 22
Disciplina: Desenvolvimento de Web Sites

História da HTML
Mas o que é um navegador? Para que ele
serve?

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 23
Disciplina: Desenvolvimento de Web Sites

Navegadores
Basicamente um navegador interpreta páginas
escritas na linguagem HTML e mostra uma
visualização compreensível ao usuário comum.
Exemplo:
HTML: <b>Olá Mundo</b>
O que aparece no navegador: Olá Mundo

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 24
Disciplina: Desenvolvimento de Web Sites

Navegadores
Famoso navegador criado pela NCSA, dentro da
Universidade de Illinois

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 25
Disciplina: Desenvolvimento de Web Sites

Navegadores
1994, os programadores responsáveis pelo Mosaic
atualizam o navegador criando o Netscape

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 26
Disciplina: Desenvolvimento de Web Sites

Navegadores
1995, outros navegadores surgem, dentre eles a 1ª
versão do Internet Explorer (Microsoft)

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 27
Disciplina: Desenvolvimento de Web Sites

Navegadores
1996, 86% dos usuários da internet usavam Netscape

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 28
Disciplina: Desenvolvimento de Web Sites

Navegadores
2 anos depois, versão do Microsoft Windows com o
Internet Explorer instalado por padrão, 90% dos
usuários usavam I.E.

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 29
Disciplina: Desenvolvimento de Web Sites

Navegadores
1999, a empresa Netscape é vendida para a America
Online, os programadores então criaram uma
fundação chamada Fundação Mozilla.

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 30
Disciplina: Desenvolvimento de Web Sites

Navegadores
2008, outra empresa entra na “briga” dos navegadores

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 31
Disciplina: Desenvolvimento de Web Sites

Navegadores
Uso de navegadores segundo o site StatCounter

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 32
Disciplina: Desenvolvimento de Web Sites

Navegadores
Uso de navegadores segundo o site StatCounter

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 33
Disciplina: Desenvolvimento de Web Sites

Navegadores
Uso de navegadores segundo o site StatCounter

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 34
Disciplina: Desenvolvimento de Web Sites

Navegadores
Uso de navegadores segundo o site StatCounter

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 35
Disciplina: Desenvolvimento de Web Sites

Voltando para a história do

HTML...

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 36
Disciplina: Desenvolvimento de Web Sites

História da HTML
1990 – HTML versão 1

1995 – HTML versão 2, várias empresas ajudando

no desenvolvimento da linguagem, inclusive as
fabricantes de navegadores (despadronização)

1995 – HTML versão 3, sob responsabilidade do

W3C (World Wide Web Consortium),
padronização.
Prof. Eder Pansani
E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 37
Disciplina: Desenvolvimento de Web Sites

História da HTML
1997 – HTML versão 4, usada por muitos até
hoje.

2004 – O W3C propõe acabar com a linguagem

HTML e começar novamente seu
desenvolvimento baseado na tecnologia XML,
surge assim o XHTML versão 1.

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 38
Disciplina: Desenvolvimento de Web Sites

História da HTML
Algumas empresas que construíam navegadores não
gostaram dessa decisão e decidiram continuar o
desenvolvimento da linguagem HTML, independente
das decisões do W3C.

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 39
Disciplina: Desenvolvimento de Web Sites

História da HTML
Continuando a linha do tempo em 2007 o W3C
anuncia a versão 2.0 da XHTML, porém o WHATWG
apresenta ao W3C o projeto de evolução do HTML.

O projeto estava muito bom e foi aceito pelo W3C

como uma melhor opção de atualização, assim o
XHTML é descontinuado.

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 40
Disciplina: Desenvolvimento de Web Sites

História da HTML
Assim em 2008 é anunciado oficialmente o HTML 5

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 41
Disciplina: Desenvolvimento de Web Sites

Atualmente
Hoje necessitamos de 3 tecnologias para
desenvolver páginas Web:

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 42
Disciplina: Desenvolvimento de Web Sites

CSS
CSS é a abreviatura para Cascading Style
Sheets ou Folha de Estilos em Cascata.

CSS é uma linguagem que define o layout de

documentos HTML. Por exemplo, CSS controla
fontes, cores, margens, linhas, alturas, larguras,
imagens de fundo, etc.

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 43
Disciplina: Desenvolvimento de Web Sites

JavaScript
JavaScript é uma linguagem de programação
que roda no lado cliente (no navegador do
usuário) e é capaz de realizar algumas ações
em uma página web tornando-a mais interativa.
Exemplo:
http://conteudo.imasters.com.br/2114/validaform.htm

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 44
Disciplina: Desenvolvimento de Web Sites

Relevância
Hoje a programação web não serve
apenas para o desenvolvimento de sites.

Existem várias outras utilizações, tais

como:
● Criação de aplicações web

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 45
Disciplina: Desenvolvimento de Web Sites

Relevância
● SEO (Search Engine Optimization)
● Aplicativos híbridos/canvas
● Interface para web services
● Base para tecnologias de web semântica
(XML, RDF, OWL)

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 46
Disciplina: Desenvolvimento de Web Sites

Referências
Material Utilizado:
http://www.cursoemvideo.com/lesson/curso-de-html5-
01-historia-da-internet/

http://www.cursoemvideo.com/lesson/curso-de-html5-
02-historia-da-html/

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br
 47
Disciplina: Desenvolvimento de Web Sites

Dúvidas?

Perguntas?

Prof. Eder Pansani

E-mail: epansani@gmail.com
14 de fevereiro de 2018 http://ederpansani.com.br