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 (20)

Potencialidades do Litoral
Potencialidades do LitoralPotencialidades do Litoral
Potencialidades do Litoral
 
Modelo osi
Modelo osiModelo osi
Modelo osi
 
Aula 3. frameworks front end
Aula 3. frameworks front endAula 3. frameworks front end
Aula 3. frameworks front end
 
O que é bit e byte
O que é bit e byteO que é bit e byte
O que é bit e byte
 
Redes 7 ferramentas para montagem de redes
Redes 7 ferramentas para montagem de redesRedes 7 ferramentas para montagem de redes
Redes 7 ferramentas para montagem de redes
 
2. impactes e_solucoes_-pesca_fil_eminimizer_
2. impactes e_solucoes_-pesca_fil_eminimizer_2. impactes e_solucoes_-pesca_fil_eminimizer_
2. impactes e_solucoes_-pesca_fil_eminimizer_
 
Servidores de impressão
Servidores de impressãoServidores de impressão
Servidores de impressão
 
Sistema Operativo Servidor
Sistema Operativo ServidorSistema Operativo Servidor
Sistema Operativo Servidor
 
Antivírus
AntivírusAntivírus
Antivírus
 
Pesca
PescaPesca
Pesca
 
Recursos marítimos
Recursos marítimosRecursos marítimos
Recursos marítimos
 
Protocolos TCP/IP
Protocolos TCP/IPProtocolos TCP/IP
Protocolos TCP/IP
 
So-mod-1
So-mod-1So-mod-1
So-mod-1
 
A História Da Internet
A História Da InternetA História Da Internet
A História Da Internet
 
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
 
Rte t2014.20
Rte t2014.20Rte t2014.20
Rte t2014.20
 
Arquitetura cliente servidor
Arquitetura cliente servidorArquitetura cliente servidor
Arquitetura cliente servidor
 
Pesca
PescaPesca
Pesca
 
So-mod-4
So-mod-4So-mod-4
So-mod-4
 
Engenharia de requisitos
Engenharia de requisitosEngenharia de requisitos
Engenharia de requisitos
 

Destaque (16)

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
 
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
 

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

A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.silves15
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxLuizHenriquedeAlmeid6
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalJacqueline Cerqueira
 
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxSlides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxLuizHenriquedeAlmeid6
 
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxSlides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxLuizHenriquedeAlmeid6
 
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxOsnilReis1
 
Música Meu Abrigo - Texto e atividade
Música   Meu   Abrigo  -   Texto e atividadeMúsica   Meu   Abrigo  -   Texto e atividade
Música Meu Abrigo - Texto e atividadeMary Alvarenga
 
Universidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comumUniversidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comumPatrícia de Sá Freire, PhD. Eng.
 
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxAD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxkarinedarozabatista
 
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
activIDADES CUENTO  lobo esta  CUENTO CUARTO GRADOactivIDADES CUENTO  lobo esta  CUENTO CUARTO GRADO
activIDADES CUENTO lobo esta CUENTO CUARTO GRADOcarolinacespedes23
 
Bullying - Texto e cruzadinha
Bullying        -     Texto e cruzadinhaBullying        -     Texto e cruzadinha
Bullying - Texto e cruzadinhaMary Alvarenga
 
GÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - CartumGÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - CartumAugusto Costa
 
Simulado 2 Etapa - 2024 Proximo Passo.pdf
Simulado 2 Etapa  - 2024 Proximo Passo.pdfSimulado 2 Etapa  - 2024 Proximo Passo.pdf
Simulado 2 Etapa - 2024 Proximo Passo.pdfEditoraEnovus
 
Simulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfSimulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfEditoraEnovus
 
Bullying - Atividade com caça- palavras
Bullying   - Atividade com  caça- palavrasBullying   - Atividade com  caça- palavras
Bullying - Atividade com caça- palavrasMary Alvarenga
 
Manual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManuais Formação
 
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -Aline Santana
 
E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?Rosalina Simão Nunes
 
D9 RECONHECER GENERO DISCURSIVO SPA.pptx
D9 RECONHECER GENERO DISCURSIVO SPA.pptxD9 RECONHECER GENERO DISCURSIVO SPA.pptx
D9 RECONHECER GENERO DISCURSIVO SPA.pptxRonys4
 
02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdf02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdfJorge Andrade
 

Último (20)

A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem Organizacional
 
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxSlides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
 
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxSlides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
 
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
 
Música Meu Abrigo - Texto e atividade
Música   Meu   Abrigo  -   Texto e atividadeMúsica   Meu   Abrigo  -   Texto e atividade
Música Meu Abrigo - Texto e atividade
 
Universidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comumUniversidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comum
 
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxAD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
 
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
activIDADES CUENTO  lobo esta  CUENTO CUARTO GRADOactivIDADES CUENTO  lobo esta  CUENTO CUARTO GRADO
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
 
Bullying - Texto e cruzadinha
Bullying        -     Texto e cruzadinhaBullying        -     Texto e cruzadinha
Bullying - Texto e cruzadinha
 
GÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - CartumGÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
 
Simulado 2 Etapa - 2024 Proximo Passo.pdf
Simulado 2 Etapa  - 2024 Proximo Passo.pdfSimulado 2 Etapa  - 2024 Proximo Passo.pdf
Simulado 2 Etapa - 2024 Proximo Passo.pdf
 
Simulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfSimulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdf
 
Bullying - Atividade com caça- palavras
Bullying   - Atividade com  caça- palavrasBullying   - Atividade com  caça- palavras
Bullying - Atividade com caça- palavras
 
Manual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envio
 
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
 
E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?
 
D9 RECONHECER GENERO DISCURSIVO SPA.pptx
D9 RECONHECER GENERO DISCURSIVO SPA.pptxD9 RECONHECER GENERO DISCURSIVO SPA.pptx
D9 RECONHECER GENERO DISCURSIVO SPA.pptx
 
02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdf02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.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