IntroduçãoàTecnologiaWeb

TiposdeSites

ProfªMSc.ElizabeteMunzlingerwww.elizabete.com.br

ProfªMSc.ElizabeteMunzlingerwww.elizabete.com.br

1

TiposdeSites

Índice

1 – Sites ..................................................................................................................... 22 – Tipos de Sites........................................................................................................ 2

a) Site de Conteúdo Estático.................................................................................. 2b) Site de Conteúdo Dinâmico ............................................................................... 3c) Site de Conteúdo Interativo ............................................................................... 4d) Site de Conteúdo Animado ................................................................................ 4e) Exemplo geral .................................................................................................. 5

Referências Bibliográficas............................................................................................. 5

ProfªMSc.ElizabeteMunzlingerwww.elizabete.com.br

2

1–SitesSite é o nome que se dá ao conjunto de páginas digitais que contém todo tipo de informação e

que podem ser acessadas pela Internet via protocolo HTTP (HyperText Transfer Protocol – Protocolo de Transferência de Hipertexto). Um site também pode ser ser chamado de website, sítio, websítio.

Na prática, um site nada mais é que um conjunto de arquivos hierarquizados que contém ligações entre si e/ou para outros arquivos. Essas ligações são chamadas de links ou hiperlinks. Sendo assim, um arquivo com hiperlinks é chamado de hipertexto. Para escrever os arquivos hipertexto que compõe um site, é necessário escrever códigos utilizando uma linguagem de hipertexto, chamada de HTML (HyperText Makup Language – Linguagem de Marcação de Hypertexto). O programa responsável por interpretar a Linguagem de Marcação de Hypertexto de uma página e apresentá-la para o usuário é o navegador (browser).

Sites podem ser usado por diversos propósitos, como: instrumento de publicidade e propaganda institucional ou pessoal, contato direto com clientes, vendas online, informativo e noticiário, captação e armazenamento de informações, aplicações e ferramentas, extensão de sistemas empresariais, buscas, multimídia, etc. O conjunto de todos os sites existentes na Internet compõe a Web (World Wide Web – Rede de Alcance Mundial).

2–TiposdeSitesDiversas são as classificações possíveis para os sites. Apresenta-se aqui classificação por tipo de

conteúdo.

a)SitedeConteúdoEstático

Os termos estático e dinâmico estão diretamente relacionados ao modo de disponibilidade do conteúdo do site. Em um website estático, todo o conteúdo das páginas é inserido manualmente por desenvolvedores web profissionais diretamente no código HTML. Esse processo é conhecido como construção da página em tempo de pro je to , ou seja, ao mesmo que o site é codificado tem também o conteúdo inserido. Sites estáticos não tem sistema de gerenciamento de conteúdo e são mantidos pelo profissional desenvolvedor, que deve inserir/alterar/excluir informações do site de forma manual quando necessário.

Sites estáticos tem como vantagem a rapidez e o baixo custo de desenvolvimento. Contudo se houver necessidade de atualização constante de conteúdo, a sua manutenção torna-se cara. Geralmente usado por pessoas ou instituições que apenas querem ter uma versão de seus portfólios, relação de serviços e endereços de contato disponível online, e que não sofrerão muita atualização.

Tecnicamente um site de conteúdo estático é escrito basicamente em linguagem HTML, mas pode conter também outras linguagens e scripts client-side. Quando um arquivo estático é solicitado por um usuário (Figura 1), o servidor web busca o arquivo em alguma pasta do sistema e o envia para o usuário no estado em que se encontra (não fazendo nenhum pré-processamento com o arquivo) cabendo apenas ao navegador do usuário interpretar o seu conteúdo e apresentar ao usuário.

Site de conteúdo estático corresponde a: s i t e com conteúdo introduzido/alterado/excluído manualmente no código s i t e s i t e sem s is tema de gerenc iamento de conteúdo s i t e interpretado apenas na máquina do c l i ente

ProfªMSc.ElizabeteMunzlingerwww.elizabete.com.br

3

Figura1.Requisiçãodeumapáginaestáticaaoservidorweb.

b)SitedeConteúdoDinâmico

Em um website dinâmico, todo ou parte do conteúdo das páginas é carregado automaticamente através do processamento de um script server-side. Esse processo pode ser chamado de conteúdo construído on the f ly , ou seja, no momento em que a página é requisitada por um browser, o script (inserido no código HTML) é processado pelo servidor web, para depois enviá-la para o usuário. O objetivo mais comum do script é buscar por informações novas armazenadas em um banco de dados ou arquivo de texto no servidor. Um site dinâmico possui então um de gerenciador de conteúdo, que permite que tal informação seja armazenada e recuperada posteriormente via scripts.

A atualização de conteúdo torna-se mais rápida, eficaz, e pode ser mantida pelos usuários e administradores do site. A dependência de uma profissional desenvolvedor, atem-se à modificações estruturais, ampliação do site, etc. Sites dinâmicos tem como vantagem o baixo custo de manutenção para atualização de conteúdo. Porém seu desenvolvimento é mais demorado e muito mais caro. Normalmente utilizado por grandes empresas, pessoas ou instituições que necessitam de alta rotatividade de informações no site e que necessitam coletar informações dos usuários.

Um site de conteúdo dinâmico é escrito em linguagem HTML incrementado com scripts server-side, mas pode conter também outras linguagens e scripts client-side. Quando um arquivo deste é solicitado por um usuário (Figura 2), o servidor web busca o arquivo em alguma pasta do sistema, processa todos os scripts server-side e depois o envia, cabendo ao navegador do usuário interpretar o restante do seu conteúdo e apresentar ao usuário.

Site de conteúdo dinâmico corresponde a: s i t e com conteúdo carregado/gerado automati camente através de scr ipts s i t e com sis tema de gerenc iamento de conteúdo s i t e pré-processado no serv idor e poster iormente interpretado na máquina do c l i ente

ProfªMSc.ElizabeteMunzlingerwww.elizabete.com.br

4

Figura2.Requisiçãodeumapáginadinâmicaaoservidorweb.

Pode-se fazer um paralelo entre site de conteúdo estático e de conteúdo dinâmico comparando com as imagens a seguir. A Figura 3a contém gelo absoluto: o gelo representa a informação do site, ou seja, o gelo deverá ser usado por um longo tempo até ser trocado por outro, assim como o conteúdo do site estático. Já na Figura 3b tem-se uma forma de gelo, que representa o site dinâmico, onde o elemento que irá formar o gelo e que representa a informação irá mudar com freqüência, podendo variar entre diversos tipos de líquidos. Ou seja, a informação é dinâmica e muda com maior freqüência, da mesma forma que em um site dinâmico.

a) b) Figura3.a)Geloabsoluto:paralelocomsiteestático.b)Formadegelo:paralelocomsitedinâmico

c)SitedeConteúdoInterativo

Interativo é tudo que envolve comunicação de dupla via. Necessita da interação do usuário ou do sistema para existir. Funciona localmente. Ex: Efeitos em JavaScript (calculadoras, jogos, janelas de mensagens), etc. Pode estar presente em sites estáticos ou dinâmicos. Um site pode ser interativo combinando linguagens e tecnologias client-side ou Server-side.

d)SitedeConteúdoAnimado

A animação em si é um objeto independente que é inserido em uma página qualquer (estática ou dinâmica). Pode ser de execução automática ou ativado por alguma interação do usuário. Ex: Charges em Flash, jogos, etc. Pode-se obter animação combinando linguagens e tecnologias client-side ou Server-side. Os sites normalmente são mistos. Exemplos:

ProfªMSc.ElizabeteMunzlingerwww.elizabete.com.br

5

e)Exemplogeral

Figura4.Exemplosdesitescomconteúdosestático,dinâmicoeinterativo

ReferênciasBibliográficas1. CARDOSO,Márdel.Desenvolvimentowebparaoensinosuperior.RiodeJaneiro:AxcelBooks,2004.2. MACEDO,MarcelodaSilva.ConstruindositesadotandopadrõesWeb.RiodeJaneiro:CiênciaModerna,

2004.3. ALBERTIN,AlbertoLuiz.Comércioeletrônico:modelo,aspectosecontribuiçõesdesuaaplicação.SãoPaulo:

Atlas,2004.4. W3C.WordWideWebConsortium.Disponívelonlineem:[http://www.w3.org/]5. Wikipédia.Disponívelem:[http://pt.wikipedia.org]6. Webdesign.RevistaWebdesign.RiodeJaneiro:Artecom,2010.7. TiDigital.RevistaTIDigital.RiodeJaneiro:Artecom,2010.