SlideShare uma empresa Scribd logo
Web Design
Era uma vez...
Web Design { o começo do começo }
1965 Dois computadores no laboratório Lincoln
do MIT conversam entre si usando a tecnologia
de troca de pacotes.
Web Design { o começo do começo }
Na verdade foi assim...
Web Design { o começo do começo }
1969 Criação da ARPANET, a primeira rede de
computadores à base de troca de pacotes ,a
percursora da Internet. Os primeiros
computadores conectados em rede entre a
Universidade da Califórnia e o Stanford
Research Institute .Estava criado a ARPANET,
primeira rede.
Web Design { o começo do começo }
O plano infalível...
Web Design { o começo do começo }
Mas na prática foi assim...
Web Design { o começo do começo }
Daí então veio:

● o email
● a primeira conexão internacional
● um novo protocolo de conexão (o TCP)
Web Design { o começo do começo }
Em 1980, o hipertexto e o que se tornaria a
World Wide Web como conhecemos.

O projeto se chamava "ENQUIRE", do físico da
CERN Tim Berners-Lee, e tinha como objetivo
tornar mais fácil a troca de informações entre
as faculdades.

* CERN - Organização Européia de Pesquisas Nucleares
Web Design { o começo do começo }
Em 1988, a UFRJ conectou-se à UCLA
(Universidade da Califórnia)
Web Design { o começo do começo }
Em 1993, nasce o primeiro browser, o Mosaic.
Web Design { o começo do começo }
E no ano seguinte, o Netscape.
Web Design { o começo do começo }
E no ano seguinte, o Netscape.



      São os mesmos criadores do Mosaic:
Marc Andreesen e Eric Bina no National Center
  for Supercomputing Applications (NCSA) da
 Universidade de Illinois (Champaign-Urbana).
Web Design { o começo do começo }
E em 1995, nasce o pioneiro na indexação de
conteúdo na Internet; o Altavista.
Web Design { o começo do começo }
Web Design { o começo do começo }
Parecido com um outro, né?
Web Design { o começo do começo }
Web Design { o começo do começo }
Web Design { o começo do começo }




  Mas esse, só nasceu em 1996. Chamado
        inicialmente de BlackRub
Web Design { o começo do começo }
Também em 1995, é iniciado pela EMBRATEL
e o Ministério das Comunicações o
movimento de implantação de uma Rede
Nacional, integrada à rede global.
Web Design { o começo do começo }
Também em 1995, nasce o Comitê Gestor
Internet, que é responsável por:
● Fomentar o desenvolvimento de serviços
  INTERNET no Brasil;
● Recomendar padrões e procedimentos técnicos
  e operacionais para a INTERNET no Brasil;
● Coordenar a atribuição de endereços
  INTERNET, o registro de nomes de domínios, e
  a interconexão de espinhas dorsais;
● Coletar, organizar e disseminar informações
  sobre os serviços INTERNET.
Web Design { o começo do começo }
Mas e o Web Design?
Web Design { o começo do começo }
Bom, durante a evolução do hipertexto...
Web Design { o começo do começo }
Podemos destacar 4 fases até os dias atuais:
Web Design { o começo do começo }
1a. Fase: Era do Texto




http://www.library.cornell.edu/okuref/research/webeval.html
Web Design { o começo do começo }
2a. Fase: Texto, e pouquinho de imagens.




http://www.hitmill.com/internet/web_history.html
Web Design { o começo do começo }
A 2a. Fase, também foi marcada:
● Inicio da utilização dos ícones
● Botões com efeitos 3D
● Imagens substituindo os títulos
● Fundo dos sites com Imagens
● Hierarquia de conteúdo através de cores
Web Design { o começo do começo }
A 2a. Fase, também foi marcada:
● Inicio da utilização dos ícones
● Botões com efeitos 3D
● Imagens substituindo os títulos
● Fundo dos sites com Imagens
● Hierarquia de conteúdo através de cores


● e gif's animados. :P
Web Design { o começo do começo }
A 2a. Fase, também foi marcada:
● Inicio da utilização dos ícones
● Botões com efeitos 3D
● Imagens substituindo os títulos
● Fundo dos sites com Imagens
● Hierarquia de conteúdo através de cores

● e gif's animados. :P

   Os sites eram construídos utilizando tabelas.
Web Design { o começo do começo }
3a. Fase:
● Inicio da Guerra dos Browsers (Microsoft x
  Netscape)
● Conteúdo dinâmico.
● Os sites tinham como alvo atrair e
  comunicar de acordo com objetivos
  específicos.
● Web Designing estava em constante
  transição por conta das inúmeras
  tecnologias e recursos lançados; e a cada
  dia, novas limitações.
Web Design { o começo do começo }
3a. Fase: e chegam os designers gráficos!
Web Design { o começo do começo }
Web Design { o começo do começo }
3a. Fase: e então a moda também era:
● fazer e-commerces,
● sites com trilha sonora
Web Design { o começo do começo }
3a. Fase: e então a moda também era:
● fazer e-commerces,
● sites com trilha sonora


e o Flash Player começa a se popularizar...
Web Design { o começo do começo }
4a. Fase:
Web Design { o começo do começo }
4a. Fase:



 Foi como uma extensão da fase anterior, muitos
 profissionais apostavam de que TODA produção digital
 seria feita de multi-media e rich-content.
Web Design { o começo do começo }
4a. Fase:
Web Design { o começo do começo }
E então...
Web Design { o começo do começo }
Surge o termo Web 2.0, que pontua a Era de
uma internet focada na interação, nas redes
sociais; sendo encarada como uma
plataforma que suporta aplicativos e
sistemas altamente integrados e
complexos.
Web Design { o começo do começo }
A internet se populariza dia-a-dia;
O Google cresce;
Os sites começam a utilizar novas técnicas de
construção: o TABLELESS, que junto com o
CSS (folha de estilos), permite desenvolver
layouts mais ricos, pois abre-se a
possibilidades de trabalhar com inúmeras
variações de elementos visuais (cor, tamanho
do texto, fonte...)
Web Design { o começo do começo }
Web Design { o começo do começo }




                           http://www.csszengarden.com/
Web Design { o começo do começo }
Nos dias atuais, estamos caminhando na
evolução da Web 2.0...
Web Design { o começo do começo }




            http://www.soleilnoir.net/believein/
Web Design { o começo do começo }




{ continua... }

Mais conteúdo relacionado

Mais procurados

Understanding REST
Understanding RESTUnderstanding REST
Understanding REST
Nitin Pande
 
Gerência de Armazenamento: Sistemas de Entrada e Saída
Gerência de Armazenamento: Sistemas de Entrada e SaídaGerência de Armazenamento: Sistemas de Entrada e Saída
Gerência de Armazenamento: Sistemas de Entrada e Saída
Alexandre Duarte
 
Introduction to Web development
Introduction to Web developmentIntroduction to Web development
Introduction to Web development
Md. Shafiuzzaman Hira
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
Vaishnavi8950
 
JAMstack
JAMstackJAMstack
JAMstack
Tomasz Bak
 
Introdução ao ASP .NET Web API
Introdução ao ASP .NET Web APIIntrodução ao ASP .NET Web API
Introdução ao ASP .NET Web API
Vinicius Mussak
 
AWS 빅데이터 아키텍처 패턴 및 모범 사례- AWS Summit Seoul 2017
AWS 빅데이터 아키텍처 패턴 및 모범 사례- AWS Summit Seoul 2017AWS 빅데이터 아키텍처 패턴 및 모범 사례- AWS Summit Seoul 2017
AWS 빅데이터 아키텍처 패턴 및 모범 사례- AWS Summit Seoul 2017
Amazon Web Services Korea
 
웹프로그래밍 트랙소개
웹프로그래밍 트랙소개웹프로그래밍 트랙소개
웹프로그래밍 트랙소개
지수 윤
 
Facebook architecture presentation: scalability challenge
Facebook architecture presentation: scalability challengeFacebook architecture presentation: scalability challenge
Facebook architecture presentation: scalability challenge
Cristina Munoz
 
Web 3.0- Future of Internet
Web 3.0- Future of InternetWeb 3.0- Future of Internet
Web 3.0- Future of Internet
Pradeep Poosappan
 
Internet Das coisa
Internet Das coisaInternet Das coisa
Internet Das coisa
sergiocrespo
 
Web Fundamentals
Web FundamentalsWeb Fundamentals
Web Fundamentals
arunv
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web Development
Robert Nyman
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web Design
Dan Dixon
 
Web Devlopment ppt.pptx
Web Devlopment ppt.pptxWeb Devlopment ppt.pptx
Web Devlopment ppt.pptx
AartiVerma64
 
Session and Cookies
Session and CookiesSession and Cookies
Session and Cookies
Kamal Acharya
 
Apache web service
Apache web serviceApache web service
Apache web service
Manash Kumar Mondal
 
Azure Overview Arc
Azure Overview ArcAzure Overview Arc
Azure Overview Arc
rajramab
 
Internet das Coisas: a era dos objetos inteligentes e conectados
Internet das Coisas: a era dos objetos inteligentes e conectadosInternet das Coisas: a era dos objetos inteligentes e conectados
Internet das Coisas: a era dos objetos inteligentes e conectados
CESAR
 
Path to the future #5 - Melhores práticas de data warehouse no Amazon Redshift
Path to the future #5 - Melhores práticas de data warehouse no Amazon RedshiftPath to the future #5 - Melhores práticas de data warehouse no Amazon Redshift
Path to the future #5 - Melhores práticas de data warehouse no Amazon Redshift
Amazon Web Services LATAM
 

Mais procurados (20)

Understanding REST
Understanding RESTUnderstanding REST
Understanding REST
 
Gerência de Armazenamento: Sistemas de Entrada e Saída
Gerência de Armazenamento: Sistemas de Entrada e SaídaGerência de Armazenamento: Sistemas de Entrada e Saída
Gerência de Armazenamento: Sistemas de Entrada e Saída
 
Introduction to Web development
Introduction to Web developmentIntroduction to Web development
Introduction to Web development
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
 
JAMstack
JAMstackJAMstack
JAMstack
 
Introdução ao ASP .NET Web API
Introdução ao ASP .NET Web APIIntrodução ao ASP .NET Web API
Introdução ao ASP .NET Web API
 
AWS 빅데이터 아키텍처 패턴 및 모범 사례- AWS Summit Seoul 2017
AWS 빅데이터 아키텍처 패턴 및 모범 사례- AWS Summit Seoul 2017AWS 빅데이터 아키텍처 패턴 및 모범 사례- AWS Summit Seoul 2017
AWS 빅데이터 아키텍처 패턴 및 모범 사례- AWS Summit Seoul 2017
 
웹프로그래밍 트랙소개
웹프로그래밍 트랙소개웹프로그래밍 트랙소개
웹프로그래밍 트랙소개
 
Facebook architecture presentation: scalability challenge
Facebook architecture presentation: scalability challengeFacebook architecture presentation: scalability challenge
Facebook architecture presentation: scalability challenge
 
Web 3.0- Future of Internet
Web 3.0- Future of InternetWeb 3.0- Future of Internet
Web 3.0- Future of Internet
 
Internet Das coisa
Internet Das coisaInternet Das coisa
Internet Das coisa
 
Web Fundamentals
Web FundamentalsWeb Fundamentals
Web Fundamentals
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web Development
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web Design
 
Web Devlopment ppt.pptx
Web Devlopment ppt.pptxWeb Devlopment ppt.pptx
Web Devlopment ppt.pptx
 
Session and Cookies
Session and CookiesSession and Cookies
Session and Cookies
 
Apache web service
Apache web serviceApache web service
Apache web service
 
Azure Overview Arc
Azure Overview ArcAzure Overview Arc
Azure Overview Arc
 
Internet das Coisas: a era dos objetos inteligentes e conectados
Internet das Coisas: a era dos objetos inteligentes e conectadosInternet das Coisas: a era dos objetos inteligentes e conectados
Internet das Coisas: a era dos objetos inteligentes e conectados
 
Path to the future #5 - Melhores práticas de data warehouse no Amazon Redshift
Path to the future #5 - Melhores práticas de data warehouse no Amazon RedshiftPath to the future #5 - Melhores práticas de data warehouse no Amazon Redshift
Path to the future #5 - Melhores práticas de data warehouse no Amazon Redshift
 

Destaque

Web Design > Gestalt e suas leis
Web Design > Gestalt e suas leisWeb Design > Gestalt e suas leis
Web Design > Gestalt e suas leis
Felipe Fernandes
 
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à Gestalt
Felipe Fernandes
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web Design
Gustavo Zimmermann
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
Nécio de Lima Veras
 
Slides minicurso Web Design
Slides minicurso Web DesignSlides minicurso Web Design
Slides minicurso Web Design
Ana Mendes
 
Web Design Responsivo
Web Design ResponsivoWeb Design Responsivo
Web Design Responsivo
Tiago Bezerra Dos Santos
 
Introdução a sistemas operacionais 001
Introdução a sistemas operacionais 001Introdução a sistemas operacionais 001
Introdução a sistemas operacionais 001
ewerton333
 
Sistema computacional (arquitecturas y memorias)
Sistema computacional (arquitecturas y memorias)Sistema computacional (arquitecturas y memorias)
Sistema computacional (arquitecturas y memorias)
Universidad Militar Nueva Granada-Universidad de Cundinamarca
 
So2 aula00-noite-1sem2011
So2 aula00-noite-1sem2011So2 aula00-noite-1sem2011
So2 aula00-noite-1sem2011
Anderson Favaro
 
So2 aula00-cic4 ma446-quarta
So2 aula00-cic4 ma446-quartaSo2 aula00-cic4 ma446-quarta
So2 aula00-cic4 ma446-quarta
Anderson Favaro
 
Aula 1 Webdesign
Aula 1 WebdesignAula 1 Webdesign
Aula 1 Webdesign
Danilo Rosisca Pereira
 
SO-01 Introdução aos Sistemas Operacionais
SO-01 Introdução aos Sistemas OperacionaisSO-01 Introdução aos Sistemas Operacionais
SO-01 Introdução aos Sistemas Operacionais
Eduardo Nicola F. Zagari
 
Sistema computacional 3
Sistema computacional 3Sistema computacional 3
Sistema computacional 3
marleneca97
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
Carla Suelen
 
Introducao aos Sistemas Operacionais
Introducao aos Sistemas OperacionaisIntroducao aos Sistemas Operacionais
Introducao aos Sistemas Operacionais
Ricardo de Moraes
 
Web design e Programação front-end
Web design e Programação front-endWeb design e Programação front-end
Web design e Programação front-end
Anderson Luís Furlan
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
João Alves
 
Sistemas operacionais introdução
Sistemas operacionais introduçãoSistemas operacionais introdução
Sistemas operacionais introdução
Carlos Melo
 
Sistemas Operacionais 2 -aula00
Sistemas Operacionais 2 -aula00Sistemas Operacionais 2 -aula00
Sistemas Operacionais 2 -aula00
Anderson Favaro
 
Introducao a Sistemas Operacionais
Introducao a Sistemas OperacionaisIntroducao a Sistemas Operacionais
Introducao a Sistemas Operacionais
Isaac Vieira
 

Destaque (20)

Web Design > Gestalt e suas leis
Web Design > Gestalt e suas leisWeb Design > Gestalt e suas leis
Web Design > Gestalt e suas leis
 
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à Gestalt
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web Design
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 
Slides minicurso Web Design
Slides minicurso Web DesignSlides minicurso Web Design
Slides minicurso Web Design
 
Web Design Responsivo
Web Design ResponsivoWeb Design Responsivo
Web Design Responsivo
 
Introdução a sistemas operacionais 001
Introdução a sistemas operacionais 001Introdução a sistemas operacionais 001
Introdução a sistemas operacionais 001
 
Sistema computacional (arquitecturas y memorias)
Sistema computacional (arquitecturas y memorias)Sistema computacional (arquitecturas y memorias)
Sistema computacional (arquitecturas y memorias)
 
So2 aula00-noite-1sem2011
So2 aula00-noite-1sem2011So2 aula00-noite-1sem2011
So2 aula00-noite-1sem2011
 
So2 aula00-cic4 ma446-quarta
So2 aula00-cic4 ma446-quartaSo2 aula00-cic4 ma446-quarta
So2 aula00-cic4 ma446-quarta
 
Aula 1 Webdesign
Aula 1 WebdesignAula 1 Webdesign
Aula 1 Webdesign
 
SO-01 Introdução aos Sistemas Operacionais
SO-01 Introdução aos Sistemas OperacionaisSO-01 Introdução aos Sistemas Operacionais
SO-01 Introdução aos Sistemas Operacionais
 
Sistema computacional 3
Sistema computacional 3Sistema computacional 3
Sistema computacional 3
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
 
Introducao aos Sistemas Operacionais
Introducao aos Sistemas OperacionaisIntroducao aos Sistemas Operacionais
Introducao aos Sistemas Operacionais
 
Web design e Programação front-end
Web design e Programação front-endWeb design e Programação front-end
Web design e Programação front-end
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 
Sistemas operacionais introdução
Sistemas operacionais introduçãoSistemas operacionais introdução
Sistemas operacionais introdução
 
Sistemas Operacionais 2 -aula00
Sistemas Operacionais 2 -aula00Sistemas Operacionais 2 -aula00
Sistemas Operacionais 2 -aula00
 
Introducao a Sistemas Operacionais
Introducao a Sistemas OperacionaisIntroducao a Sistemas Operacionais
Introducao a Sistemas Operacionais
 

Semelhante a Web Design > História e a evolução do www

Apostila de web - Curso de Programação Básica de Internet
Apostila de web - Curso de Programação Básica de InternetApostila de web - Curso de Programação Básica de Internet
Apostila de web - Curso de Programação Básica de Internet
Clayton de Almeida Souza
 
Perspectivas De Desenvolvimento Para Web
Perspectivas De Desenvolvimento Para WebPerspectivas De Desenvolvimento Para Web
Perspectivas De Desenvolvimento Para Web
Leandro Costa
 
Conceitos históricos e evolução dos websites
Conceitos históricos e evolução dos websitesConceitos históricos e evolução dos websites
Conceitos históricos e evolução dos websites
Luciano Crecente
 
World Wide Web 1
World Wide Web 1World Wide Web 1
World Wide Web 1
formandoeisnt
 
Apostila webdesign
Apostila webdesignApostila webdesign
Apostila webdesign
Jeferson Souza
 
Apostila html para-iniciantes
Apostila html para-iniciantesApostila html para-iniciantes
Apostila html para-iniciantes
Jeferson Souza
 
Html web denise_lima
Html web denise_limaHtml web denise_lima
Html web denise_lima
Denise Lima
 
Internet
InternetInternet
Internet
hendersonfaria
 
T&T
T&TT&T
Curso T&T primeira parte
Curso T&T primeira parteCurso T&T primeira parte
Curso T&T primeira parte
Elis Monteiro
 
Desenvolvimento de Sistemas Web - Conceitos Básicos
Desenvolvimento de Sistemas Web - Conceitos BásicosDesenvolvimento de Sistemas Web - Conceitos Básicos
Desenvolvimento de Sistemas Web - Conceitos Básicos
Fabio Moura Pereira
 
Projeto para WEB
Projeto para WEBProjeto para WEB
Projeto para WEB
Mauricio Mallet Duprat
 
História da internet
História da internetHistória da internet
História da internet
Carlos Araujo
 
Aula internet historico-conceitos
Aula internet historico-conceitosAula internet historico-conceitos
Aula internet historico-conceitos
neilaxavier
 
Desenvolvimento Ágil com Twitter Bootstrap
Desenvolvimento Ágil com Twitter BootstrapDesenvolvimento Ágil com Twitter Bootstrap
Desenvolvimento Ágil com Twitter Bootstrap
Flavio Souza
 
Trabalho de informarica.docx
Trabalho de informarica.docxTrabalho de informarica.docx
Trabalho de informarica.docx
ComprastudoOnline1
 
Web Semântica Apresentação de Slides
Web Semântica Apresentação de SlidesWeb Semântica Apresentação de Slides
Web Semântica Apresentação de Slides
gestao
 
História da Internet - Webdesign 2022
História da Internet - Webdesign 2022História da Internet - Webdesign 2022
História da Internet - Webdesign 2022
Renato Melo
 
A origem e evolução da Internet
A origem e evolução da InternetA origem e evolução da Internet
A origem e evolução da Internet
Pepe Rocker
 
Tecnologia web aula 01
Tecnologia web  aula 01Tecnologia web  aula 01
Tecnologia web aula 01
Manuel Ernesto
 

Semelhante a Web Design > História e a evolução do www (20)

Apostila de web - Curso de Programação Básica de Internet
Apostila de web - Curso de Programação Básica de InternetApostila de web - Curso de Programação Básica de Internet
Apostila de web - Curso de Programação Básica de Internet
 
Perspectivas De Desenvolvimento Para Web
Perspectivas De Desenvolvimento Para WebPerspectivas De Desenvolvimento Para Web
Perspectivas De Desenvolvimento Para Web
 
Conceitos históricos e evolução dos websites
Conceitos históricos e evolução dos websitesConceitos históricos e evolução dos websites
Conceitos históricos e evolução dos websites
 
World Wide Web 1
World Wide Web 1World Wide Web 1
World Wide Web 1
 
Apostila webdesign
Apostila webdesignApostila webdesign
Apostila webdesign
 
Apostila html para-iniciantes
Apostila html para-iniciantesApostila html para-iniciantes
Apostila html para-iniciantes
 
Html web denise_lima
Html web denise_limaHtml web denise_lima
Html web denise_lima
 
Internet
InternetInternet
Internet
 
T&T
T&TT&T
T&T
 
Curso T&T primeira parte
Curso T&T primeira parteCurso T&T primeira parte
Curso T&T primeira parte
 
Desenvolvimento de Sistemas Web - Conceitos Básicos
Desenvolvimento de Sistemas Web - Conceitos BásicosDesenvolvimento de Sistemas Web - Conceitos Básicos
Desenvolvimento de Sistemas Web - Conceitos Básicos
 
Projeto para WEB
Projeto para WEBProjeto para WEB
Projeto para WEB
 
História da internet
História da internetHistória da internet
História da internet
 
Aula internet historico-conceitos
Aula internet historico-conceitosAula internet historico-conceitos
Aula internet historico-conceitos
 
Desenvolvimento Ágil com Twitter Bootstrap
Desenvolvimento Ágil com Twitter BootstrapDesenvolvimento Ágil com Twitter Bootstrap
Desenvolvimento Ágil com Twitter Bootstrap
 
Trabalho de informarica.docx
Trabalho de informarica.docxTrabalho de informarica.docx
Trabalho de informarica.docx
 
Web Semântica Apresentação de Slides
Web Semântica Apresentação de SlidesWeb Semântica Apresentação de Slides
Web Semântica Apresentação de Slides
 
História da Internet - Webdesign 2022
História da Internet - Webdesign 2022História da Internet - Webdesign 2022
História da Internet - Webdesign 2022
 
A origem e evolução da Internet
A origem e evolução da InternetA origem e evolução da Internet
A origem e evolução da Internet
 
Tecnologia web aula 01
Tecnologia web  aula 01Tecnologia web  aula 01
Tecnologia web aula 01
 

Mais de Felipe Fernandes

Code Club Brasil #2015
Code Club Brasil #2015Code Club Brasil #2015
Code Club Brasil #2015
Felipe Fernandes
 
Code Club Brasil na Campus Party Brasil 8 #cpbr8
Code Club Brasil na Campus Party Brasil 8 #cpbr8 Code Club Brasil na Campus Party Brasil 8 #cpbr8
Code Club Brasil na Campus Party Brasil 8 #cpbr8
Felipe Fernandes
 
Code Club Apresentação 2014
Code Club Apresentação 2014Code Club Apresentação 2014
Code Club Apresentação 2014
Felipe Fernandes
 
Code Club - Aprender a programar pode ser divertido?
Code Club - Aprender a programar pode ser divertido?Code Club - Aprender a programar pode ser divertido?
Code Club - Aprender a programar pode ser divertido?
Felipe Fernandes
 
CodeClub
CodeClubCodeClub
Web Design > Movimentos artisticos
Web Design > Movimentos artisticosWeb Design > Movimentos artisticos
Web Design > Movimentos artisticos
Felipe Fernandes
 
Web Design > html (aula 2)
Web Design > html (aula 2)Web Design > html (aula 2)
Web Design > html (aula 2)
Felipe Fernandes
 
Web Design > HTML (aula 1)
Web Design > HTML (aula 1)Web Design > HTML (aula 1)
Web Design > HTML (aula 1)
Felipe Fernandes
 
Web Design > Tipografia
Web Design > TipografiaWeb Design > Tipografia
Web Design > Tipografia
Felipe Fernandes
 
Web Design > Cores
Web Design > CoresWeb Design > Cores
Web Design > Cores
Felipe Fernandes
 
Web Design > Formatos de arquivos para web
Web Design > Formatos de arquivos para webWeb Design > Formatos de arquivos para web
Web Design > Formatos de arquivos para web
Felipe Fernandes
 
Web Design > Usabilidade
Web Design > UsabilidadeWeb Design > Usabilidade
Web Design > Usabilidade
Felipe Fernandes
 
Web Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignWeb Design > Visão geral do Web Design
Web Design > Visão geral do Web Design
Felipe Fernandes
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
Felipe Fernandes
 

Mais de Felipe Fernandes (14)

Code Club Brasil #2015
Code Club Brasil #2015Code Club Brasil #2015
Code Club Brasil #2015
 
Code Club Brasil na Campus Party Brasil 8 #cpbr8
Code Club Brasil na Campus Party Brasil 8 #cpbr8 Code Club Brasil na Campus Party Brasil 8 #cpbr8
Code Club Brasil na Campus Party Brasil 8 #cpbr8
 
Code Club Apresentação 2014
Code Club Apresentação 2014Code Club Apresentação 2014
Code Club Apresentação 2014
 
Code Club - Aprender a programar pode ser divertido?
Code Club - Aprender a programar pode ser divertido?Code Club - Aprender a programar pode ser divertido?
Code Club - Aprender a programar pode ser divertido?
 
CodeClub
CodeClubCodeClub
CodeClub
 
Web Design > Movimentos artisticos
Web Design > Movimentos artisticosWeb Design > Movimentos artisticos
Web Design > Movimentos artisticos
 
Web Design > html (aula 2)
Web Design > html (aula 2)Web Design > html (aula 2)
Web Design > html (aula 2)
 
Web Design > HTML (aula 1)
Web Design > HTML (aula 1)Web Design > HTML (aula 1)
Web Design > HTML (aula 1)
 
Web Design > Tipografia
Web Design > TipografiaWeb Design > Tipografia
Web Design > Tipografia
 
Web Design > Cores
Web Design > CoresWeb Design > Cores
Web Design > Cores
 
Web Design > Formatos de arquivos para web
Web Design > Formatos de arquivos para webWeb Design > Formatos de arquivos para web
Web Design > Formatos de arquivos para web
 
Web Design > Usabilidade
Web Design > UsabilidadeWeb Design > Usabilidade
Web Design > Usabilidade
 
Web Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignWeb Design > Visão geral do Web Design
Web Design > Visão geral do Web Design
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
 

Último

Resumo de Química 10º ano Estudo exames nacionais
Resumo de Química 10º ano Estudo exames nacionaisResumo de Química 10º ano Estudo exames nacionais
Resumo de Química 10º ano Estudo exames nacionais
beatrizsilva525654
 
O século XVII e o nascimento da pedagogia.pptx
O século XVII e o nascimento da pedagogia.pptxO século XVII e o nascimento da pedagogia.pptx
O século XVII e o nascimento da pedagogia.pptx
geiseortiz1
 
Vivendo a Arquitetura Salesforce - 01.pptx
Vivendo a Arquitetura Salesforce - 01.pptxVivendo a Arquitetura Salesforce - 01.pptx
Vivendo a Arquitetura Salesforce - 01.pptx
Mauricio Alexandre Silva
 
FICHA DE APOIO DE ESCOLA SECUNDÁRIA 2024
FICHA DE APOIO DE ESCOLA SECUNDÁRIA 2024FICHA DE APOIO DE ESCOLA SECUNDÁRIA 2024
FICHA DE APOIO DE ESCOLA SECUNDÁRIA 2024
FredFringeFringeDola
 
planejamento maternal 2 atualizado.pdf e
planejamento maternal 2 atualizado.pdf eplanejamento maternal 2 atualizado.pdf e
planejamento maternal 2 atualizado.pdf e
HelenStefany
 
(44-ESTUDO - LUCAS) A ESPIRITUALIDADE EM CRISE NO VALE
(44-ESTUDO - LUCAS) A ESPIRITUALIDADE EM CRISE NO VALE(44-ESTUDO - LUCAS) A ESPIRITUALIDADE EM CRISE NO VALE
(44-ESTUDO - LUCAS) A ESPIRITUALIDADE EM CRISE NO VALE
Pr Davi Passos - Estudos Bíblicos
 
said edward w - orientalismo. livro de história pdf
said edward w - orientalismo. livro de história pdfsaid edward w - orientalismo. livro de história pdf
said edward w - orientalismo. livro de história pdf
ThiagoRORISDASILVA1
 
2009_Apresentação-ufscar- TCC - AILTON.ppt
2009_Apresentação-ufscar- TCC - AILTON.ppt2009_Apresentação-ufscar- TCC - AILTON.ppt
2009_Apresentação-ufscar- TCC - AILTON.ppt
Ailton Barcelos
 
Slides Lição 12, CPAD, A Bendita Esperança, A Marca do Cristão, 2Tr24.pptx
Slides Lição 12, CPAD, A Bendita Esperança, A Marca do Cristão, 2Tr24.pptxSlides Lição 12, CPAD, A Bendita Esperança, A Marca do Cristão, 2Tr24.pptx
Slides Lição 12, CPAD, A Bendita Esperança, A Marca do Cristão, 2Tr24.pptx
LuizHenriquedeAlmeid6
 
DNA e RNA - Estrutura dos Ácidos nucleicos
DNA e RNA - Estrutura dos Ácidos nucleicosDNA e RNA - Estrutura dos Ácidos nucleicos
DNA e RNA - Estrutura dos Ácidos nucleicos
jonny615148
 
Aula 1 - Ordem Mundial Aula de Geografia
Aula 1 - Ordem Mundial Aula de GeografiaAula 1 - Ordem Mundial Aula de Geografia
Aula 1 - Ordem Mundial Aula de Geografia
WELTONROBERTOFREITAS
 
UFCD_7211_Os sistemas do corpo humano_ imunitário, circulatório, respiratório...
UFCD_7211_Os sistemas do corpo humano_ imunitário, circulatório, respiratório...UFCD_7211_Os sistemas do corpo humano_ imunitário, circulatório, respiratório...
UFCD_7211_Os sistemas do corpo humano_ imunitário, circulatório, respiratório...
Manuais Formação
 
Pedagogia universitária em ciência e tecnologia
Pedagogia universitária em ciência e tecnologiaPedagogia universitária em ciência e tecnologia
Pedagogia universitária em ciência e tecnologia
Nertan Dias
 
Aula04A-Potencia em CA eletricidade USP.pdf
Aula04A-Potencia em CA eletricidade USP.pdfAula04A-Potencia em CA eletricidade USP.pdf
Aula04A-Potencia em CA eletricidade USP.pdf
vitorreissouzasilva
 
Telepsiquismo Utilize seu poder extrassensorial para atrair prosperidade (Jos...
Telepsiquismo Utilize seu poder extrassensorial para atrair prosperidade (Jos...Telepsiquismo Utilize seu poder extrassensorial para atrair prosperidade (Jos...
Telepsiquismo Utilize seu poder extrassensorial para atrair prosperidade (Jos...
fran0410
 
Tabela Funções Orgânicas.pdfnsknsknksnksn nkasn
Tabela Funções Orgânicas.pdfnsknsknksnksn nkasnTabela Funções Orgânicas.pdfnsknsknksnksn nkasn
Tabela Funções Orgânicas.pdfnsknsknksnksn nkasn
CarlosJean21
 
Apostila-Microbiologia-e-Parasitologia-doc.pdf
Apostila-Microbiologia-e-Parasitologia-doc.pdfApostila-Microbiologia-e-Parasitologia-doc.pdf
Apostila-Microbiologia-e-Parasitologia-doc.pdf
bmgrama
 
Slides Lição 12, Central Gospel, O Milênio, 1Tr24, Pr Henrique.pptx
Slides Lição 12, Central Gospel, O Milênio, 1Tr24, Pr Henrique.pptxSlides Lição 12, Central Gospel, O Milênio, 1Tr24, Pr Henrique.pptx
Slides Lição 12, Central Gospel, O Milênio, 1Tr24, Pr Henrique.pptx
LuizHenriquedeAlmeid6
 
ATIVIDADES de alfabetização do mês de junho
ATIVIDADES de alfabetização do mês de junhoATIVIDADES de alfabetização do mês de junho
ATIVIDADES de alfabetização do mês de junho
Crisnaiara
 
LITERATURA INDÍGENA BRASILEIRA: elementos constitutivos.ppt
LITERATURA INDÍGENA BRASILEIRA: elementos constitutivos.pptLITERATURA INDÍGENA BRASILEIRA: elementos constitutivos.ppt
LITERATURA INDÍGENA BRASILEIRA: elementos constitutivos.ppt
EdimaresSilvestre
 

Último (20)

Resumo de Química 10º ano Estudo exames nacionais
Resumo de Química 10º ano Estudo exames nacionaisResumo de Química 10º ano Estudo exames nacionais
Resumo de Química 10º ano Estudo exames nacionais
 
O século XVII e o nascimento da pedagogia.pptx
O século XVII e o nascimento da pedagogia.pptxO século XVII e o nascimento da pedagogia.pptx
O século XVII e o nascimento da pedagogia.pptx
 
Vivendo a Arquitetura Salesforce - 01.pptx
Vivendo a Arquitetura Salesforce - 01.pptxVivendo a Arquitetura Salesforce - 01.pptx
Vivendo a Arquitetura Salesforce - 01.pptx
 
FICHA DE APOIO DE ESCOLA SECUNDÁRIA 2024
FICHA DE APOIO DE ESCOLA SECUNDÁRIA 2024FICHA DE APOIO DE ESCOLA SECUNDÁRIA 2024
FICHA DE APOIO DE ESCOLA SECUNDÁRIA 2024
 
planejamento maternal 2 atualizado.pdf e
planejamento maternal 2 atualizado.pdf eplanejamento maternal 2 atualizado.pdf e
planejamento maternal 2 atualizado.pdf e
 
(44-ESTUDO - LUCAS) A ESPIRITUALIDADE EM CRISE NO VALE
(44-ESTUDO - LUCAS) A ESPIRITUALIDADE EM CRISE NO VALE(44-ESTUDO - LUCAS) A ESPIRITUALIDADE EM CRISE NO VALE
(44-ESTUDO - LUCAS) A ESPIRITUALIDADE EM CRISE NO VALE
 
said edward w - orientalismo. livro de história pdf
said edward w - orientalismo. livro de história pdfsaid edward w - orientalismo. livro de história pdf
said edward w - orientalismo. livro de história pdf
 
2009_Apresentação-ufscar- TCC - AILTON.ppt
2009_Apresentação-ufscar- TCC - AILTON.ppt2009_Apresentação-ufscar- TCC - AILTON.ppt
2009_Apresentação-ufscar- TCC - AILTON.ppt
 
Slides Lição 12, CPAD, A Bendita Esperança, A Marca do Cristão, 2Tr24.pptx
Slides Lição 12, CPAD, A Bendita Esperança, A Marca do Cristão, 2Tr24.pptxSlides Lição 12, CPAD, A Bendita Esperança, A Marca do Cristão, 2Tr24.pptx
Slides Lição 12, CPAD, A Bendita Esperança, A Marca do Cristão, 2Tr24.pptx
 
DNA e RNA - Estrutura dos Ácidos nucleicos
DNA e RNA - Estrutura dos Ácidos nucleicosDNA e RNA - Estrutura dos Ácidos nucleicos
DNA e RNA - Estrutura dos Ácidos nucleicos
 
Aula 1 - Ordem Mundial Aula de Geografia
Aula 1 - Ordem Mundial Aula de GeografiaAula 1 - Ordem Mundial Aula de Geografia
Aula 1 - Ordem Mundial Aula de Geografia
 
UFCD_7211_Os sistemas do corpo humano_ imunitário, circulatório, respiratório...
UFCD_7211_Os sistemas do corpo humano_ imunitário, circulatório, respiratório...UFCD_7211_Os sistemas do corpo humano_ imunitário, circulatório, respiratório...
UFCD_7211_Os sistemas do corpo humano_ imunitário, circulatório, respiratório...
 
Pedagogia universitária em ciência e tecnologia
Pedagogia universitária em ciência e tecnologiaPedagogia universitária em ciência e tecnologia
Pedagogia universitária em ciência e tecnologia
 
Aula04A-Potencia em CA eletricidade USP.pdf
Aula04A-Potencia em CA eletricidade USP.pdfAula04A-Potencia em CA eletricidade USP.pdf
Aula04A-Potencia em CA eletricidade USP.pdf
 
Telepsiquismo Utilize seu poder extrassensorial para atrair prosperidade (Jos...
Telepsiquismo Utilize seu poder extrassensorial para atrair prosperidade (Jos...Telepsiquismo Utilize seu poder extrassensorial para atrair prosperidade (Jos...
Telepsiquismo Utilize seu poder extrassensorial para atrair prosperidade (Jos...
 
Tabela Funções Orgânicas.pdfnsknsknksnksn nkasn
Tabela Funções Orgânicas.pdfnsknsknksnksn nkasnTabela Funções Orgânicas.pdfnsknsknksnksn nkasn
Tabela Funções Orgânicas.pdfnsknsknksnksn nkasn
 
Apostila-Microbiologia-e-Parasitologia-doc.pdf
Apostila-Microbiologia-e-Parasitologia-doc.pdfApostila-Microbiologia-e-Parasitologia-doc.pdf
Apostila-Microbiologia-e-Parasitologia-doc.pdf
 
Slides Lição 12, Central Gospel, O Milênio, 1Tr24, Pr Henrique.pptx
Slides Lição 12, Central Gospel, O Milênio, 1Tr24, Pr Henrique.pptxSlides Lição 12, Central Gospel, O Milênio, 1Tr24, Pr Henrique.pptx
Slides Lição 12, Central Gospel, O Milênio, 1Tr24, Pr Henrique.pptx
 
ATIVIDADES de alfabetização do mês de junho
ATIVIDADES de alfabetização do mês de junhoATIVIDADES de alfabetização do mês de junho
ATIVIDADES de alfabetização do mês de junho
 
LITERATURA INDÍGENA BRASILEIRA: elementos constitutivos.ppt
LITERATURA INDÍGENA BRASILEIRA: elementos constitutivos.pptLITERATURA INDÍGENA BRASILEIRA: elementos constitutivos.ppt
LITERATURA INDÍGENA BRASILEIRA: elementos constitutivos.ppt
 

Web Design > História e a evolução do www

  • 2. Web Design { o começo do começo } 1965 Dois computadores no laboratório Lincoln do MIT conversam entre si usando a tecnologia de troca de pacotes.
  • 3. Web Design { o começo do começo } Na verdade foi assim...
  • 4. Web Design { o começo do começo } 1969 Criação da ARPANET, a primeira rede de computadores à base de troca de pacotes ,a percursora da Internet. Os primeiros computadores conectados em rede entre a Universidade da Califórnia e o Stanford Research Institute .Estava criado a ARPANET, primeira rede.
  • 5. Web Design { o começo do começo } O plano infalível...
  • 6. Web Design { o começo do começo } Mas na prática foi assim...
  • 7. Web Design { o começo do começo } Daí então veio: ● o email ● a primeira conexão internacional ● um novo protocolo de conexão (o TCP)
  • 8. Web Design { o começo do começo } Em 1980, o hipertexto e o que se tornaria a World Wide Web como conhecemos. O projeto se chamava "ENQUIRE", do físico da CERN Tim Berners-Lee, e tinha como objetivo tornar mais fácil a troca de informações entre as faculdades. * CERN - Organização Européia de Pesquisas Nucleares
  • 9. Web Design { o começo do começo } Em 1988, a UFRJ conectou-se à UCLA (Universidade da Califórnia)
  • 10. Web Design { o começo do começo } Em 1993, nasce o primeiro browser, o Mosaic.
  • 11. Web Design { o começo do começo } E no ano seguinte, o Netscape.
  • 12. Web Design { o começo do começo } E no ano seguinte, o Netscape. São os mesmos criadores do Mosaic: Marc Andreesen e Eric Bina no National Center for Supercomputing Applications (NCSA) da Universidade de Illinois (Champaign-Urbana).
  • 13. Web Design { o começo do começo } E em 1995, nasce o pioneiro na indexação de conteúdo na Internet; o Altavista.
  • 14. Web Design { o começo do começo }
  • 15. Web Design { o começo do começo } Parecido com um outro, né?
  • 16. Web Design { o começo do começo }
  • 17. Web Design { o começo do começo }
  • 18. Web Design { o começo do começo } Mas esse, só nasceu em 1996. Chamado inicialmente de BlackRub
  • 19. Web Design { o começo do começo } Também em 1995, é iniciado pela EMBRATEL e o Ministério das Comunicações o movimento de implantação de uma Rede Nacional, integrada à rede global.
  • 20. Web Design { o começo do começo } Também em 1995, nasce o Comitê Gestor Internet, que é responsável por: ● Fomentar o desenvolvimento de serviços INTERNET no Brasil; ● Recomendar padrões e procedimentos técnicos e operacionais para a INTERNET no Brasil; ● Coordenar a atribuição de endereços INTERNET, o registro de nomes de domínios, e a interconexão de espinhas dorsais; ● Coletar, organizar e disseminar informações sobre os serviços INTERNET.
  • 21. Web Design { o começo do começo } Mas e o Web Design?
  • 22. Web Design { o começo do começo } Bom, durante a evolução do hipertexto...
  • 23. Web Design { o começo do começo } Podemos destacar 4 fases até os dias atuais:
  • 24. Web Design { o começo do começo } 1a. Fase: Era do Texto http://www.library.cornell.edu/okuref/research/webeval.html
  • 25. Web Design { o começo do começo } 2a. Fase: Texto, e pouquinho de imagens. http://www.hitmill.com/internet/web_history.html
  • 26. Web Design { o começo do começo } A 2a. Fase, também foi marcada: ● Inicio da utilização dos ícones ● Botões com efeitos 3D ● Imagens substituindo os títulos ● Fundo dos sites com Imagens ● Hierarquia de conteúdo através de cores
  • 27. Web Design { o começo do começo } A 2a. Fase, também foi marcada: ● Inicio da utilização dos ícones ● Botões com efeitos 3D ● Imagens substituindo os títulos ● Fundo dos sites com Imagens ● Hierarquia de conteúdo através de cores ● e gif's animados. :P
  • 28. Web Design { o começo do começo } A 2a. Fase, também foi marcada: ● Inicio da utilização dos ícones ● Botões com efeitos 3D ● Imagens substituindo os títulos ● Fundo dos sites com Imagens ● Hierarquia de conteúdo através de cores ● e gif's animados. :P Os sites eram construídos utilizando tabelas.
  • 29. Web Design { o começo do começo } 3a. Fase: ● Inicio da Guerra dos Browsers (Microsoft x Netscape) ● Conteúdo dinâmico. ● Os sites tinham como alvo atrair e comunicar de acordo com objetivos específicos. ● Web Designing estava em constante transição por conta das inúmeras tecnologias e recursos lançados; e a cada dia, novas limitações.
  • 30. Web Design { o começo do começo } 3a. Fase: e chegam os designers gráficos!
  • 31. Web Design { o começo do começo }
  • 32. Web Design { o começo do começo } 3a. Fase: e então a moda também era: ● fazer e-commerces, ● sites com trilha sonora
  • 33. Web Design { o começo do começo } 3a. Fase: e então a moda também era: ● fazer e-commerces, ● sites com trilha sonora e o Flash Player começa a se popularizar...
  • 34. Web Design { o começo do começo } 4a. Fase:
  • 35. Web Design { o começo do começo } 4a. Fase: Foi como uma extensão da fase anterior, muitos profissionais apostavam de que TODA produção digital seria feita de multi-media e rich-content.
  • 36. Web Design { o começo do começo } 4a. Fase:
  • 37. Web Design { o começo do começo } E então...
  • 38. Web Design { o começo do começo } Surge o termo Web 2.0, que pontua a Era de uma internet focada na interação, nas redes sociais; sendo encarada como uma plataforma que suporta aplicativos e sistemas altamente integrados e complexos.
  • 39. Web Design { o começo do começo } A internet se populariza dia-a-dia; O Google cresce; Os sites começam a utilizar novas técnicas de construção: o TABLELESS, que junto com o CSS (folha de estilos), permite desenvolver layouts mais ricos, pois abre-se a possibilidades de trabalhar com inúmeras variações de elementos visuais (cor, tamanho do texto, fonte...)
  • 40. Web Design { o começo do começo }
  • 41. Web Design { o começo do começo } http://www.csszengarden.com/
  • 42. Web Design { o começo do começo } Nos dias atuais, estamos caminhando na evolução da Web 2.0...
  • 43. Web Design { o começo do começo } http://www.soleilnoir.net/believein/
  • 44. Web Design { o começo do começo } { continua... }