Colaboradores

segunda-feira, 25 de março de 2013

Site com Fireworks - Parte 1

01. Crie um palco com 1024 x 768, resolução de 72 Pixels/Polegadas. Cor da tela Branca.

02. Faça um retângulo de 1024 x 150, posicione em X=0 e Y=0.

03. Mude o tipo de preenchimento para Linear e configura as cores da seguinte forma:

04. Altere o sentido do preenchimento Linear para:

05. Vá em Efeitos / Sombra e Brilho / Aplicar Sombra;

06. Faça outro retângulo com as medidas 1024 x 40 e posição X=0 e Y=165. E cor #0000FF.

07. Aplique o mesmo efeito de sombra.


08. Vamos fazer mais um retângulo com as medidas 1024 x 30 na posição X=0 e Y=738.

09. Com a ferramenta linha desenhe uma linha com as seguintes informações:
W=1, H=30, X=160 e Y=175, Cor: #00FFFF, e Tamanho da Ponta=2

10. Com a linha já desenha e selecionada pressione Ctrl+C + Ctrl+V, posicione na posição:
X=320 e Y=175. Mais uma linha na posição X=480 e Y=175, outro na posição X=640 e Y=175 e por último outra na posição X=800 e Y=175.

11. Vamos agora montar o menu. Escreva a palavra INICIO, em letras maiúsculas, formate para fonte Verdana, tamanho 20, Cor #33CCFF, na posição X=41, Y=172 e marque a opção "Sem Suavização de Serrilhado"

12. Escreva PRODUTOS, fonte Verdana, tamanho 20, Cor #33CCFF, na posição X=179, Y=172 e marque a opção "Sem Suavização de Serrilhado".

13. Escreva PROMOÇÃO fonte Verdana, tamanho 20, Cor #33CCFF, na posição X=337, Y=172 e marque a opção "Sem Suavização de Serrilhado".

14. Escreva QUEM SOMOS fonte Verdana, tamanho 20, Cor #33CCFF  na posição X=485, Y=172 e marque a opção "Sem Suavização de Serrilhado".

15. Escreva CONTATO fonte Verdana, tamanho 20, Cor #33CCFF  na posição X=667, Y=172 e marque a opção "Sem Suavização de Serrilhado".
16. Vamos adicionar um texto agora, então digite "Todos os Direitos Reservados a ACMSound (R)", fonte Verdana tamanho 12, também sem suavização de serrilhado. Posição X=380 e Y=744.


17. Digite o seguinte texto:
* Som
* Alarme
* Elétrica
* Película
Fonte: arial black, tamanho 25, cor branca, Posição X=842 e Y=15.

18. Digite ACM Sound, na fonte Arial Black, tamanho 60 na cor #0000FF, com efeito de brilho, Largura 10, Opacidade 80%, Suavidade 10 e Deslocamento 0. Posição X=179 e Y=46

19. Crie um retângulo de 720 x 434 na posição X=51 e Y= 263 na cor preta. Copie e cole esse retângulo e altere a posição X=44, Y=254 e a cor para #00FFFF.

20. Faça outro retângulo com as seguintes propriedades:
W=560, H=50, X=114 e Y=279 na cor vermelha, duplique o retângulo pinte de preto e altere para X=111 e Y=276.

21. Vamos digitar o seguinte texto: PROMOÇÃO DA SEMANA, fonte verdana, tamanho 38, na cor amarela, estilo negrito, na posição X=130 e Y=280.

22. Selecione o texto mais o retângulo preto e mais o vermelho, agrupe. Agora com a ferramenta dimensionar rotacione um pouco o grupo.
Altere a posição para: X=116 e Y=221.

23. Insira o seguinte texto:

Alto Falante Pionner  == Fonte [Arial Black], tamanho [30], cor [0000FF]
Sub Woofer              == Fonte [Verdana], tamanho 25, cor [0000FF]
1400 Watts RMS     == Font [Verdana], tamanh[20], cor [0000FF]
Competição              == Font [Verdana], tamanh[20], cor preta
TSW 309                 == Font [Verdana], tamanh[20], cor preta
12 pol                      == Font [Verdana], tamanh[20], cor preta

24. Crie um retângulo W=313, H=74, X=362 e Y=585 na cor vermelha.
25. Digite texto na cor amarela, R$ 199,99 onde o "R$199" será do tamanho 60 e ",99" será do tamanho 30 e o deslocamento da linha de Base 20. Posição X=366 e Y=587.


26. Pressione Ctrl+R e insira a imagem de um alto falante com as seguintes características:
W=270, H=270, X=74 e Y=390.

27. Vamos agora inserir um logo. Pressione Ctrl+R selecione o logo e insira com as seguintes propriedades:
W=109, H=109, X=28 e Y=18.

28. Agora vamos configurar os botões. Clique no menu INICIO aperte a tecla F8.
Repita para os outros itens de menu.

Seu menu ficou assim:

29. Altere a largura e altura das fatias pelas linhas vermelhas.

30. Crie um retângulo com cantos arredondados de 180 x 440 na posição X=820 e Y=251, de cor branca e contorno Azul (#0000FF). Tamanho da ponta 2.

31. Vamos inserir os logos dos cartões, MASTERCARD, VISA, HIPERCARD, DINERS CLUB E REDE SHOP.
Hipercard => W=144, H=63, X=837 e Y=262
Visa         => W=144, H=92, X=837 e Y=327
Diners Club=> W=144, H=82, X=837 e Y=421
MasterCard=> W=144, H=87, X=837 e Y=505
Rede Shop => W=97, H=97, X=860 e Y=590

32. Salve como "index".

Nenhum comentário:

Postar um comentário