Criação de Sites * Layouts * HTMLfpereira/pagina/informatica/apostilas/slides... · Criação de...
27
1 Criação de Sites * Layouts * HTML Profa. Flávia Pereira de Carvalho Fontes: Adobe Fireworks CS4 – Design para Web – Processor Alfamídia Criação de Sites: Layout e Projetos - Processor Alfamídia Crie, Anime e Publique seu Site - Fireworks, Flash e Dreamweaver – William Alves 2 Criação de Sites Etapas para o desenvolvimento de websites: Levantamento dos dados Desenvolvimento do protótipo Implementação: Desenvolvimento do código, conteúdos e imagens finais Lançamento: disponibilização na web Manutenção: atualizações
Transcript of Criação de Sites * Layouts * HTMLfpereira/pagina/informatica/apostilas/slides... · Criação de...
1
Criação de Sites* Layouts* HTML
Profa. Flávia Pereira de Carvalho
Fontes: Adobe Fireworks CS4 – Design para Web – Processor AlfamídiaCriação de Sites: Layout e Projetos - Processor AlfamídiaCrie, Anime e Publique seu Site - Fireworks, Flash e Dreamweaver – William Alves
2
Criação de Sites
Etapas para o desenvolvimento de websites:
Levantamento dos dados
Desenvolvimento do protótipo
Implementação: Desenvolvimento do código, conteúdos e imagens finais
Lançamento: disponibilização na web
Manutenção: atualizações
2
3
Criação de Sites
Etapas para o desenvolvimento de websites:
4
Criação de Sites
Etapas para o desenvolvimento de websites:
3
5
Criação de Sites
Etapas para o desenvolvimento de websites:
6
Criação de Sites
Dois exemplos de wireframe:
4
7
Criação de Sites
Etapas para o desenvolvimento de websites:
8
Criação de Sites
Metodologia do Projeto:
5
9
Criação de Sites
Etapas para o desenvolvimento de websites:
10
Criação de Sites
Etapas para o desenvolvimento de websites:
6
11
Criação de Sites
Teorias do Design aplicadas na Web
12
Criação de Sites
Teorias do Design aplicadas na Web
7
13
Criação de Sites
Teorias do Design aplicadas na Web
Fonte: http://www.leivasotero.com.br/internas/cassino.php
14
Criação de Sites
Teorias do Design aplicadas na Web
8
15
Criação de Sites
Teorias do Design aplicadas na Web
16
Criação de Sites
Teorias do Design aplicadas na Web
9
17
Teorias do Design aplicadas na Web
18
Teorias do Design aplicadas na Web
10
19
Teorias do Design aplicadas na Web
20
Teorias do Design aplicadas na Web
11
21
Teorias do Design aplicadas na Web
22
Teorias do Design aplicadas na Web
12
23
Teorias do Design aplicadas na Web
24
Teorias do Design aplicadas na Web
13
25
Teorias do Design aplicadas na Web
26
Teorias do Design aplicadas na Web
14
27
Teorias do Design aplicadas na Web
28
Teorias do Design aplicadas na Web
15
29
Teorias do Design aplicadas na Web
30
Teorias do Design aplicadas na Web
16
31
Teorias do Design aplicadas na Web
32
Teorias do Design aplicadas na Web
17
33
Teorias do Design aplicadas na Web
34
Teorias do Design aplicadas na Web
18
35
Teorias do Design aplicadas na Web
36
Teorias do Design aplicadas na Web
19
37
Teorias do Design aplicadas na Web
38
Teorias do Design aplicadas na Web
20
39
Teorias do Design aplicadas na Web
40
Teorias do Design aplicadas na Web
21
41
Teorias do Design aplicadas na Web
42
Teorias do Design aplicadas na Web
22
43
Teorias do Design aplicadas na Web
44
Teorias do Design aplicadas na Web
Exemplo: http://sites.google.com/site/angolalinda/frutasdeangola
23
45
Teorias do Design aplicadas na Web
46
Modelos de Sites
http://www.estado.rs.gov.br/
24
47
Modelos de Sites
48
Modelos de Sites
http://www.terra.com.br/
25
49
Modelos de Sites
50
Modelos de Sites
http://www.americanas.com.br/
26
51
Modelos de Sites
52
Modelos de Sites
Exemplos de Hotsites
Hipoglós Amêndoas: http://www.hipoglosamendoas.com.br
Sprite Test Laboratories: http://archive.mortierbrigade.com/sprite3g/
Harmonia no Trânsito: http://www.hondaharmonianotransito.com.br/
Novo Uno 2011: http://uno.fiat.com.br/
27
53
Modelos de Sites
Dica de Livro:
54
Criação de Sites
Introdução a HTML
Apostila: Introdução a Linguagem HTML (31pág.- 226KB)
http://fit.faccat.br/~fpereira/downloads.html
