1

A Internet

A Web muitas vezes confundida como sendo a prpria Internet. No entanto, a Internet
engloba um conceito mais amplo, tratando-se de uma vasta coleo de computadores
conectados entre si que armazenam dados e informaes disponveis para todos os
demais computadores da rede.
A Internet nasceu em 1969, era uma rede de computadores do Departamento de Defesa
norte-americano. Interligava originalmente laboratrios de pesquisa e se chamava
ARPAnet (ARPA: Advanced Research Projects Agency). O nome Internet propriamente dito
surgiu bem mais tarde, quando a tecnologia da ARPAnet passou a ser usada para conectar
universidades e laboratrios, primeiro nos EUA e depois em outros pases. Ela no
pertence a uma nica empresa ou a um nico pas as diferentes partes pertencem a
diversas organizaes, mas a Internet em si no pertence a ningum. Desta forma,
basicamente auto-regulada em conjunto.
Entretanto, surgiram ao longo dos anos, algumas regras e regulamentos, propostos pela
Internet Society, que uma instituio para estudos de questes relacionadas Internet.
Estas regras no so complicadas e nem obrigatrias, sugerem apenas um senso comum
para impedir que os recursos da Internet sejam desperdiados. Cada pas que participa da
Internet costuma possuir estruturas principais de rede, chamadas backbones, com
conectividade atravs do protocolo TCP/IP (Transmission Control Protocol/Internet
Protocol), s quais se interligam centenas ou milhares de outras redes.
Os backbones nacionais, por sua vez, so conectados entre si e aos backbones de outros
pases, compondo, assim, uma gigantesca rede mundial. Existem redes no-comerciais,
compostas por universidades, centros de pesquisa e entidades educacionais; e as redes
comerciais, mantidas por empresas de telecomunicaes e informtica, que prestam
servios de conectividade a seus clientes.
Assim, a Internet pode ser definida como:
uma rede de redes baseadas no protocolo TCP/IP;
uma comunidade de pessoas que usam e desenvolvem essas redes;
uma coleo de recursos que podem ser alcanados atravs destas redes.

Acesso a Internet
De uma forma geral, o acesso a Internet realizado por um dispositivo chamado
modem. ele o responsvel pela modulao e demodulao das informaes entre
os sistemas: digital (computador) e analgico (linha telefnica / cabo / sinal de rdio).
Todos os dispositivos conectados a Internet precisam de um modem, sejam estes
desktops, notebooks, netbooks, tablets ou smartphones. At mesmo consoles de videogame j disponibilizam acesso a Internet atualmente. Os modens com wi-fi so os mais
utilizados nos dias atuais, justamente porque permitem que a conexo dos aparelhos
ocorra sem fio e, dessa forma, possibilita mobilidade nas conexes. As conexes wi-fi
podem ser feitas de forma gratuita em locais pblicos, mas em casa preciso instalar
um modem conectado Internet atravs de uma linha telefnica ou via satlite, ou via
cabo, ou ainda por sinal de rdio, pagando pela conexo.

Velocidade da conexo
A velocidade de conexo dos modems medida em bits por segundo. As primeiras
conexes eram de Kbps e atualmente esto em Mbps.
Conexes de alta velocidade so de tempo integral, como satlite, cabo, linha T1,
xDSL, ISDN, etc. Usa-se um modem especial, em uma conexo que permanece aberta e
disponvel o tempo todo e velocidades que atingem e podem ultrapassar 100 mil bits por
segundo.
No caso dos modems em linhas residenciais, j temos locais onde a velocidade pode
ultrapassar 30MBs, mas em mdia, utilizando as diferentes formas de conexo, a
velocidade de download de 10 a 20Mbs.

Popularizao da Internet
Durante cerca de duas dcadas o acesso Internet ficou restrito aos ambientes
acadmicos e cientficos. Somente em 1987 foi liberado seu uso comercial pela primeira
vez, nos EUA. Mas foi em 1992 que a Internet realmente explodiu, com o
desenvolvimento da Web.
Foi ento que surgiram nos EUA vrias empresas provedoras de acesso Internet.
Centenas de milhares de pessoas comearam a publicar informaes na Internet, que se
tornou uma mania mundial.
No Brasil, a explorao comercial da Internet foi liberada em 1995. Assim, embora a
Internet tenha sido criada atravs de uma iniciativa no-comercial, isto , exclusivamente
para fins de segurana, educao e pesquisa, tornou-se realmente popular com os
acessos comerciais, seja para uso pessoal ou corporativo.
Servio on-line
como uma aldeia com um srie de servios para o usurio, sendo que de l ele pode
entrar na Internet. Exemplo: America On-line. Este tipo de servio no deu certo no
Brasil, onde os usurios tiveram uma pssima experincia com a instalao de um CD
da America Online (AOL) em suas mquinas. Dessa forma, a preferncia dos brasileiros
sempre foi de se conectar na Internet diretamente e navegar livremente sem passar por
uma espcie de portal.
ISP (Internet Service Provider)
o provedor de acesso Internet.

A World Wide Web a Web" ou a WWW" para encurtar ("rede de alcance mundial"
traduzindo literalmente) uma rede de computadores na Internet que fornece informao
em forma de hiperdocumentos baseados em hipertextos (textos com links), os quais,
com a introduo de figuras, vdeos e sons, podem ser chamados de documentos
hipermdia.
Para ver a informao, deve-se usar um aplicativo chamado navegador (browser) para
descarregar as informaes (chamadas "documentos" ou "pginas web") de servidores
web (ou "sites") e mostr-los na tela do usurio. O usurio pode ento seguir os links na
pgina para outros documentos ou mesmo enviar informaes de volta para o servidor
para interagir com ele. O ato de seguir links comumente chamado de "navegar" ou
"surfar" na Web.
A Web (substantivo prprio) diferente de web (substantivo comum), j que a Web
engloba atualmente praticamente toda a Internet (webmails, downloads, jogos online,
Internet banking, e-commerce, e-learning, sistemas de informao e entretenimento, etc.)
Outras webs existem em redes privadas (restritas) que podem ou no fazer parte da
Internet (intranets).
A Web foi criada em um projeto no CERN ver artigo Where the Web Was born na
prxima pgina - no fim do ano 1990, quando Tim Berners-Lee e sua equipe construram
o sistema prottipo que se tornou um modelo do que hoje a World Wide Web. O
intento original do sistema foi tornar mais fcil o compartilhamento de documentos de
pesquisas entre os colegas.
A funcionalidade da Web baseada em trs padres: a URL, que especifica como cada
pgina de informao recebe um "endereo" nico onde pode ser encontrada; HTTP,
que especifica como o navegador e servidor enviam informao um ao outro (protocolo);
e HTML, um mtodo de codificar a informao de modo que possa ser exibida em uma
grande quantidade de dispositivos. Berners-Lee hoje encabea o World Wide Web
Consortium (W3C), que desenvolve e mantm estes padres e outros de modo a permitir
que os computadores na Web armazenem e comuniquem todos os tipos de informao
efetivamente.

Where the Web was born? (http://info.cern.ch/)

CERN, the European Organization for Nuclear Research, is where it all began in March
1989. A physicist, Tim Berners-Lee, wrote a proposal for information management
showing how information could be transferred easily over the Internet by using hypertext,
the now familiar point-and-click system of navigating through information. The following
year, Robert Cailliau, a systems engineer, joined in and soon became its number one
advocate.
The idea was to connect hypertext with the Internet and personal computers, thereby
having a single information network to help CERN physicists share all the computerstored information at the laboratory. Hypertext would enable users to browse easily
between texts on web pages using links; The first examples were developed on NeXT
computers.
Berners-Lee created a browser-editor with the goal of developing a tool to make the Web
a creative space to share and edit information and build a common hypertext. What
should they call this new browser: The Mine of Information? The Information Mesh?
When they settled on a name in May 1990, it was the World Wide Web.
Info.cern.ch was the address of the world's first-ever web site and web server, running on
a NeXT computer at CERN.
The first web page address was http://info.cern.ch/hypertext/WWW/TheProject.html,
which centred on information regarding the WWW project. Visitors could learn more
about hypertext, technical details for creating their own webpage, and even an
explanation on how to search the Web for information. There are no screenshots of this
original page and, in any case, changes were made daily to the information available on
the page as the WWW project developed. You may find a later copy (1992) on the World
Wide Web Consortium website. However, a website is like a telephone; if there's just one
it's not much use. Berners-Lee's team needed to send out server and browser software.
The NeXT systems however were far advanced over the computers people generally had
at their disposal: a far less sophisticated piece of software was needed for distribution.
(continua na prxima pgina)

By spring of 1991, testing was underway on a universal line mode browser, which would
be able to run on any computer or terminal. It was designed to work simply by typing
commands. There was no mouse, no graphics, just plain text, but it allowed anyone with
an Internet connection access to the information on the Web.
During 1991 servers appeared in other institutions in Europe and in December 1991, the
first server outside the continent was installed in the US at SLAC (Stanford Linear
Accelerator Center). By November 1992, there were 26 servers in the world, and by
October 1993 the figure had increased to over 200 known web servers. In February 1993,
the National Center for Supercomputing Applications (NCSA) in Chicago released the first
version of Mosaic, which was to make the Web available to people using PCs and Apple
Macintoshes.
... and the rest is Web history.
Although the Web's conception began as a tool to aid physicists answer tough questions
about the Universe, today its usage applies to various aspects of the global community
and affects our daily lives.
Today there are upwards of 80 million websites, with many more computers connected to
the Internet, and hundreds of millions of users. If households nowadays want a computer,
it is not to compute, but to go on the Web.

10

Browsers ou navegadores web

O primeiro web browser criado foi o Mosaic e nos primeiros anos da Web, o browser
mais utilizado foi o Netscape, at a criao do Internet Explorer pela Microsoft e sua
integrao ao Windows, o que inclusive fez com que a empresa respondesse a vrios
processos pela lei anti-truste na Europa e EUA.
No entanto, pela facilidade de utilizar um sistema que j vinha instalado na mquina,
rapidamente o IE passou a ser o browser mais utilizado para acesso a web pela maioria
dos usurios. Atualmente, o Netscape ainda pode ser encontrado em sistemas Linux,
mas foi praticamente extinto de plataformas Windows.
As pginas criadas para a web enfrentaram um srio problema de padronizao: a
interpretao do seu contedo pode ser diferente conforme programa, monitor ou
computador utilizado.
Documentos HTML so dinmicos e dependentes da mquina que os mostra. Se o
computador do usurio no contiver instalada a famlia de fontes utilizada pelo
desenvolvedor da pgina, o browser substituir a fonte por outra padro que estiver
disponvel; se a tela for pequena demais, pode ser que elementos fiquem amontoados;
se forem poucas as cores disponveis talvez as imagens no saiam bonitas; se o browser
for antigo alguns recursos podem no funcionar. Para piorar, certas cores so diferentes
de Mac para PC e Linux.
Assim, como o IE no seguia os padres Web recomendados por um rgo chamado
W3C (Word Wide Web Consortium) para uma exibio adequada das pginas Web, os
desenvolvedores Web passaram a utilizar o Mozilla Firefox e o IE comeou a perder
terreno.
E h alguns anos o Google lanou um browser (Google Chrome), integrado aos seus
servios e totalmente customizvel, que atingiu rapidamente um grande nmero de
usurios, sendo atualmente um dos browsers mais utilizados por usurios do muindo
todo. No entanto, existem mais de 30 browsers diferentes, sendo o Safari para
plataformas Apple (incluindo iPad e iPhone) tambm bastante utilizado.

11

Endereos web ou URLs

Desde que o usurio saiba o endereo correto, possvel acessar qualquer arquivo da
rede. Para maiores informaes, acesse:
LocaSite Registro de domnios
http://www.locasite.com.br/registro/
Entendendo o DNS e o registro de domnios
http://www.guiadohardware.net/artigos/dns-registro/

12

Endereos web ou URLs

Alguns endereos web iniciam de outras formas, como: ftp:// (servidores de FTP), mailto:
(enviar mensagens) e news: (para acessar grupos de discusso), entre outros. No
entanto atualmente estes servios encontram-se todos encapsulados dentro de HTTP.
Depois vem o nome do computador onde a informao est, servidor ou site.
Pelo nome pode-se antecipar que tipo de informao ser encontrada. Os que comeam
com www so servidores de Web e contm principalmente pginas de hipertexto. A
utilizao do WWW na frente de um endereo totalmente opcional e aos poucos alguns
servios vem retirando o mesmo, visando fixar mais a marca. No entanto, sempre
importante deixar o endereo com WWW funcionando tambm, pois comum as
pessoas digitarem o WWW sempre antes de acessar um website.
Nome do arquivo que ser trazido para navegador: Preste ateno se o nome do arquivo
(e das pastas) esto escritos em maisculas ou minsculas, para servidores Internet,
essa diferena importante.
Terminao do nome do arquivo (.html) indica o tipo do documento. No caso, html so
pginas HTML, ou seja, pginas web. Quando o primeiro arquivo index ou home,
seguido das extenses (.html ou .php ou .jsp ou .aspx) no h necessidade de se digitar
o nome do arquivo, a pgina carregada automaticamente ao se carregar a URL.
Outros tipos de arquivos que podem ser disponibilizados na Web so: txt (documentos
de texto), exe (programas) zip, rar ou gz (compactados), jpg, gif e png (imagens), swf
(animaes flash), mp3, au, aiff, ram e wav (msicas/sons), flv, wmv, mov e avi (vdeos),
pdf, doc, docx, ppt, pptx, xls, xlsx, pps (documentos nos formatos pdf, doc, ppt, xls ou
pps) e assim por diante. Todos estes formatos no sero abertos diretamente pelo
browser, mas este permite seu download ou ele chama um plug-in especfico para sua
interpretao e execuo.

13

Endereos web ou URLs

Existe diferena na interpretao do browser entre letras maisculas e minsculas no
endereo web. Atualmente, os browsers j so flexveis e convertem os dados digitados,
evitando assim que perca-se tempo tentando descobrir essa diferenciao ao localizar
um determinado site. No entanto, uma letra esquecida ou invertida j suficiente para o
arquivo ou domnio no ser localizado, gerando um erro de localizao do arquivo.
Portanto, preciso digitar o endereo web corretamente em sua sintaxe.
Assim, ao nomear uma pgina web, recomendado o uso apenas de letras minsculas,
sem o uso de acentos ou caracteres especiais, evitando maiores problemas na criao
de hiperlinks e no acesso a estas informaes.
Alm disso, NUNCA h espao vazio em um endereo, assim os arquivos devem ser
sempre nomeados sem espao, utilizando recursos como _ ou para separao das
palavras. Em geral, recomenda-se a utilizao de nomes pequenos e de fcil acesso.

14

Plug-ins
Os plug-ins so literalmente plugados no browser visando interpretar e executar
contedos acessados Web e que no so compreendidos pelo browser. Tratam-se
assim de programas auxiliares que so instalados no browser, aumentando sua
capacidade de interpretao e exibio de contedos, especialmente contedos
multimdia (animaes e vdeos).
A maioria dos plug-ins distribuda gratuitamente. Quando o browser apresenta um
mensagem dizendo que preciso instalar um determinado plug-in para acessar uma
animao ou assistir um determinado vdeo, preciso ento efetuar o download do
mesmo e efetuar sua instalao.
Atualmente os documentos feitos em Flash vem sendo substitudos por HTML5 e
JavaScript, pois a Apple no oferece suporte em seus apps mobile para este formato.
Dessa forma, caso voc tente abrir um site em Flash em um iPad ou iPhone, se no
houver um redirecionamento automtico para outra pgina em HTML, provavelmente
voc no conseguir visualizar o contedo do site.

15

O HTML
A sigla HTML deriva da expresso Hyper Text Markup Language. Trata-se de uma
linguagem de marcao utilizada para produzir pginas na Internet. Esses cdigos
podem ser interpretados pelos browsers para exibir as pginas. Ao contrrio de outras
linguagens estruturadas, o HTML utiliza etiquetas, marcaes que so conhecidas como
Tags, que consistem em breves instrues tendo uma marca de incio e outro de final,
mediante as quais se determinam formatao do texto, insero de imagens e demais
elementos que compem uma pgina HTML.
Desde o seu incio o HTML demonstrou ser uma eficiente linguagem para se padronizar
informaes. Os documentos que a princpio utilizavam essa linguagem provinham de
instituies de ensino e tinham intuitos cientficos. Com a comercializao da internet, os
elementos que antes eram utilizados de maneira bem simples e padronizadas
(Pargrafos, listas, headers, ttulos) passaram por grandes distores para viabilizar uma
criatividade emergente. Essas modificaes tornaram os documentos antes universais
em peas de exposio restrita a navegadores que entendessem um maior nmero de
formataes aninhadas.

16

Editores visuais HTML

As primeiras pginas web foram desenvolvidas utilizando-se o Bloco de Notas, digitando
todo o cdigo. Aos poucos foram criados editores visuais que diferenciavam as tags por
cores e tambm forneciam algumas funes automticas, como fechamento das tags,
controle de pastas e arquivos, etc, como o Macromedia HomeSite.
Em 1999 surge um dos primeiros editores visuais de pginas web da poca: Netscape
Editor. Possibilitava uma edio visual da pgina, facilitando bastante seu
desenvolvimento, gerando automaticamente o cdigo HTML.
Logo que a Microsoft passou a investir em aplicativos para a Web, disponibilizou uma
das principais ferramentas de desenvolvimento visual para a web, o FrontPage.
No entanto, com a evoluo e amadurecimento do Macromedia Dreamweaver
(atualmente Adobe Dreamweaver), este aplicativo para desenvolvimento de pginas web
dominou o mercado, e atualmente o editor visual de pginas web mais conhecido e
utilizado do mundo.

17

Pginas dinmicas
So chamadas assim porque o contedo criado dinamicamente por um script ou API,
exigindo processamento no servidor, o qual gera uma pgina HTML esttica para
enviada com o resultado ao cliente.
Neste caso, so inseridas linguagens de programao para conexo ao BD (Banco de
Dados), como ColdFusion, PHP, JSP, ASP, ASP.Net, ou scripts especficos, como
Phyton, Perl, CGI, C#, Java, etc dentro do HTML, e estas so ento processdas no
servidor de forma transparente ao usurio.
Para as consultas e operaes de incluso, alterao e excluso de dados, utilizado
SQL (Structured Query Language, ou Linguagem de Consulta Estruturada). Trata-se de
uma linguagem de pesquisa declarativa para banco de dados relacional, responsvel por
acessar o banco de dados e efetuar as operaes solicitadas, e o resultado
processado pelo servidor web e enviado em forma de HTML para o cliente.
Os dados acessados podem estar ser acessados ainda em arquivos XML.

18

Arquitetura de trs camadas

Uma pgina dinmica compe um sistema baseado em uma arquitetura de 3 camadas.
A figura acima mostra na primeira camada a interface do usurio, que utiliza um browser,
a segunda com os servidores web juntamente com as aplicaes, e o servidor de banco
de dados na terceira camada.
O usurio acessa o site pelo browser (faz uma conexo HTTP com o servidor web).
O servidor web processa a informao recebida e atravs de uma aplicao
dinmica (PHP, JSP, ASPX, PERL ou CGI) realiza a conexo com o banco de
dados.
Os dados so manipulados por SQL ou XML, e retornam ao servidor Web
novamente manipulados pela aplicao dinmica.
O servidor web gera um documento HTML, com CSS e JavaScript (se os tiver) que
enviado ao browser do usurio.
Os servios de dados (ou persistncia) so responsveis pela manuteno de dados e
sua disponibilizao para a segunda camada. Podem ser implementados em sistemas
de bancos de dados altamente robustos, em arquivos XML ou em qualquer outro tipo de
sistema de armazenamento.
A grande vantagem reside na separao da apresentao, lgica e dos elementos de
informao. Essa organizao tem vrias consequncias positivas, como facilidade na
distribuio de tarefas entre desenvolvedores, flexibilidade na incluso de mdulos
adicionais, escalabilidade (se o sistema perder desempenho possvel dividi-lo em
servidores diferentes), facilidade de configurao e administrao, entre outros.
plenamente vivel, em sistemas de pequeno porte, que os servios de negcios e os
de dados sejam executados em uma mesma mquina. Normalmente as empresas de
hospedagem de sites colocam vrios websites diferentes em um mesmo servidor.

19

DHTML
Dynamic HTML, ou DHTML, a unio das tecnologias HTML, Javascript e uma linguagem de
apresentao, como folhas de estilo CSS aliada a um Modelo de Objeto de Documentos, para
permitir que uma pgina Web seja modificada dinamicamente na prpria mquina cliente, sem
necessidade de novos acessos ao Servidor Web. Atualmente h pelo menos trs grandes grupos
trabalhando no DHTML: o W3C, que o responsvel pelas verses oficiais da HTML, a Netscape,
e a Microsoft.
De forma sucinta, trata-se de um conjunto de ingredientes que proporcionam controle sobre a
apresentao do contedo de pginas da Web, alm de possibilitar a incluso de componentes
multimdia, como animaes, diretamente no cdigo HTML, sem a necessidade de plug-ins. Toda
a curiosidade em torno do HTML Dinmico se justifica ento, j que o mesmo estabelece novos
patamares de interao e movimento na internet a um baixo custo medido em velocidade,
abrangncia e flexibilidade, por exemplo, melhor do que em moeda corrente.
AJAX
AJAX (acrnimo em lngua inglesa de Asynchronous Javascript And XML) o uso metodolgico
de tecnologias como Javascript e XML, providas por navegadores, para tornar pginas mais
interativas com o usurio, utilizando-se de solicitaes assncronas de informaes. AJAX no
somente um novo modelo, tambm uma iniciativa na construo de aplicaes web mais
dinmicas e criativas. AJAX no uma tecnologia, so realmente vrias tecnologias conhecidas
trabalhando juntas, cada uma fazendo sua parte, oferecendo novas funcionalidades. AJAX
incorpora em seu modelo.:
Apresentao baseada em padres, usando XHTML e CSS;
Exposio e interao dinmica usando o DOM;
Intercmbio e manipulao de dados usando XML e XSLT;
Recuperao assncrona de dados usando o objeto XMLHttpRequest;
e JavaScript unindo todas elas em conjunto.

20

DHTML
Dynamic HTML, ou DHTML, a unio das tecnologias HTML, Javascript e uma linguagem de
apresentao, como folhas de estilo CSS aliada a um Modelo de Objeto de Documentos, para
permitir que uma pgina Web seja modificada dinamicamente na prpria mquina cliente, sem
necessidade de novos acessos ao Servidor Web. Atualmente h pelo menos trs grandes grupos
trabalhando no DHTML: o W3C, que o responsvel pelas verses oficiais da HTML, a Netscape,
e a Microsoft.
De forma sucinta, trata-se de um conjunto de ingredientes que proporcionam controle sobre a
apresentao do contedo de pginas da Web, alm de possibilitar a incluso de componentes
multimdia, como animaes, diretamente no cdigo HTML, sem a necessidade de plug-ins. Toda
a curiosidade em torno do HTML Dinmico se justifica ento, j que o mesmo estabelece novos
patamares de interao e movimento na internet a um baixo custo medido em velocidade,
abrangncia e flexibilidade, por exemplo, melhor do que em moeda corrente.
AJAX
AJAX (acrnimo em lngua inglesa de Asynchronous Javascript And XML) o uso metodolgico
de tecnologias como Javascript e XML, providas por navegadores, para tornar pginas mais
interativas com o usurio, utilizando-se de solicitaes assncronas de informaes. AJAX no
somente um novo modelo, tambm uma iniciativa na construo de aplicaes web mais
dinmicas e criativas. AJAX no uma tecnologia, so realmente vrias tecnologias conhecidas
trabalhando juntas, cada uma fazendo sua parte, oferecendo novas funcionalidades. AJAX
incorpora em seu modelo.:
Apresentao baseada em padres, usando XHTML e CSS;
Exposio e interao dinmica usando o DOM;
Intercmbio e manipulao de dados usando XML e XSLT;
Recuperao assncrona de dados usando o objeto XMLHttpRequest;
e JavaScript unindo todas elas em conjunto.

21