SlideShare uma empresa Scribd logo
1 de 17
Baixar para ler offline
DESENVOLVIMENTO E
           DESIGN DE WEBSITES 1
                                  1

                            PROFESSORES:
                       LUCIANO SBRAGI CRECENTE
                       GABRIEL PHELIPE TEIXEIRA




LUCIANO.CRECENTE@ETEC.SP.GOV.BR
O que é um site?
                                   2

 Um website, site, saite, sítio eletrônico (português
  brasileiro) ou sítio, sítio eletrónico/web/da
  internet (português europeu) é um conjunto de páginas
  web, isto é, de hipertextos acessíveis geralmente pelo
  protocolo HTTP na Internet.
 O conjunto de todos os sites públicos existentes compõe
  a World Wide Web.
 As páginas num site são organizadas a partir de
  um URL básico, ou sítio, onde fica a página principal, e
  geralmente residem no mesmo diretório de um servidor.
  (fonte: Wikipédia)

LUCIANO.CRECENTE@ETEC.SP.GOV.BR
Origem do nome
                                  3

 Quando a World Wide Web foi criada no CERN, ela
  recebeu esse nome de seu criador Tim Berners-Lee.
 Ele comparou a sua criação com uma teia, "web" em
  inglês. Cada nó dessa teia é um local (virtual) onde
  há hipertextos. Como a palavra inglesa para local
  é site (também derivada do latim situs: "lugar,
  local"), quando as pessoas queriam se referir a um
  local da teia, elas falavam, web site.
 Assim um novo nome surgiu para designar esse novo
  conceito de nó onde há um conjunto de
  hipertextos: Web site. (fonte: Wikipédia)

LUCIANO.CRECENTE@ETEC.SP.GOV.BR
Visão geral
                                       4

 Sites são escritos em, ou dinamicamente convertidos
  para HTML e acessados usando um software cliente
  chamado web browser ou navegador.
 Sites consistem de páginas HTML estáticas ou páginas
  criadas dinamicamente usando tecnologias
  como JSP, PHP ou ASP.
 Um site também requer um software conhecido
  como servidor web, como o Apache (Linux), o mais
  usado, ou o IIS (Windows).
 Frequentemente sites possuem também conteúdo
  armazenado em banco de dados (base de dados). (fonte:
  Wikipédia)

LUCIANO.CRECENTE@ETEC.SP.GOV.BR
Propósitos dos Sites
                                  5

 Institucional: muitas empresas usam seus sites como ponto
  de contato entre uma instituição e seus clientes, fornecedores,
  etc. No caso de instituições comerciais, usam-se sites também
  para comércio eletrônico, recrutamento de funcionários etc.
  Instituições sem fins lucrativos também usam seus sites para
  divulgarem seus trabalhos, informarem a respeito de eventos
  etc. Há também o caso dos sites mantidos por profissionais
  liberais, para publicarem seus trabalhos.
 Informações: veículos de comunicação como jornais,
  revistas e agências de notícias utilizam a Internet para
  veicular notícias, por meio de seus sites.
  Jornalistas freelancer e indivíduos comuns também publicam
  informações na Internet, por meio de blogs e podcasts.
LUCIANO.CRECENTE@ETEC.SP.GOV.BR
Propósitos dos Sites
                                  6

 Armazenagem de informações: alguns sites
  funcionam como bancos de dados, que catalogam
  registros e permitem efetuar buscas, podendo incluir
  áudio, vídeo, imagens,softwares, mercadorias, ou mesmo
  outros sites. Alguns exemplos são os sites de busca, os
  catálogos na Internet, e os Wikis, que aceitam tanto
  leitura quanto escrita.
 Aplicações: existem sites cujo conteúdo consiste de
  ferramentas de automatização, produtividade e
  compartilhamento, substituindo aplicações de desktop.
  Podem ser processadores de texto, planilhas eletrônicas,
  editores de imagem, softwares de correio eletrônico,
  agendas, etc. (fonte: Wikipédia)


LUCIANO.CRECENTE@ETEC.SP.GOV.BR
Propósitos dos Sites
                                  7

 Comunitário: são os sites que servem para a
  comunicação de usuários com outros usuários da
  rede. Nesta categoria se encontram os chats, fóruns
  e sites de relacionamento.
 Portais: são chamados de "portais" os sites que
  congregam conteúdos de diversos tipos entre os
  demais tipos, geralmente fornecidos por uma mesma
  empresa. Recebem esse nome por congregarem a
  grande maioria dos serviços da Internet num mesmo
  local. (fonte: Wikipédia)

LUCIANO.CRECENTE@ETEC.SP.GOV.BR
A evolução da Web
                                  8

 Pré-Web
 Passado (web 1.0)
 Presente (web 2.0)
 Futuro (web 3.0)




LUCIANO.CRECENTE@ETEC.SP.GOV.BR
Fase pré-Web
                                   9

 Tentativa de tornar a internet útil, mas ...
 os serviços de informação oferecidos eram pequenos
    espaços e...
   os usuários navegavam restritos a esses espaços
   Soluções eram proprietárias e as plataformas não-
    abertas
   CompuServe
   AOL
   Prodigy

LUCIANO.CRECENTE@ETEC.SP.GOV.BR
O passado da Web (web 1.0)
                                  10

 Hiperlinkagem em documentos
 Tim Berners Lee inventou a Web em 1989. Sua
  genialidade foi criar e juntar três simples
  tecnologias, mas muito elegantes:
 Localizador ou Identificador Uniforme de Recursos
  (URL ou URI)
  para identificar recursos (por exemplo, documentos, dados)
  na Web, e saber onde encontrá-los.
 Hypertext Markup Language (HTML)
  linguagem para representar o conteúdo em termos de
  páginas na Web e de expressá-las em links.
 Hypertext Transfer Protocol (HTTP)
  protocolo para mover dados na Web e em toda a Internet.

LUCIANO.CRECENTE@ETEC.SP.GOV.BR
O passado da Web (web 1.0)
                                  11




LUCIANO.CRECENTE@ETEC.SP.GOV.BR
O passado da Web (web 1.0)
                                  12



  ... além disso Tim Berners Lee percebeu logo cedo que
   havia um quarto componente para que a Web alcançasse
   sucesso ... Tecnologia aberta e disponibilizada
   gratuitamente para todos
  Em 1998, Google inovou com um algoritmo que trouxe
   melhora significativa no desempenho e simplicidade das
   pesquisas na Web, baseando-se no poder da linguagem
   padrão HTML.
  As pesquisas no Google trouxeram mais expectativas e
   hiperlinkagens no uso da WEB, relacionando pessoas,
   produtos, serviços. Criando novas interações e novos
   mercados.
LUCIANO.CRECENTE@ETEC.SP.GOV.BR
O presente da Web (web 2.0)
                                       13

 A Web cresceu muito e rapidamente ...
 mais de 100 milhões de sites ativos
 mais de 1 bilhão de pessoas acessam a Web de:
  Hiperlinkagem de documentos; para: Conteúdo
  dinâmico gerado pelos usuários




                            ~ 80 milhões de vídeos
                            ~ 4 milhões de usuários

LUCIANO.CRECENTE@ETEC.SP.GOV.BR
O presente da Web (web 2.0)
                                  14




LUCIANO.CRECENTE@ETEC.SP.GOV.BR
O presente da Web (web 2.0)
                                  15


  Wikipédia: + de 2.400.000 artigos




LUCIANO.CRECENTE@ETEC.SP.GOV.BR
O presente da Web (web 2.0)
                                  16

 A web 2.0 está mais próxima da visão original de
  Tim Berners Lee ... a Web como verdadeira
  colaboração, meio de interação, comunicação global
  e compartilhamento de informações.




LUCIANO.CRECENTE@ETEC.SP.GOV.BR
O futuro da Web (web 3.0)
                                  17

 A próxima evolução na Web, se não for uma revolução, será a da
   linkagem de dados e dispositivos.
 Novas formas de integração e de combinação de dados para
   conseguir informações e idéias nunca antes possível.
 novas maneiras de conectar à Internet através de uma variedade de
   dispositivos capazes de pesquisar, combinar e analisar os dados.
 o W3C busca padronizar as tecnologias emergentes que permitirão a
   Web 3,0 se tornar uma realidade
 Web Semântica (identificando o perfil do usuário)
 Vídeo na Web
 Web Móvel
 Web Ubíqua ( a onipresença da informática no cotidiano das
   pessoas, acessível de qualquer lugar e dispositivo)
(fonte: w3c.br)


LUCIANO.CRECENTE@ETEC.SP.GOV.BR

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Primeira guerra mundial 9 anos
Primeira guerra mundial 9 anosPrimeira guerra mundial 9 anos
Primeira guerra mundial 9 anos
 
Informática básica internet
Informática básica internetInformática básica internet
Informática básica internet
 
O Terramoto de 1755
O Terramoto de 1755O Terramoto de 1755
O Terramoto de 1755
 
Trabalho sobre iluminismo maria joana morais 11ºj
Trabalho sobre iluminismo  maria joana morais 11ºjTrabalho sobre iluminismo  maria joana morais 11ºj
Trabalho sobre iluminismo maria joana morais 11ºj
 
Serviços de internet
Serviços de internetServiços de internet
Serviços de internet
 
Portugal no contexto europeu do Século XII a XIV
Portugal no contexto europeu do Século XII a XIVPortugal no contexto europeu do Século XII a XIV
Portugal no contexto europeu do Século XII a XIV
 
Historia da internet
Historia da internetHistoria da internet
Historia da internet
 
*Evolução dos meios de comunicação*
*Evolução dos meios de comunicação**Evolução dos meios de comunicação*
*Evolução dos meios de comunicação*
 
A civilização romana
A civilização romana  A civilização romana
A civilização romana
 
Internet
InternetInternet
Internet
 
O que é a internet
O que é a internetO que é a internet
O que é a internet
 
Slide internet
Slide   internetSlide   internet
Slide internet
 
Internet
InternetInternet
Internet
 
Trabalho sobre a Internet
Trabalho sobre a InternetTrabalho sobre a Internet
Trabalho sobre a Internet
 
Aula - Internet
Aula - InternetAula - Internet
Aula - Internet
 
Virtualização - O Futuro é na NUVEM
Virtualização - O Futuro é na NUVEMVirtualização - O Futuro é na NUVEM
Virtualização - O Futuro é na NUVEM
 
O Despotismo Pombalino
O  Despotismo  PombalinoO  Despotismo  Pombalino
O Despotismo Pombalino
 
Termos da informática
Termos da informáticaTermos da informática
Termos da informática
 
Quiz de informatica básica
Quiz de informatica básicaQuiz de informatica básica
Quiz de informatica básica
 
As sociedades ocidentais
As sociedades ocidentaisAs sociedades ocidentais
As sociedades ocidentais
 

Destaque (18)

Sites Híbridos - Sites funcionam em qualquer lugar
Sites Híbridos - Sites funcionam em qualquer lugarSites Híbridos - Sites funcionam em qualquer lugar
Sites Híbridos - Sites funcionam em qualquer lugar
 
Tecnografia
TecnografiaTecnografia
Tecnografia
 
Websites e a evolução da Web
Websites e a evolução da WebWebsites e a evolução da Web
Websites e a evolução da Web
 
Php
PhpPhp
Php
 
Html básico 3 links
Html básico 3   linksHtml básico 3   links
Html básico 3 links
 
Html básico 1
Html básico 1Html básico 1
Html básico 1
 
Html básico 2 imagens
Html básico 2   imagensHtml básico 2   imagens
Html básico 2 imagens
 
Html básico 4 tabelas
Html básico 4   tabelasHtml básico 4   tabelas
Html básico 4 tabelas
 
Sistema operacional embarcado
Sistema operacional embarcadoSistema operacional embarcado
Sistema operacional embarcado
 
Adobe flash cs3
Adobe flash cs3Adobe flash cs3
Adobe flash cs3
 
Visão geral do sistema operacional
Visão geral do sistema operacionalVisão geral do sistema operacional
Visão geral do sistema operacional
 
SO para computadores pessoais
SO para computadores pessoaisSO para computadores pessoais
SO para computadores pessoais
 
Noções básicas de Sistemas Operacionais
Noções básicas de Sistemas OperacionaisNoções básicas de Sistemas Operacionais
Noções básicas de Sistemas Operacionais
 
Aula 05 layout e composição do site
Aula 05   layout e composição do siteAula 05   layout e composição do site
Aula 05 layout e composição do site
 
Sistemas Operacionais para Servidores
Sistemas Operacionais para ServidoresSistemas Operacionais para Servidores
Sistemas Operacionais para Servidores
 
Tipos de Sistemas Operacionais
Tipos de Sistemas OperacionaisTipos de Sistemas Operacionais
Tipos de Sistemas Operacionais
 
Website Layout and Structure
Website Layout and StructureWebsite Layout and Structure
Website Layout and Structure
 
Páginas dinâmicas
Páginas dinâmicasPáginas dinâmicas
Páginas dinâmicas
 

Semelhante a Conceitos históricos e evolução dos websites

Semelhante a Conceitos históricos e evolução dos websites (20)

Perspectivas De Desenvolvimento Para Web
Perspectivas De Desenvolvimento Para WebPerspectivas De Desenvolvimento Para Web
Perspectivas De Desenvolvimento Para Web
 
A Evolução da World Wide Web
A Evolução da World Wide WebA Evolução da World Wide Web
A Evolução da World Wide Web
 
Aula01 midia digital
Aula01 midia digitalAula01 midia digital
Aula01 midia digital
 
Daw slide 01
Daw slide 01Daw slide 01
Daw slide 01
 
Internet
InternetInternet
Internet
 
Tecnologia web aula 01
Tecnologia web  aula 01Tecnologia web  aula 01
Tecnologia web aula 01
 
Informatica vários conteúdos
Informatica   vários conteúdosInformatica   vários conteúdos
Informatica vários conteúdos
 
Internet
InternetInternet
Internet
 
A Criação da Web
A Criação da WebA Criação da Web
A Criação da Web
 
Os mecanismos-de-busca-e-suas-implicações
Os mecanismos-de-busca-e-suas-implicaçõesOs mecanismos-de-busca-e-suas-implicações
Os mecanismos-de-busca-e-suas-implicações
 
Os mecanismos-de-busca-e-suas-implicações
Os mecanismos-de-busca-e-suas-implicaçõesOs mecanismos-de-busca-e-suas-implicações
Os mecanismos-de-busca-e-suas-implicações
 
GT4 - Tópicos de Programação e Evolução WEB
GT4 - Tópicos de Programação e Evolução WEBGT4 - Tópicos de Programação e Evolução WEB
GT4 - Tópicos de Programação e Evolução WEB
 
Pós oficina ii parte04
Pós oficina ii parte04Pós oficina ii parte04
Pós oficina ii parte04
 
Trabalho de informática internet
Trabalho de informática internetTrabalho de informática internet
Trabalho de informática internet
 
Aula_Internet 1 - 2023.pptx
Aula_Internet 1 - 2023.pptxAula_Internet 1 - 2023.pptx
Aula_Internet 1 - 2023.pptx
 
Internet
InternetInternet
Internet
 
Internet
InternetInternet
Internet
 
Conhecendo a biblioteca 2.0
Conhecendo a biblioteca 2.0Conhecendo a biblioteca 2.0
Conhecendo a biblioteca 2.0
 
Serviços de informação na web 2.0 e 3.0
Serviços de informação na web 2.0 e 3.0Serviços de informação na web 2.0 e 3.0
Serviços de informação na web 2.0 e 3.0
 
O Futuro Da Web
O Futuro Da WebO Futuro Da Web
O Futuro Da Web
 

Último

Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfHELENO FAVACHO
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)ElliotFerreira
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfHELENO FAVACHO
 
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...azulassessoria9
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfWagnerCamposCEA
 
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfPRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfprofesfrancleite
 
Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Ilda Bicacro
 
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdfGEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdfRavenaSales1
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecniCleidianeCarvalhoPer
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...HELENO FAVACHO
 
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdfLeloIurk1
 
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasJogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasSocorro Machado
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfFrancisco Márcio Bezerra Oliveira
 
Apresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxApresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxLusGlissonGud
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...azulassessoria9
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptssuser2b53fe
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfHELENO FAVACHO
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.Mary Alvarenga
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfcomercial400681
 
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfLeloIurk1
 

Último (20)

Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
 
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
 
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfPRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
 
Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"
 
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdfGEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
 
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
 
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasJogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
 
Apresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxApresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptx
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.ppt
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
 

Conceitos históricos e evolução dos websites

  • 1. DESENVOLVIMENTO E DESIGN DE WEBSITES 1 1 PROFESSORES: LUCIANO SBRAGI CRECENTE GABRIEL PHELIPE TEIXEIRA LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 2. O que é um site? 2  Um website, site, saite, sítio eletrônico (português brasileiro) ou sítio, sítio eletrónico/web/da internet (português europeu) é um conjunto de páginas web, isto é, de hipertextos acessíveis geralmente pelo protocolo HTTP na Internet.  O conjunto de todos os sites públicos existentes compõe a World Wide Web.  As páginas num site são organizadas a partir de um URL básico, ou sítio, onde fica a página principal, e geralmente residem no mesmo diretório de um servidor. (fonte: Wikipédia) LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 3. Origem do nome 3  Quando a World Wide Web foi criada no CERN, ela recebeu esse nome de seu criador Tim Berners-Lee.  Ele comparou a sua criação com uma teia, "web" em inglês. Cada nó dessa teia é um local (virtual) onde há hipertextos. Como a palavra inglesa para local é site (também derivada do latim situs: "lugar, local"), quando as pessoas queriam se referir a um local da teia, elas falavam, web site.  Assim um novo nome surgiu para designar esse novo conceito de nó onde há um conjunto de hipertextos: Web site. (fonte: Wikipédia) LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 4. Visão geral 4  Sites são escritos em, ou dinamicamente convertidos para HTML e acessados usando um software cliente chamado web browser ou navegador.  Sites consistem de páginas HTML estáticas ou páginas criadas dinamicamente usando tecnologias como JSP, PHP ou ASP.  Um site também requer um software conhecido como servidor web, como o Apache (Linux), o mais usado, ou o IIS (Windows).  Frequentemente sites possuem também conteúdo armazenado em banco de dados (base de dados). (fonte: Wikipédia) LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 5. Propósitos dos Sites 5  Institucional: muitas empresas usam seus sites como ponto de contato entre uma instituição e seus clientes, fornecedores, etc. No caso de instituições comerciais, usam-se sites também para comércio eletrônico, recrutamento de funcionários etc. Instituições sem fins lucrativos também usam seus sites para divulgarem seus trabalhos, informarem a respeito de eventos etc. Há também o caso dos sites mantidos por profissionais liberais, para publicarem seus trabalhos.  Informações: veículos de comunicação como jornais, revistas e agências de notícias utilizam a Internet para veicular notícias, por meio de seus sites. Jornalistas freelancer e indivíduos comuns também publicam informações na Internet, por meio de blogs e podcasts. LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 6. Propósitos dos Sites 6  Armazenagem de informações: alguns sites funcionam como bancos de dados, que catalogam registros e permitem efetuar buscas, podendo incluir áudio, vídeo, imagens,softwares, mercadorias, ou mesmo outros sites. Alguns exemplos são os sites de busca, os catálogos na Internet, e os Wikis, que aceitam tanto leitura quanto escrita.  Aplicações: existem sites cujo conteúdo consiste de ferramentas de automatização, produtividade e compartilhamento, substituindo aplicações de desktop. Podem ser processadores de texto, planilhas eletrônicas, editores de imagem, softwares de correio eletrônico, agendas, etc. (fonte: Wikipédia) LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 7. Propósitos dos Sites 7  Comunitário: são os sites que servem para a comunicação de usuários com outros usuários da rede. Nesta categoria se encontram os chats, fóruns e sites de relacionamento.  Portais: são chamados de "portais" os sites que congregam conteúdos de diversos tipos entre os demais tipos, geralmente fornecidos por uma mesma empresa. Recebem esse nome por congregarem a grande maioria dos serviços da Internet num mesmo local. (fonte: Wikipédia) LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 8. A evolução da Web 8  Pré-Web  Passado (web 1.0)  Presente (web 2.0)  Futuro (web 3.0) LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 9. Fase pré-Web 9  Tentativa de tornar a internet útil, mas ...  os serviços de informação oferecidos eram pequenos espaços e...  os usuários navegavam restritos a esses espaços  Soluções eram proprietárias e as plataformas não- abertas  CompuServe  AOL  Prodigy LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 10. O passado da Web (web 1.0) 10  Hiperlinkagem em documentos  Tim Berners Lee inventou a Web em 1989. Sua genialidade foi criar e juntar três simples tecnologias, mas muito elegantes:  Localizador ou Identificador Uniforme de Recursos (URL ou URI) para identificar recursos (por exemplo, documentos, dados) na Web, e saber onde encontrá-los.  Hypertext Markup Language (HTML) linguagem para representar o conteúdo em termos de páginas na Web e de expressá-las em links.  Hypertext Transfer Protocol (HTTP) protocolo para mover dados na Web e em toda a Internet. LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 11. O passado da Web (web 1.0) 11 LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 12. O passado da Web (web 1.0) 12  ... além disso Tim Berners Lee percebeu logo cedo que havia um quarto componente para que a Web alcançasse sucesso ... Tecnologia aberta e disponibilizada gratuitamente para todos  Em 1998, Google inovou com um algoritmo que trouxe melhora significativa no desempenho e simplicidade das pesquisas na Web, baseando-se no poder da linguagem padrão HTML.  As pesquisas no Google trouxeram mais expectativas e hiperlinkagens no uso da WEB, relacionando pessoas, produtos, serviços. Criando novas interações e novos mercados. LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 13. O presente da Web (web 2.0) 13  A Web cresceu muito e rapidamente ...  mais de 100 milhões de sites ativos  mais de 1 bilhão de pessoas acessam a Web de: Hiperlinkagem de documentos; para: Conteúdo dinâmico gerado pelos usuários ~ 80 milhões de vídeos ~ 4 milhões de usuários LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 14. O presente da Web (web 2.0) 14 LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 15. O presente da Web (web 2.0) 15  Wikipédia: + de 2.400.000 artigos LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 16. O presente da Web (web 2.0) 16  A web 2.0 está mais próxima da visão original de Tim Berners Lee ... a Web como verdadeira colaboração, meio de interação, comunicação global e compartilhamento de informações. LUCIANO.CRECENTE@ETEC.SP.GOV.BR
  • 17. O futuro da Web (web 3.0) 17  A próxima evolução na Web, se não for uma revolução, será a da linkagem de dados e dispositivos.  Novas formas de integração e de combinação de dados para conseguir informações e idéias nunca antes possível.  novas maneiras de conectar à Internet através de uma variedade de dispositivos capazes de pesquisar, combinar e analisar os dados.  o W3C busca padronizar as tecnologias emergentes que permitirão a Web 3,0 se tornar uma realidade  Web Semântica (identificando o perfil do usuário)  Vídeo na Web  Web Móvel  Web Ubíqua ( a onipresença da informática no cotidiano das pessoas, acessível de qualquer lugar e dispositivo) (fonte: w3c.br) LUCIANO.CRECENTE@ETEC.SP.GOV.BR