58
Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Embed Size (px)

Citation preview

Page 1: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Design Gráfico

Introdução ao Web DesignProf° Ms. Claudio Benossi

Aula 01

Page 2: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• A história da Internet

Page 3: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• O início da Comunicação Humana

Page 4: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• O Início da Comunicação a Distância

Page 5: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Samuel Morse

Page 6: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• O inventor do Telégrafo

Page 7: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Uma linguagem baseada em pontos e linhas (traços)

Page 8: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Claude Shannon Teoria da Informação

Page 9: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Harry NyquistTransmissão de Dados

Page 10: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Ralph LaurenTeoria de Osciladores

Page 11: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• ENIAC

Page 12: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Redução de Tamanho e maior capacidade de processamento

Page 13: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Agência Nacional de Defesa

Page 14: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Proteger os Dados

Page 15: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• 1ª Missão – Conectar Computadores em lugares distantes

Page 16: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• 1° Computador – Universidade da California

Page 17: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• 2° Computador – Universidade da Stanford

Page 18: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• 3° Computador – Centro de Matemática de Los Angeles

Page 19: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• 4° Computador – Base Militar em Uta

Page 20: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Criador do E-mail

Page 21: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Robert Kahn

Page 22: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Vinton Cerf

Page 23: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• A junção permitiu a criação

Page 24: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Surgimento da Internet

Page 25: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Um novo panorama

Page 26: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Cabos Submarinos

Page 27: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Novas Tecnologias

Page 28: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Tim Berners-Lee

Page 29: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• Hipertexto

Page 30: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• A união do Hipertexto com o Protocolo TCP/IP

Page 31: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• O Protocolo HTTP

Page 32: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• A Linguagem HTML

Page 33: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Como Surgiu a Internet

• O conceito WWW

Page 34: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

Page 35: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• Antes do HTML tínhamos a Tecnologia Gopher

Page 36: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• Em 06/08/1991 – surgiu o primeiro Web Site

Page 37: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• Surgimento do Navegador Browser mais conhecido daquela época.

Page 38: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• A evolução do Mosaic

Page 39: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• Aumenta a concorrência, surgi novos navegadores

Page 40: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• 86% dos usuários Usavam Netscape em seus computadores

Page 41: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• Com o lançamento de uma nova Versão de Sistema Operacional o Internet Explore chegou a marca de quase 90% dos usuários.

Page 42: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• A justiça deu ganho de causa a Netscape

Page 43: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• Surgi o FireFox

Page 44: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• O dois navegadores mais usados nos dias de hoje, o Google Chrome, leva uma certa vantagem.

Page 45: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• A primeira Versão

Page 46: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• Surgimento da segunda versão

Page 47: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• A Terceira Versão

Page 48: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• Versão 4

Page 49: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• O surgimento do XHTML

Page 50: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• As Empresas preocupadas com as mudanças, criaram um novo grupo

Page 51: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• A junção de ideias

Page 52: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• A versão Cinco

Page 53: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• A publicação do primeiro Working Ghaphics

Page 54: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• Versão usada em muitos sites nos dias de hoje

Page 55: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• A formatação

Page 56: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

• A Interatividade

Page 57: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

A História do HTML

Page 58: Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 01

Design Digital

• Dúvidas?