![Page 1: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/1.jpg)
<web>DESIGN</web>
UTFPRDESIGN
GRÁFICO
interação, interface, estratégias no design para web
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
![Page 2: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/2.jpg)
Então, você quer saber mais sobre webdesign...
Então me conte... quais suas expectativas?
![Page 3: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/3.jpg)
seminários
Temas diversosEm grupo40 a 50 minutosEquivale a uma dinâmica/aula elaborada para uma atividade com a turma
projeto
pesquisaconceitoprototipaçãotestes com usuárioselaboração final (html/css)implementaçãorelatório
50%30%
tema: serviço, campanha,institucional
go-to-action
1. Apresentar conceito2. Criar dinâmica3. Avaliar dinâmica
website social
gerenciais 20% Entrega de etapas, acompanhamento do projeto, documentação durante etapas
![Page 4: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/4.jpg)
html/css
Vídeos e tutoriaisA CADA 2 SEMANAS
vídeos
Vídeo de hoje:ESTRUTURA DO HTMLTAGS HEAD/TITLE E BODYLOCALIZANDO AS TAGS NA W3CESCOLHENDO UM SOFTWARE PARA CÓDIGO
![Page 5: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/5.jpg)
webutfpr.tumblr.commaterial de aula
![Page 6: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/6.jpg)
Um pouco sobre
LiteraciaDigital
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
![Page 7: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/7.jpg)
Conjunto de habilidades
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
Envolve compreender, compartilhar e criar sentido e significado com ferramentas digitais, nos diversos meios.
Mas também....
Fazer isso de modo crítico e contextual, buscando os meios estratégicos de comunicação de uma ideia ou sentido.
![Page 8: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/8.jpg)
![Page 9: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/9.jpg)
Um pouco sobre a
InternetMATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
![Page 10: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/10.jpg)
OrigensArpanet e a Guerra Fria J.C.R. Licklider, 1962 MIT | Leonard Kleinrock 1961 | Ivan Sutherland, Bob Taylor, e Lawrence G. Roberts
“Pacotes” de dadosTelefonia base para transmissão de dadosConexões entre universidades
Thomas Merril, 1964.
![Page 11: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/11.jpg)
OrigensAnos 80 - NSF e a fibra óticaNo Brasil 1991 RNP (Rede Nacional de Pesquisas) - Universidade e Setor Público
1995 provedores comerciais
![Page 12: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/12.jpg)
mas afinal,que raios é a Internet?
Projeto An Atlas of Cyberspace - finalizou em 2004http://personalpages.manchester.ac.uk/staff/m.dodge/cybergeography/atlas/geographic.html
![Page 13: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/13.jpg)
O original não está disponível:Ver backup e post comentado em http://ansonalex.com/technology/the-world-map-of-internet-connections/
![Page 14: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/14.jpg)
no ponto de vista físicouma grande teia
![Page 15: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/15.jpg)
![Page 16: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/16.jpg)
![Page 17: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/17.jpg)
na visão de negóciosum conglomerado de serviços
![Page 18: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/18.jpg)
de quem é?WhO OWS THE WEB
www.landingnet.co.uk
![Page 19: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/19.jpg)
www
Tim Berners-Lee, 1992Protocolo HTTP (hyper text transfer protocol) Documentos HTML via browser
![Page 20: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/20.jpg)
que raios acontece quando...
http://www.utfpr.edu.br
PROTOCOLO DE COMUNICAÇÃO ENDEREÇO - URL DOMÍNIO
vira um endereço IP
200.134.95.110VIA DOMAIN NAME
SYSTEM (DNS)
![Page 21: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/21.jpg)
no navegador/browser...
interpretação dos dadosCÓDIGO (html, css, scripts)+requisições de dadosOBJETOS, DADOS DE BANCO, et.c..
![Page 22: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/22.jpg)
Bluefish, TextWrangler, Dreammweavereditor
![Page 23: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/23.jpg)
FileZilla, Dreamweaverftp
![Page 24: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/24.jpg)
Firefox Extensões úteisFirebug, Web Developer, Colorzilla
Chrome F12
debug
![Page 25: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/25.jpg)
registro.brdomínios
![Page 26: Disciplina de Webdesign - Literacia, Internet e orientações gerais](https://reader035.vdocuments.com.br/reader035/viewer/2022081401/55724e0fd8b42a920c8b4c3b/html5/thumbnails/26.jpg)
let’s code!p.s.: Code is design!
webutfpr.tumblr.com