1) O documento discute conceitos fundamentais de design para web, incluindo estrutura básica de HTML, ferramentas de codificação, e origens e natureza da Internet. 2) É apresentado um projeto que compreende pesquisa, prototipação, testes com usuários e relatório, avaliando 50% da nota. 3) Breves explicações históricas sobre o desenvolvimento da Internet são fornecidas, desde suas origens militares até a popularização da World Wide Web.

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. Então, você quer saber mais sobre webdesign...
Então me conte... quais suas expectativas?

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. 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. webutfpr.tumblr.com
material de aula

6. Um pouco sobre
Literacia
DigitalMATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.

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.

9. Um pouco sobre a
InternetMATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.

10. 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.

11. Origens
Anos 80 - NSF e a fibra ótica
No Brasil
1991 RNP (Rede Nacional de Pesquisas) - Universidade e Setor Público
1995 provedores comerciais

12. 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

13. O original não está disponível:
Ver backup e post comentado em http://ansonalex.com/technology/the-world-map-of-internet-connections/

14. no ponto de vista físico
uma grande teia

17. na visão de negócios
um conglomerado de serviços

18. de quem é?
WhO OWS THE WEB
www.landingnet.co.uk

19. www
Tim Berners-Lee, 1992
ProtocoloHTTP (hyper text transfer protocol)
Documentos HTML via browser

20. 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)

21. no navegador/browser...
interpretação dos dados
CÓDIGO (html, css, scripts)
+
requisições de dados
OBJETOS, DADOS DE
BANCO, et.c..

22. Bluefish, TextWrangler, Dreammweaver
editor

23. FileZilla, Dreamweaver
ftp

24. Firefox Extensões úteis
Firebug, Web Developer,
Colorzilla
Chrome F12
debug

25. registro.br
domínios

26. let’s code!
p.s.: Code is design!
webutfpr.tumblr.com