<web>DESIGN</web>
UTFPR
DESIGN
GRÁFICO
interação, interface, estratégias no design para web
MATERIAL DE APOIO da Profa. Cl...
Então, você quer saber mais sobre webdesign...
Então me conte... quais suas expectativas?
seminários
Temas diversos
Em grupo
40 a 50 minutos
Equivale a uma dinâmica/
aula elaborada para uma
atividade com a turma
...
html/css
Vídeos e tutoriais
A CADA 2 SEMANAS
vídeos
Vídeo de hoje:
ESTRUTURA DO HTML
TAGS HEAD/TITLE E BODY
LOCALIZANDO AS...
webutfpr.tumblr.com
material de aula
Um pouco sobre
Literacia
DigitalMATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a f...
Conjunto de habilidades
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
En...
Um pouco sobre a
InternetMATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
Origens
Arpanet e a Guerra Fria
J.C.R. Licklider, 1962 MIT | Leonard Kleinrock 1961 | Ivan Sutherland, Bob Taylor, e Lawre...
Origens
Anos 80 - NSF e a fibra ótica
No Brasil
1991 RNP (Rede Nacional de Pesquisas) - Universidade e Setor Público
1995 p...
mas afinal,
que raios é a Internet?
Projeto An Atlas of Cyberspace - finalizou em 2004
http://personalpages.manchester.ac.uk...
O original não está disponível:
Ver backup e post comentado em http://ansonalex.com/technology/the-world-map-of-internet-c...
no ponto de vista físico
uma grande teia
na visão de negócios
um conglomerado de serviços
de quem é?
WhO OWS THE WEB
www.landingnet.co.uk
www
Tim Berners-Lee, 1992
ProtocoloHTTP (hyper text transfer protocol)
Documentos HTML via browser
que raios acontece quando...
http://www.utfpr.edu.br
PROTOCOLO DE
COMUNICAÇÃO ENDEREÇO - URL DOMÍNIO
vira um endereço IP
2...
no navegador/browser...
interpretação dos dados
CÓDIGO (html, css, scripts)
+
requisições de dados
OBJETOS, DADOS DE
BANCO...
Bluefish, TextWrangler, Dreammweaver
editor
FileZilla, Dreamweaver
ftp
Firefox Extensões úteis
Firebug, Web Developer,
Colorzilla
Chrome F12
debug
registro.br
domínios
let’s code!
p.s.: Code is design!
webutfpr.tumblr.com
Disciplina de Webdesign - Literacia, Internet e orientações gerais
Disciplina de Webdesign - Literacia, Internet e orientações gerais
Disciplina de Webdesign - Literacia, Internet e orientações gerais
Próximos SlideShares
Carregando em…5
×

Disciplina de Webdesign - Literacia, Internet e orientações gerais

1.175 visualizações

Publicada em

Material de apoio a disciplina de WebDesign, ministrada pela Profa. Claudia Bordin Rodrigues.

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
1.175
No SlideShare
0
A partir de incorporações
0
Número de incorporações
355
Ações
Compartilhamentos
0
Downloads
22
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Disciplina de Webdesign - Literacia, Internet e orientações gerais

  1. 1. <web>DESIGN</web> UTFPR DESIGN 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.
  2. 2. Então, você quer saber mais sobre webdesign... Então me conte... quais suas expectativas?
  3. 3. seminários Temas diversos Em grupo 40 a 50 minutos Equivale a uma dinâmica/ aula elaborada para uma atividade com a turma projeto pesquisa conceito prototipação testes com usuários elaboração final (html/css) implementação relatório 50%30% tema: serviço, campanha, institucional go-to-action 1. Apresentar conceito 2. Criar dinâmica 3. Avaliar dinâmica website social gerenciais 20% Entrega de etapas, acompanhamento do projeto, documentação durante etapas
  4. 4. html/css Vídeos e tutoriais A CADA 2 SEMANAS vídeos Vídeo de hoje: ESTRUTURA DO HTML TAGS HEAD/TITLE E BODY LOCALIZANDO AS TAGS NA W3C ESCOLHENDO UM SOFTWARE PARA CÓDIGO
  5. 5. webutfpr.tumblr.com material de aula
  6. 6. Um pouco sobre Literacia DigitalMATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
  7. 7. 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.
  8. 8. Um pouco sobre a InternetMATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
  9. 9. Origens Arpanet e a Guerra Fria J.C.R. Licklider, 1962 MIT | Leonard Kleinrock 1961 | Ivan Sutherland, Bob Taylor, e Lawrence G. Roberts “Pacotes” de dados Telefonia base para transmissão de dados Conexões entre universidades Thomas Merril, 1964.
  10. 10. Origens Anos 80 - NSF e a fibra ótica No Brasil 1991 RNP (Rede Nacional de Pesquisas) - Universidade e Setor Público 1995 provedores comerciais
  11. 11. mas afinal, que raios é a Internet? Projeto An Atlas of Cyberspace - finalizou em 2004 http://personalpages.manchester.ac.uk/staff/m.dodge/cybergeography/atlas/geographic.html
  12. 12. O original não está disponível: Ver backup e post comentado em http://ansonalex.com/technology/the-world-map-of-internet-connections/
  13. 13. no ponto de vista físico uma grande teia
  14. 14. na visão de negócios um conglomerado de serviços
  15. 15. de quem é? WhO OWS THE WEB www.landingnet.co.uk
  16. 16. www Tim Berners-Lee, 1992 ProtocoloHTTP (hyper text transfer protocol) Documentos HTML via browser
  17. 17. 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.110 VIA DOMAIN NAME SYSTEM (DNS)
  18. 18. no navegador/browser... interpretação dos dados CÓDIGO (html, css, scripts) + requisições de dados OBJETOS, DADOS DE BANCO, et.c..
  19. 19. Bluefish, TextWrangler, Dreammweaver editor
  20. 20. FileZilla, Dreamweaver ftp
  21. 21. Firefox Extensões úteis Firebug, Web Developer, Colorzilla Chrome F12 debug
  22. 22. registro.br domínios
  23. 23. let’s code! p.s.: Code is design! webutfpr.tumblr.com

×