web design: introduÇÃo · web design: introduÇÃo. tÉcnicas de webdesign prof. marcelo castro...

39
TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO WEB DESIGN: INTRODUÇÃO

Upload: others

Post on 17-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

WEB DESIGN: INTRODUÇÃO

Page 2: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Breve Histórico dos Computadores

Page 3: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Década de 1940

Um dos primeiros computadores eletrônicos, o ENIAC, foi desenvolvido na Universidade da Pensilvânia em 1945

Page 4: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Década de 1940Miniaturização

Invenção do transistor por John Bardeen, Walter Brattain e William Shockley; todos dos Laboratórios da Bell Systems*

* Empresa fundada por Alexander Grahan Bell, inventor do telefone.

Page 5: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Década de 1950Comercialização.

UNIVAC – Primeiro computador produzido em larga escala.

Page 6: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

O UNIVAC era utilizado com a inserção destes cartões, que eram perfurados para que o computador pudesse ler as suas intruções.

Page 7: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Década de 1960Indústria dos Computadores.

Thomas Watson Jr. trouxe a IBM da era das máquinas de escrever manuais para a era dos computadores. O IBM 360 se tornou o padrão industrial de mainframes.

Page 8: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

IBM 360

Page 9: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Década de 1960Mini-computadores.

A Corporação de Equipamentos Digitais, fundada pelos bacharéis do MIT Ken Olsen e LarryClark desenvolveram o PDP, uma série de mini-computadores que permitiam seu uso simultâneo por vários operadores.

Page 10: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Década de 1960Fatores Humanos.

Trabalhando no laboratório Stanford Research Institute na Califórnia, Douglas Engelbart foi pioneiro de vários equipamentos que tornaram os computadores mais “usáveis”.

Page 11: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Primeiros modelos de mouse

Page 12: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Década de 1960Nova Geração Digital

Muitas pessoas passaram a perceber o potencial da computação e das telecomunicações digitais. Como o pioneiro da computação SteveWozniak* seu dispositivo chamado”blue box”

* Foi, juntamente com SteveJobs fundador da AppleComputers

Page 13: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Blue box

Page 14: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Década de 1970Computação Disponível

O Altair 8800, introduzido no mercado em 1975, foi um computador ao alcance destes pioneiros, incluindo os fundadores da Microsoft Bill Gates e Paul Allen*. * Eles e outros pioneiros eram envolvidos com o Homebrew Computer Club.

Page 15: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Page 16: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Década de 1970Aplicativos e PCs

Com seu amigo SteveJobs, Steve Wozniakfundou a Apple Computersem 1977 e lançou o AppleII, primeiro computador a apresentar gráficos coloridos. O seu aplicativo VisiCalc convenceu os consumidores da necessidade de ter um computador.

Page 17: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

VisiCalc

Page 18: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Apple 1

Page 19: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Década de 1970Pioneiros na Interface com o Usuário

O Palo Alto ResearchCenter (PARC) fundado pela Xeroxcom Bob Taylor com seu primeiro diretor, foi pioneiro em diversos avanços na computação,como a Interface Gráfica, Ethernet e Impressão a laser.

Page 20: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Um das primeiras Interfaces Gráficas com o usuário desenvolvida no PARC

Page 21: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Década de 1980PC se torna corporativo

A IBM se direciona ao mercado de PCs em 1981 com o PC Jr. No qual o Disc OperatingSistem (DOS) da Microsoft era operado por RAM. Também usava processador Intel e passou ser padrão no desenvolvimento de PCs.

Page 22: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Bill Gates e uma tela do DOS da Microsoft

Page 23: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Década de 1980Um sistema Operacional para todos.

Steve Jobs, inspirado pelos projetos do PARC, desenvolveu o primeiro Apple Macintosh em 1984. Susan Kare projetou os elementos da interface (incluindo o gráficos e fontes da tela). SteveWozniak entrou com o seu gênio em engenharia.

Page 24: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Page 25: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Page 26: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Susan Kare

Page 27: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Apple OS

Page 28: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Apple OS

Page 29: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Windows

Page 30: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

1 Breve História da Internet

1.1 International Network (Rede Internacional)

Não é possível calcular com exatidão a quantidade de pessoas ou de computadores conectados a ela.

1.2 Surge no período da guerra fria (década de 1960) devido à preocupação com a descentralização das informações.

ARPA: Advanced Research and ProjectsAgency.

ARPANET: interligação e transferência de dados entre computadores independente de plataforma, hardware ou software.

Page 31: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Page 32: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

1.3 Década de 1980. Junção entre a ARPANET e a NSFNET (National Science Foudation). Ainda restrita ao governo e a instituições acadêmicas.

1.4 Entre 1992 e 1993 a internet deixou de ser restrita e tornou-se aberta ao uso comercial. No Brasil isto ocorreu em 1995.

Page 33: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

2 A World Wide Web

Surge em 1989 quando o pesquisador Tim Berners-Lee (Laboratório Europeu de Física de Partículas de Genebra) publicou uma proposta de metodologia denominada hipertexto.

Em 1992 surgem os primeiros browsers.

Entre 1993 e 1994 surgem os primeiros sistemas de busca, como o Yahoo! e o Altavista

Hoje, o World Wide Web Consortium (W3C) cria diretrizes e padrões a serem seguidos na internet.

Page 34: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

Primeiro browser: Mosaic

Page 35: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

www.estadao.com.br

Page 36: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

www.bb.com.br

Page 37: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

www.crommcruac.com

Page 38: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

www.havaianas.com.br

Page 39: WEB DESIGN: INTRODUÇÃO · WEB DESIGN: INTRODUÇÃO. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Breve Histórico dos Computadores. TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO Década

TÉCNICAS DE WEBDESIGN PROF. MARCELO CASTRO

http://www.leschinois.com