design gráfico introdução ao web design prof° ms. claudio benossi aula 01 introdução ao web...
TRANSCRIPT
![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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/1.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/2.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/3.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/4.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/5.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/6.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/7.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/8.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/9.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/10.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/11.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/12.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/13.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/14.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/15.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/16.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/17.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/18.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/19.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/20.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/21.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/22.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/23.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/24.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/25.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/26.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/27.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/28.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/29.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/30.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/31.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/32.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/33.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/34.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/35.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/36.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/37.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/38.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/39.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/40.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/41.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/42.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/43.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/44.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/45.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/46.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/47.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/48.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/49.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/50.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/51.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/52.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/53.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/54.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/55.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/56.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/57.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022062310/5706385a1a28abb8238fd900/html5/thumbnails/58.jpg)
Design Digital
• Dúvidas?