Principios BasicosWeb

8/18/2019 Principios BasicosWeb

1/21

1


2/21

2


3/21

3

A Internet

A Web é muitas vezes confundida como sendo a própria Internet. No entanto, a Internetengloba 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 osdemais computadores da rede.A Internet nasceu em 1969, era uma rede de computadores do Departamento de Defesanorte-americano. Interligava originalmente laboratórios de pesquisa e se chamavaARPAnet (ARPA: Advanced Research Projects Agency ). O nome Internet propriamente ditosurgiu bem mais tarde, quando a tecnologia da ARPAnet passou a ser usada para conectaruniversidades e laboratórios, primeiro nos EUA e depois em outros países. Ela nãopertence a uma única empresa ou a um único país – as diferentes partes pertencem adiversas organizações, mas a Internet em si não pertence a ninguém. Desta forma, ébasicamente auto-regulada em conjunto.Entretanto, surgiram ao longo dos anos, algumas regras e regulamentos, propostos pelaInternet Society , que é uma instituição para estudos de questões relacionadas à Internet.Estas regras não são complicadas e nem obrigatórias, sugerem apenas um senso comum

para impedir que os recursos da Internet sejam desperdiçados. Cada país que participa daInternet costuma possuir estruturas principais de rede, chamadas backbones, comconectividade através 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, são conectados entre si e aos backbones de outrospaíses, compondo, assim, uma gigantesca rede mundial. Existem redes não-comerciais,compostas por universidades, centros de pesquisa e entidades educacionais; e as redescomerciais, mantidas por empresas de telecomunicações e informática, que prestamserviços 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 coleção de recursos que podem ser alcançados através destas redes.


4/21

4

Acesso a Internet

De uma forma geral, o acesso a Internet é realizado por um dispositivo chamadomodem. É ele o responsável pela “modulação” e “demodulação” das informações entreos sistemas: digital (computador) e analógico (linha telefônica / cabo / sinal de rádio).

Todos os dispositivos conectados a Internet precisam de um modem, sejam estesdesktops, notebooks, netbooks, tablets ou smartphones. Até mesmo consoles de video-game já disponibilizam acesso a Internet atualmente. Os modens com wi-fi são os maisutilizados nos dias atuais, justamente porque permitem que a conexão dos aparelhosocorra sem fio e, dessa forma, possibilita mobilidade nas conexões. As conexões wi-fipodem ser feitas de forma gratuita em locais públicos, mas em casa é preciso instalarum modem conectado à Internet através de uma linha telefônica ou via satélite, ou viacabo, ou ainda por sinal de rádio, pagando pela conexão.

.


5/21

5

Velocidade da conexão

A velocidade de conexão dos modems é medida em bits por segundo. As primeiras

conexões eram de Kbps e atualmente estão em Mbps.

Conexões de “alta velocidade” são de tempo integral, como satélite, cabo, linha T1,xDSL, ISDN, etc. Usa-se um modem especial, em uma conexão que permanece aberta edisponível o tempo todo e velocidades que atingem e podem ultrapassar 100 mil bits porsegundo.

No caso dos modems em linhas residenciais, já temos locais onde a velocidade podeultrapassar 30MBs, mas em média, utilizando as diferentes formas de conexão, avelocidade de download é de 10 a 20Mbs.


6/21

6

Popularização da Internet

Durante cerca de duas décadas o acesso à Internet ficou restrito aos ambientes

acadêmicos e científicos. Somente em 1987 foi liberado seu uso comercial pela primeiravez, nos EUA. Mas foi em 1992 que a Internet realmente “explodiu”, com odesenvolvimento da Web.

Foi então que surgiram nos EUA várias empresas provedoras de acesso à Internet.Centenas de milhares de pessoas começaram a publicar informações na Internet, que setornou uma mania mundial.

No Brasil, a exploração comercial da Internet foi liberada em 1995. Assim, embora aInternet tenha sido criada através de uma iniciativa não-comercial, isto é, exclusivamentepara fins de segurança, educação e pesquisa, tornou-se realmente popular com osacessos comerciais, seja para uso pessoal ou corporativo.

Serviço on-line

É como uma “aldeia” com um série de serviços para o usuário, sendo que de lá ele podeentrar na Internet. Exemplo: America On-line. Este tipo de serviço não deu certo noBrasil, onde os usuários tiveram uma péssima experiência com a instalação de um CDda America Online (AOL) em suas máquinas. Dessa forma, a preferência dos brasileirossempre foi de se conectar na Internet diretamente e navegar livremente sem passar poruma espécie de portal.

ISP (Internet Service Provider)

É o provedor de acesso à Internet.


7/21

7

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 informaçãoem forma de hiperdocumentos baseados em hipertextos (textos com links ), os quais,com a introdução de figuras, vídeos e sons, podem ser chamados de documentos

hipermídia.Para ver a informação, deve-se usar um aplicativo chamado navegador (browser ) paradescarregar as informações (chamadas "documentos" ou "páginas web") de servidoresweb (ou "sites") e mostrá-los na tela do usuário. O usuário pode então seguir os links napágina para outros documentos ou mesmo enviar informações de volta para o servidorpara interagir com ele. O ato de seguir links é comumente chamado de "navegar" ou"surfar" na Web.

A Web (substantivo próprio) é diferente de web (substantivo comum), já que a Webengloba atualmente praticamente toda a Internet (webmails , downloads , jogos online ,Internet banking , e-commerce , e-learning , sistemas de informação e entretenimento, etc.)Outras webs existem em redes privadas (restritas) que podem ou não fazer parte daInternet (intranets).

A Web foi criada em um projeto no CERN – ver artigo Where the Web Was born napróxima página - no fim do ano 1990, quando Tim Berners-Lee e sua equipe construíramo sistema protótipo que se tornou um modelo do que hoje é a “World Wide Web ”. Ointento original do sistema foi tornar mais fácil o compartilhamento de documentos depesquisas entre os colegas.

A funcionalidade da Web é baseada em três padrões: a URL, que especifica como cadapágina de informação recebe um "endereço" único onde pode ser encontrada; HTTP,que especifica como o navegador e servidor enviam informação um ao outro (protocolo);e HTML, um método de codificar a informação de modo que possa ser exibida em umagrande quantidade de dispositivos. Berners-Lee hoje encabeça o World Wide WebConsortium (W3C), que desenvolve e mantém estes padrões e outros de modo a permitir

que os computadores na Web armazenem e comuniquem todos os tipos de informaçãoefetivamente.


8/21

8

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 managementshowing how information could be transferred easily over the Internet by using hypertext,the now familiar point-and-click system of navigating through information. The followingyear, Robert Cailliau, a systems engineer, joined in and soon became its number oneadvocate.

The idea was to connect hypertext with the Internet and personal computers, therebyhaving a single information network to help CERN physicists share all the computer-stored information at the laboratory. Hypertext would enable users to browse easilybetween texts on web pages using links; The first examples were developed on NeXTcomputers.

Berners-Lee created a browser-editor with the goal of developing a tool to make the Weba 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 ona 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 moreabout hypertext, technical details for creating their own webpage, and even anexplanation on how to search the Web for information. There are no screenshots of thisoriginal page and, in any case, changes were made daily to the information available onthe page as the WWW project developed. You may find a later copy (1992) on the WorldWide Web Consortium website. However, a website is like a telephone; if there's just oneit'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 hadat their disposal: a far less sophisticated piece of software was needed for distribution.

(continua na próxima página)


9/21

9

By spring of 1991, testing was underway on a universal line mode browser, which wouldbe able to run on any computer or terminal. It was designed to work simply by typingcommands. There was no mouse, no graphics, just plain text, but it allowed anyone withan Internet connection access to the information on the Web.

During 1991 servers appeared in other institutions in Europe and in December 1991, thefirst server outside the continent was installed in the US at SLAC (Stanford LinearAccelerator Center). By November 1992, there were 26 servers in the world, and byOctober 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 firstversion of Mosaic, which was to make the Web available to people using PCs and AppleMacintoshes.

... and the rest is Web history.

Although the Web's conception began as a tool to aid physicists answer tough questionsabout the Universe, today its usage applies to various aspects of the global communityand affects our daily lives.

Today there are upwards of 80 million websites, with many more computers connected tothe 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/21

10


11/21

11

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 criação do Internet Explorer pela Microsoft e suaintegração ao Windows, o que inclusive fez com que a empresa respondesse a váriosprocessos pela lei anti-truste na Europa e EUA.

No entanto, pela facilidade de utilizar um sistema que já vinha instalado na máquina,rapidamente o IE passou a ser o browser mais utilizado para acesso a web pela maioriados usuários. Atualmente, o Netscape ainda pode ser encontrado em sistemas Linux,mas foi praticamente extinto de plataformas Windows.

As páginas criadas para a web enfrentaram um sério problema de padronização: ainterpretação do seu conteúdo pode ser diferente conforme programa, monitor oucomputador utilizado.

Documentos HTML são dinâmicos e dependentes da máquina que os mostra. Se ocomputador do usuário não contiver instalada a família de fontes utilizada pelo

desenvolvedor da página, o browser substituirá a fonte por outra padrão que estiverdisponível; se a tela for pequena demais, pode ser que elementos fiquem amontoados;se forem poucas as cores disponíveis talvez as imagens não saiam bonitas; se o browserfor antigo alguns recursos podem não funcionar. Para piorar, certas cores são diferentesde Mac para PC e Linux.

Assim, como o IE não seguia os padrões Web recomendados por um órgão chamadoW3C (Word Wide Web Consortium ) para uma exibição adequada das páginas Web, osdesenvolvedores Web passaram a utilizar o Mozilla Firefox e o IE começou a perderterreno.

E há alguns anos o Google lançou um browser (Google Chrome), integrado aos seusserviços e totalmente customizável, que atingiu rapidamente um grande número deusuários, sendo atualmente um dos browsers mais utilizados por usuários do muindo

todo. No entanto, existem mais de 30 browsers diferentes, sendo o Safari paraplataformas Apple (incluindo iPad e iPhone) também bastante utilizado.


12/21

12

Endereços web ou URLs

Desde que o usuário saiba o endereço correto, é possível acessar qualquer arquivo da

rede. Para maiores informações, acesse:

LocaSite – Registro de domínios

http://www.locasite.com.br/registro/

Entendendo o DNS e o registro de domínios

http://www.guiadohardware.net/artigos/dns-registro/


13/21

13


Alguns endereços web iniciam de outras formas, como: ftp:// (servidores de FTP), mailto:

(enviar mensagens) e news: (para acessar grupos de discussão), entre outros. Noentanto atualmente estes serviços encontram-se todos encapsulados dentro de HTTP.

Depois vem o nome do computador onde a informação está, servidor ou site .

Pelo nome pode-se antecipar que tipo de informação será encontrada. Os que começamcom www são servidores de Web e contém principalmente páginas de hipertexto. Autilização do WWW na frente de um endereço é totalmente opcional e aos poucos algunsserviços vem retirando o mesmo, visando fixar mais a marca. No entanto, é sempreimportante deixar o endereço com WWW funcionando também, pois é comum aspessoas digitarem o WWW sempre antes de acessar um website.

Nome do arquivo que será trazido para navegador: Preste atenção se o nome do arquivo(e das pastas) estão escritos em maiúsculas ou minúsculas, para servidores Internet,essa diferença é importante.

Terminação do nome do arquivo (.html) indica o tipo do documento. No caso, html sãopáginas HTML, ou seja, páginas web . Quando o primeiro arquivo é index ou home,seguido das extensões (.html ou .php ou .jsp ou .aspx) não há necessidade de se digitaro nome do arquivo, a página é carregada automaticamente ao se carregar a URL.

Outros tipos de arquivos que podem ser disponibilizados na Web são: txt (documentosde texto), exe (programas) zip, rar ou gz (compactados), jpg, gif e png (imagens), swf(animações flash), mp3, au, aiff, ram e wav (músicas/sons), flv, wmv, mov e avi (vídeos),pdf, doc, docx, ppt, pptx, xls, xlsx, pps (documentos nos formatos pdf, doc, ppt, xls oupps) e assim por diante. Todos estes formatos não serão abertos diretamente pelobrowser , mas este permite seu download ou ele chama um plug-in específico para suainterpretação e execução.


14/21

14


Existe diferença na interpretação do browser entre letras maiúsculas e minúsculas no

endereço web. Atualmente, os browsers já são flexíveis e convertem os dados digitados,evitando assim que perca-se tempo tentando descobrir essa diferenciação ao localizarum determinado site. No entanto, uma letra esquecida ou invertida já é suficiente para oarquivo ou domínio não ser localizado, gerando um erro de localização do arquivo.Portanto, é preciso digitar o endereço web corretamente em sua sintaxe.

Assim, ao nomear uma página web, é recomendado o uso apenas de letras minúsculas,sem o uso de acentos ou caracteres especiais, evitando maiores problemas na criaçãode hiperlinks e no acesso a estas informações.

Além disso, NUNCA há espaço vazio em um endereço, assim os arquivos devem sersempre nomeados sem espaço, utilizando recursos como “_” ou “–” para separação daspalavras. Em geral, recomenda-se a utilização de nomes pequenos e de fácil acesso.


15/21

15

Plug-ins

Os plug-ins são literalmente “plugados” no browser visando interpretar e executar

conteúdos acessados Web e que não são compreendidos pelo browser. Tratam-seassim de programas auxiliares que são instalados no browser , aumentando suacapacidade de interpretação e exibição de conteúdos, especialmente conteúdosmultimídia (animações e vídeos).

A maioria dos plug-ins é distribuída gratuitamente. Quando o browser apresenta ummensagem dizendo que é preciso instalar um determinado plug-in para acessar umaanimação ou assistir um determinado vídeo, é preciso então efetuar o download domesmo e efetuar sua instalação.

Atualmente os documentos feitos em Flash vem sendo substituídos por HTML5 eJavaScript, pois a Apple não 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 nãohouver um redirecionamento automático para outra página em HTML, provavelmente

você não conseguirá visualizar o conteúdo do site.


16/21

16

O HTML

A sigla HTML deriva da expressão Hyper Text Markup Language . Trata-se de uma

linguagem de marcação utilizada para produzir páginas na Internet. Esses códigospodem ser interpretados pelos browsers para exibir as páginas. Ao contrário de outraslinguagens estruturadas, o HTML utiliza etiquetas, marcações que são conhecidas comoTags, que consistem em breves instruções tendo uma marca de início e outro de final,mediante as quais se determinam à formatação do texto, inserção de imagens e demaiselementos que compõem uma página HTML.

Desde o seu início o HTML demonstrou ser uma eficiente linguagem para se padronizarinformações. Os documentos que a princípio utilizavam essa linguagem provinham deinstituições de ensino e tinham intuitos científicos. Com a comercialização da internet, oselementos que antes eram utilizados de maneira bem simples e padronizadas(Parágrafos, listas, headers, títulos) passaram por grandes distorções para viabilizar umacriatividade emergente. Essas modificações tornaram os documentos antes universais

em peças de exposição restrita a navegadores que “entendessem” um maior número deformatações aninhadas.


17/21

17

Editores visuais HTML

As primeiras páginas web foram desenvolvidas utilizando-se o Bloco de Notas, digitando

todo o código. Aos poucos foram criados editores visuais que diferenciavam as tags porcores e também forneciam algumas funções automáticas, como fechamento das tags,controle de pastas e arquivos, etc, como o Macromedia HomeSite ® .

Em 1999 surge um dos primeiros editores visuais de páginas web da época: NetscapeEditor. Possibilitava uma edição visual da página, facilitando bastante seudesenvolvimento, gerando automaticamente o código HTML.

Logo que a Microsoft passou a investir em aplicativos para a Web, disponibilizou umadas principais ferramentas de desenvolvimento visual para a web, o FrontPage.

No entanto, com a evolução e amadurecimento do Macromedia Dreamweaver(atualmente Adobe Dreamweaver), este aplicativo para desenvolvimento de páginas webdominou o mercado, e é atualmente o editor visual de páginas web mais conhecido eutilizado do mundo.


18/21

18

Páginas dinâmicas

São chamadas assim porque o conteúdo é criado dinamicamente por um script ou API,

exigindo processamento no servidor, o qual gera uma página HTML estática paraenviada com o resultado ao cliente.

Neste caso, são inseridas linguagens de programação para conexão ao BD (Banco deDados), como ColdFusion, PHP, JSP, ASP, ASP.Net, ou scripts específicos, comoPhyton, Perl, CGI, C#, Java, etc dentro do HTML, e estas são então processdas noservidor de forma transparente ao usuário.

Para as consultas e operações de inclusão, alteração e exclusão de dados, é utilizadoSQL (Structured Query Language, ou Linguagem de Consulta Estruturada). Trata-se deuma linguagem de pesquisa declarativa para banco de dados relacional, responsável poracessar o banco de dados e efetuar as operações 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.


19/21

19

Arquitetura de três camadas

Uma página dinâmica compõe um sistema baseado em uma arquitetura de 3 camadas.

A figura acima mostra na primeira camada a interface do usuário, que utiliza um browser ,a segunda com os servidores web juntamente com as aplicações, e o servidor de bancode dados na terceira camada.

• O usuário acessa o site pelo browser (faz uma conexão HTTP com o servidor web).

• O servidor web processa a informação recebida e através de uma aplicaçãodinâmica (PHP, JSP, ASPX, PERL ou CGI) realiza a conexão com o banco dedados.

• Os dados são manipulados por SQL ou XML, e retornam ao servidor Webnovamente manipulados pela aplicação dinâmica.

• O servidor web gera um documento HTML, com CSS e JavaScript (se os tiver) queé enviado ao browser do usuário.

Os serviços de dados (ou persistência) são responsáveis pela manutenção de dados esua disponibilização para a segunda camada. Podem ser implementados em sistemasde bancos de dados altamente robustos, em arquivos XML ou em qualquer outro tipo desistema de armazenamento.

A grande vantagem reside na separação da apresentação, lógica e dos elementos deinformação. Essa organização tem várias consequências positivas, como facilidade nadistribuição de tarefas entre desenvolvedores, flexibilidade na inclusão de módulosadicionais, escalabilidade (se o sistema perder desempenho é possível dividi-lo emservidores diferentes), facilidade de configuração e administração, entre outros.

É plenamente viável, em sistemas de pequeno porte, que os serviços de negócios e osde dados sejam executados em uma mesma máquina. Normalmente as empresas dehospedagem de sites colocam vários websites diferentes em um mesmo servidor.


20/21

20

DHTML

Dynamic HTML, ou DHTML, é a união das tecnologias HTML, Javascript e uma linguagem deapresentação, como folhas de estilo CSS aliada a um Modelo de Objeto de Documentos, parapermitir que uma página Web seja modificada dinamicamente na própria máquina cliente, semnecessidade de novos acessos ao Servidor Web. Atualmente há pelo menos três grandes grupostrabalhando no DHTML: o W3C, que é o responsável pelas versões oficiais da HTML, a Netscape,e a Microsoft.

De forma sucinta, trata-se de um conjunto de ingredientes que proporcionam controle sobre aapresentação do conteúdo de páginas da Web, além de possibilitar a inclusão de componentesmultimídia, como animações, diretamente no código HTML, sem a necessidade de plug-ins. Todaa curiosidade em torno do HTML Dinâmico se justifica então, já que o mesmo estabelece novospatamares de interação e movimento na internet a um baixo custo – medido em velocidade,abrangência e flexibilidade, por exemplo, melhor do que em moeda corrente.

AJAX

AJAX (acrônimo em língua inglesa de Asynchronous Javascript And XML) é o uso metodológicode tecnologias como Javascript e XML, providas por navegadores, para tornar páginas maisinterativas com o usuário, utilizando-se de solicitações assíncronas de informações. AJAX não ésomente um novo modelo, é também uma iniciativa na construção de aplicações web maisdinâmicas e criativas. AJAX não é uma tecnologia, são realmente várias tecnologias conhecidastrabalhando juntas, cada uma fazendo sua parte, oferecendo novas funcionalidades. AJAXincorpora em seu modelo.:

• Apresentação baseada em padrões, usando XHTML e CSS;

• Exposição e interação dinâmica usando o DOM;

• Intercâmbio e manipulação de dados usando XML e XSLT;

• Recuperação assíncrona de dados usando o objeto XMLHttpRequest;• e JavaScript unindo todas elas em conjunto.


21/21

DHTML

Dynamic HTML, ou DHTML, é a união das tecnologias HTML, Javascript e uma linguagem deapresentação, como folhas de estilo CSS aliada a um Modelo de Objeto de Documentos, parapermitir que uma página Web seja modificada dinamicamente na própria máquina cliente, sem

necessidade de novos acessos ao Servidor Web. Atualmente há pelo menos três grandes grupostrabalhando no DHTML: o W3C, que é o responsável pelas versões oficiais da HTML, a Netscape,e a Microsoft.

De forma sucinta, trata-se de um conjunto de ingredientes que proporcionam controle sobre aapresentação do conteúdo de páginas da Web, além de possibilitar a inclusão de componentesmultimídia, como animações, diretamente no código HTML, sem a necessidade de plug-ins. Todaa curiosidade em torno do HTML Dinâmico se justifica então, já que o mesmo estabelece novospatamares de interação e movimento na internet a um baixo custo – medido em velocidade,abrangência e flexibilidade, por exemplo, melhor do que em moeda corrente.

AJAX

AJAX (acrônimo em língua inglesa de Asynchronous Javascript And XML) é o uso metodológico

de tecnologias como Javascript e XML, providas por navegadores, para tornar páginas maisinterativas com o usuário, utilizando-se de solicitações assíncronas de informações. AJAX não ésomente um novo modelo, é também uma iniciativa na construção de aplicações web maisdinâmicas e criativas. AJAX não é uma tecnologia, são realmente várias tecnologias conhecidastrabalhando juntas, cada uma fazendo sua parte, oferecendo novas funcionalidades. AJAXincorpora em seu modelo.:

• Apresentação baseada em padrões, usando XHTML e CSS;

• Exposição e interação dinâmica usando o DOM;

• Intercâmbio e manipulação de dados usando XML e XSLT;

• Recuperação assíncrona de dados usando o objeto XMLHttpRequest;

• e JavaScript unindo todas elas em conjunto.

Principios BasicosWeb

Documents

Transcript of Principios BasicosWeb