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