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

Sistemas de Gerenciamento de Conteúdo
Sistemas de Gerenciamento de ConteúdoSistemas de Gerenciamento de Conteúdo
Sistemas de Gerenciamento de ConteúdoTiago Celestino
 
Redes 4 endereçamento
Redes 4 endereçamentoRedes 4 endereçamento
Redes 4 endereçamentoMauro Pereira
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento webRodrigo Rodrigues
 
MPIII - Aula 2, parte 1: O estilo arquitetónico MVC original de Krasner & Pope
MPIII - Aula 2, parte 1: O estilo arquitetónico MVC original de Krasner & PopeMPIII - Aula 2, parte 1: O estilo arquitetónico MVC original de Krasner & Pope
MPIII - Aula 2, parte 1: O estilo arquitetónico MVC original de Krasner & PopeLeonel Morgado
 
Webdesign - Elementos de um página web
Webdesign - Elementos de um página webWebdesign - Elementos de um página web
Webdesign - Elementos de um página webOdair Cavichioli
 
Introdução a programação para a Internet
Introdução a programação para a InternetIntrodução a programação para a Internet
Introdução a programação para a InternetLeonardo Soares
 
1 conceitos, aplicações e recursos multimídia
1 conceitos, aplicações e recursos multimídia1 conceitos, aplicações e recursos multimídia
1 conceitos, aplicações e recursos multimídiaTatiana Fernández
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web designCarla Suelen
 
Metodologia para criação de sites
Metodologia para criação de sitesMetodologia para criação de sites
Metodologia para criação de sitesCelina Uemura
 
Endereçamento ipv4 e ipv6-
 Endereçamento ipv4 e ipv6- Endereçamento ipv4 e ipv6-
Endereçamento ipv4 e ipv6-Mariana Melo
 
Planejamento de Mídia
Planejamento de MídiaPlanejamento de Mídia
Planejamento de MídiaRafael. Firmi
 
Introdução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticasIntrodução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticasSusana Oliveira
 
TCC Edson Espíndola Júnior - UX DESIGN – UM ESTUDO SOBRE A CRIAÇÃO DE INTERFA...
TCC Edson Espíndola Júnior - UX DESIGN – UM ESTUDO SOBRE A CRIAÇÃO DE INTERFA...TCC Edson Espíndola Júnior - UX DESIGN – UM ESTUDO SOBRE A CRIAÇÃO DE INTERFA...
TCC Edson Espíndola Júnior - UX DESIGN – UM ESTUDO SOBRE A CRIAÇÃO DE INTERFA...Diego Moreau
 
O Processo de Desenvolvimento de Software
O Processo de Desenvolvimento de SoftwareO Processo de Desenvolvimento de Software
O Processo de Desenvolvimento de SoftwareCamilo de Melo
 
01 Introdução à programação web
01 Introdução à programação web01 Introdução à programação web
01 Introdução à programação webCentro Paula Souza
 
Arquitetura de Serviços - SOA, REST, Microservices e a plataforma .NET
Arquitetura de Serviços - SOA, REST, Microservices e a plataforma .NETArquitetura de Serviços - SOA, REST, Microservices e a plataforma .NET
Arquitetura de Serviços - SOA, REST, Microservices e a plataforma .NETRenato Groff
 

Mais procurados (20)

Sistemas de Gerenciamento de Conteúdo
Sistemas de Gerenciamento de ConteúdoSistemas de Gerenciamento de Conteúdo
Sistemas de Gerenciamento de Conteúdo
 
Aula 04 layout e composição do site
Aula 04   layout e composição do siteAula 04   layout e composição do site
Aula 04 layout e composição do site
 
Redes 4 endereçamento
Redes 4 endereçamentoRedes 4 endereçamento
Redes 4 endereçamento
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
 
MPIII - Aula 2, parte 1: O estilo arquitetónico MVC original de Krasner & Pope
MPIII - Aula 2, parte 1: O estilo arquitetónico MVC original de Krasner & PopeMPIII - Aula 2, parte 1: O estilo arquitetónico MVC original de Krasner & Pope
MPIII - Aula 2, parte 1: O estilo arquitetónico MVC original de Krasner & Pope
 
Webdesign - Elementos de um página web
Webdesign - Elementos de um página webWebdesign - Elementos de um página web
Webdesign - Elementos de um página web
 
Semiótica Social
Semiótica SocialSemiótica Social
Semiótica Social
 
Introdução a programação para a Internet
Introdução a programação para a InternetIntrodução a programação para a Internet
Introdução a programação para a Internet
 
1 conceitos, aplicações e recursos multimídia
1 conceitos, aplicações e recursos multimídia1 conceitos, aplicações e recursos multimídia
1 conceitos, aplicações e recursos multimídia
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
 
Prototipação
PrototipaçãoPrototipação
Prototipação
 
Metodologia para criação de sites
Metodologia para criação de sitesMetodologia para criação de sites
Metodologia para criação de sites
 
Endereçamento ipv4 e ipv6-
 Endereçamento ipv4 e ipv6- Endereçamento ipv4 e ipv6-
Endereçamento ipv4 e ipv6-
 
Planejamento de Mídia
Planejamento de MídiaPlanejamento de Mídia
Planejamento de Mídia
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
 
Introdução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticasIntrodução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticas
 
TCC Edson Espíndola Júnior - UX DESIGN – UM ESTUDO SOBRE A CRIAÇÃO DE INTERFA...
TCC Edson Espíndola Júnior - UX DESIGN – UM ESTUDO SOBRE A CRIAÇÃO DE INTERFA...TCC Edson Espíndola Júnior - UX DESIGN – UM ESTUDO SOBRE A CRIAÇÃO DE INTERFA...
TCC Edson Espíndola Júnior - UX DESIGN – UM ESTUDO SOBRE A CRIAÇÃO DE INTERFA...
 
O Processo de Desenvolvimento de Software
O Processo de Desenvolvimento de SoftwareO Processo de Desenvolvimento de Software
O Processo de Desenvolvimento de Software
 
01 Introdução à programação web
01 Introdução à programação web01 Introdução à programação web
01 Introdução à programação web
 
Arquitetura de Serviços - SOA, REST, Microservices e a plataforma .NET
Arquitetura de Serviços - SOA, REST, Microservices e a plataforma .NETArquitetura de Serviços - SOA, REST, Microservices e a plataforma .NET
Arquitetura de Serviços - SOA, REST, Microservices e a plataforma .NET
 

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

Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...azulassessoria9
 
Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024Cabiamar
 
Aula prática JOGO-Regencia-Verbal-e-Nominal.pdf
Aula prática JOGO-Regencia-Verbal-e-Nominal.pdfAula prática JOGO-Regencia-Verbal-e-Nominal.pdf
Aula prática JOGO-Regencia-Verbal-e-Nominal.pdfKarinaSouzaCorreiaAl
 
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdfTCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdfamarianegodoi
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...PatriciaCaetano18
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxLuizHenriquedeAlmeid6
 
Artigo Científico - Estrutura e Formatação.ppt
Artigo Científico - Estrutura e Formatação.pptArtigo Científico - Estrutura e Formatação.ppt
Artigo Científico - Estrutura e Formatação.pptRogrioGonalves41
 
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxCartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxMarcosLemes28
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdfmarlene54545
 
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...marcelafinkler
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...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
 
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxLuizHenriquedeAlmeid6
 
QUIZ ensino fundamental 8º ano revisão geral
QUIZ ensino fundamental 8º ano revisão geralQUIZ ensino fundamental 8º ano revisão geral
QUIZ ensino fundamental 8º ano revisão geralAntonioVieira539017
 
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptxPlano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptxPaulaYaraDaasPedro
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxFlviaGomes64
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptxJssicaCassiano2
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticash5kpmr7w7
 
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...marcelafinkler
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxAntonioVieira539017
 

Último (20)

Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
 
Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024
 
Aula prática JOGO-Regencia-Verbal-e-Nominal.pdf
Aula prática JOGO-Regencia-Verbal-e-Nominal.pdfAula prática JOGO-Regencia-Verbal-e-Nominal.pdf
Aula prática JOGO-Regencia-Verbal-e-Nominal.pdf
 
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdfTCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 
Artigo Científico - Estrutura e Formatação.ppt
Artigo Científico - Estrutura e Formatação.pptArtigo Científico - Estrutura e Formatação.ppt
Artigo Científico - Estrutura e Formatação.ppt
 
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxCartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptx
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
 
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
 
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
 
QUIZ ensino fundamental 8º ano revisão geral
QUIZ ensino fundamental 8º ano revisão geralQUIZ ensino fundamental 8º ano revisão geral
QUIZ ensino fundamental 8º ano revisão geral
 
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptxPlano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
 

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