Criação de Sites * Layouts * HTML

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
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
1
Criação de Sites

Etapas para o desenvolvimento de websites:
3
Criação de Sites

Etapas para o desenvolvimento de websites:
4
2
Criação de Sites

Etapas para o desenvolvimento de websites:
5
Criação de Sites

Dois exemplos de wireframe:
6
3
Criação de Sites

Etapas para o desenvolvimento de websites:
7
Criação de Sites

Metodologia do Projeto:
8
4
Criação de Sites

Etapas para o desenvolvimento de websites:
9
Criação de Sites

Etapas para o desenvolvimento de websites:
10
5
Criação de Sites

Teorias do Design aplicadas na Web
11
Criação de Sites

Teorias do Design aplicadas na Web
12
6
Criação de Sites

Teorias do Design aplicadas na Web
Fonte: http://www.leivasotero.com.br/internas/cassino.php
13
Criação de Sites

Teorias do Design aplicadas na Web
14
7
Criação de Sites

Teorias do Design aplicadas na Web
15
Criação de Sites

Teorias do Design aplicadas na Web
16
8
Teorias do Design aplicadas na Web
17
Teorias do Design aplicadas na Web
18
9
Teorias do Design aplicadas na Web
19
Teorias do Design aplicadas na Web
20
10
Teorias do Design aplicadas na Web
21
Teorias do Design aplicadas na Web
22
11
Teorias do Design aplicadas na Web
23
Teorias do Design aplicadas na Web
24
12
Teorias do Design aplicadas na Web
25
Teorias do Design aplicadas na Web
26
13
Teorias do Design aplicadas na Web
27
Teorias do Design aplicadas na Web
28
14
Teorias do Design aplicadas na Web
29
Teorias do Design aplicadas na Web
30
15
Teorias do Design aplicadas na Web
31
Teorias do Design aplicadas na Web
32
16
Teorias do Design aplicadas na Web
33
Teorias do Design aplicadas na Web
34
17
Teorias do Design aplicadas na Web
35
Teorias do Design aplicadas na Web
36
18
Teorias do Design aplicadas na Web
37
Teorias do Design aplicadas na Web
38
19
Teorias do Design aplicadas na Web
39
Teorias do Design aplicadas na Web
40
20
Teorias do Design aplicadas na Web
41
Teorias do Design aplicadas na Web
42
21
Teorias do Design aplicadas na Web
43
Teorias do Design aplicadas na Web

Exemplo: http://sites.google.com/site/angolalinda/frutasdeangola
44
22
Teorias do Design aplicadas na Web
45
Modelos de Sites
http://www.estado.rs.gov.br/
46
23
Modelos de Sites
47
Modelos de Sites
http://www.terra.com.br/
48
24
Modelos de Sites
49
Modelos de Sites
http://www.americanas.com.br/
50
25
Modelos de Sites
51
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/
52
26
Modelos de Sites

Dica de Livro:
53
Criação de Sites

Introdução a HTML

Apostila: Introdução a Linguagem HTML (31pág.- 226KB)
http://fit.faccat.br/~fpereira/downloads.html
54
27